Simple button checks

JavaScript

カスタマイズ可能なチェックボックスを実装できる「Simple button checks」

Simple button checksはカスタマイズ可能なチェックボックスを実装できるjQueryプラグインです。高性能でキーボードサポートもしているとのこと。CSSなどによるカスタマイズを施したチェックボックスを取り入れたい人は要チェックです。

Simple button checks

デモ

デモではページの下の方にカスタマイズされたチェックボックスが設置されています。チェックを入れるとメッセージが表示されたり、チェックマークとは違った別のアイコンを表示したりと、そのカスタマイズは様々です。

人とは違ったチェックボックスにすることで、印象にも残りやすそうですね。

Simple button checksにはオプションもいくつか用意されています。主なオプションは、buttonClass、checkedIcon、nonCheckedIcon、wrapContainer、strictLabel、btnAttributesです。

そのほか、コールバック関数やメソッドもいろいろあるので、カスタマイズ性を重視したい人には嬉しい仕様になっています。

Simple button checks

OverlayScrollbarsカスタマイズ性に優れたスクロールバーを実装できる「OverlayScrollbars」前のページ

JSONデータを用いたタイムライン実装「Albe Timeline」次のページAlbe Timeline

関連記事

  1. PIGNOSE Calendar

    JavaScript

    美しくてシンプルに使えるデートピッカー実装「PIGNOSE Calendar」

    PIGNOSE Calendarは、美しくてシンプルな操作性によるデー…

  2. Vertical Timeline

    JavaScript

    垂直型のシンプルなタイムラインを実装できるjQueryプラグイン「Vertical Timeline…

    Vertical Timelineは、垂直型のシンプルなタイムラインを…

  3. FrameScrub
  4. no-image

    JavaScript

    レスポンシブでマルチレベルに対応したナビゲーション「K-Responsive-Menu」

    K-Responsive-Menuは、レスポンシブでマルチレベルに対応…

  5. Reframe.js

    JavaScript

    特定の要素をレスポンシブ化してくれる「Reframe.js」

    Reframe.jsはレスポンシブに対応していない特定の要素をレスポン…

  6. no-image

    JavaScript

    シンプルで美しい軽量のjQueryモーダルウィンドウ「umodal」

    umodalはスッキリしたシンプルで美しいモーダルウィンドウを実装でき…

最近の記事

  1. RF85mm F2 MACRO IS STM
  2. Anker PowerWave Pad Alloy
  3. Anker Bolder LC30
  4. BG-R10

アーカイブ

PAGE TOP