jQueryとCSSで実現する押しやすくオシャレなチェックボックス実装チュートリアル
2011年04月25日-
スポンサード リンク
Better Check Boxes with jQuery and CSS | Tutorialzine
jQueryとCSSで実現する押しやすくオシャレなチェックボックス実装チュートリアル。
独自のチェックボックスを実装するチュートリアルとサンプルがダウンロード出来ます。
普通のチェックボックスは小さくて連続して押したりする場合は結構ストレスがたまったりしますね。
というわけで次のようなチェックボックスを作る例です。

大きくて押しやすく、画像ベースにデザインされており、なかなかカッコいいというのも特徴。
スクリプト部分にはjQueryプラグインが使われていますが、50行程のスクリプトなので改造も容易です。
標準のチェックボックスのストレスを取り払い、デザイン性も持ち合わせたチェックボックス導入の際に参考にできます。
関連エントリ
jQueryとCSSで実現する押しやすくオシャレなチェックボックス実装チュートリアル。
独自のチェックボックスを実装するチュートリアルとサンプルがダウンロード出来ます。
普通のチェックボックスは小さくて連続して押したりする場合は結構ストレスがたまったりしますね。
というわけで次のようなチェックボックスを作る例です。

大きくて押しやすく、画像ベースにデザインされており、なかなかカッコいいというのも特徴。
スクリプト部分にはjQueryプラグインが使われていますが、50行程のスクリプトなので改造も容易です。
標準のチェックボックスのストレスを取り払い、デザイン性も持ち合わせたチェックボックス導入の際に参考にできます。
関連エントリ
スポンサード リンク
Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- 15000以上のいい感じの線形アイコン「Lineicons」
- CSSやTailwindでのCSSスニペットライブラリ「CSS Snippets Library」
- AIを使ってサイトマップが作れる「Octopus.do」
- ライブラリ依存のないモーダルオープンライブラリ「Blendy」
- 個性的な明朝フリーフォント「築豊初号明朝OFL」
- CSSで太陽が差し込むようなアニメーション実装
- 可愛くアニメーションする「beautifully crafted animated icons」
- アイソメトリックなアイコンがアイコンがPNG,SVGでゲットできる「Isoicons」
- ユニークなカタカナフォントtorisippo
- 美しいメッシュグラデーションをCSSで簡単に取得できる「MSHR」
- 過去のエントリ