16連発! twitterbootstrap3ユーザー必見!最強のプラグイン集

2014年11月20日更新 view: 62 view
photoBy: http://designup.jp/wp/wp-content/uploads/2014/01/…

bootstrap3をもっと、便利に使う

lightbox を使いたい! Bootstrap Lightbox

写真のギャラリーを表示するのに便利です。
画像をポップアップし、次の画像、前の画像みたいなのが作れます。
http://www.jasonbutz.info/bootstrap-lightbox/

photoBy: http://cdn.tutorialzine.com/wp-content/uploads/20…

画像ギャラリーを作りたい Bootstrap Image Gallery

画像の全画面表示とかもできます。
アイドル写真集などにいかがでしょうか。
http://blueimp.github.io/Bootstrap-Image-Gallery/

photoBy: http://cdn.tutorialzine.com/wp-content/uploads/20…

ダイアログでええぇ?ええのん?を判断したい notification Bootbox.js

よくある、これでよいですか?のポップアップをbootstrapで出します。
bootboxjs.com

ログイン完了しました! みたいなメッセージを出す bootstrap-notify

ページの右上とか左上にログインしました!エラーです!を表示する。
http://goodybag.github.io/bootstrap-notify/

photoBy: http://cdn.tutorialzine.com/wp-content/uploads/20…

フォームヘルパー

カラーピッカー、デートピッカー、タイムピッカー、スライダー等がつまったプラグインです。
上記のどれかを利用する場合は使っても良いんじゃないでしょうか。
http://vincentlamanna.com/BootstrapFormHelpers/#jquery-plugins

photoBy: http://cdn.tutorialzine.com/wp-content/uploads/20…

タグヘルパー bootstrap-tags

サイトや記事にタグを付ける場合、いいんじゃないでしょうか。
タグを削除、タグを新規追加も簡単にできます。

http://maxwells.github.io/bootstrap-tags.html

photoBy: http://cdn.tutorialzine.com/wp-content/uploads/20…

フォームをスイッチ風に。 switch

iphoneのon , off みたいなスイッチを作ります。
http://www.bootstrap-switch.org/

photoBy: http://cdn.tutorialzine.com/wp-content/uploads/20…

マークダウンを使いたい Bootstrap Markdown

markdown記述するときに便利ですね。

http://tutorialzine.com/2013/07/50-must-have-plugins-for-extending-twitter-bootstrap/

photoBy: http://cdn.tutorialzine.com/wp-content/uploads/20…

最大文字数をバリデーション Bootstrap Maxlength

テキストフィールドで、あと xx文字入力できます。を出します。
シンプルで素敵なデザインです。

http://mimo84.github.io/bootstrap-maxlength/

スポンサードリンク
photoBy: http://cdn.tutorialzine.com/wp-content/uploads/20…

セレクトボックスを複数セレクトするようにできる

チェックボックスをリストにした場合などによいんじゃないでしょうか。

http://silviomoreto.github.io/bootstrap-select/

photoBy: http://cdn.tutorialzine.com/wp-content/uploads/20…

フォームをステップで段階的に。ユーザビリティアップ。 Bootstrap Form Wizard

長ったらしいフォームはユーザービリティによくない。
これで段階を踏ませれば会員登録率もアップするかもね。

http://www.panopta.com/2013/02/06/bootstrap-application-wizard-2/

photoBy: http://cdn.tutorialzine.com/wp-content/uploads/20…

フォームのバリデーション jqBootstrapValidation

フォームをバリデーションできるみたい。

http://reactiveraven.github.io/jqBootstrapValidation/

photoBy: http://cdn.tutorialzine.com/wp-content/uploads/20…

オートコンプリート

googleサジェストみたいなオートコンプリートね。

http://sandglaz.github.io/bootstrap-tagautocomplete/

ソーシャルボタン集

ソーシャルボタンを一発でつけれる。

http://noizwaves.github.io/bootstrap-social-buttons/

サイトの使い方を説明する Bootstro.js

サイトの使い方を順を追って説明してくれる。

http://tutorialzine.com/2013/07/50-must-have-plugins-for-extending-twitter-bootstrap/

データをその場で編集 inplaceeditor

X-editable。これは使えます。
http://vitalets.github.io/x-editable/

photoBy: http://cdn.tutorialzine.com/wp-content/uploads/20…

以上。bootstrapにはいろんなプラグインがあって便利ですね。

bs-callout

http://cpratt.co/twitter-bootstrap-callout-css-styles/

bootstrap3の公式サイトの説明文で使っているスタイルですね。

 

スポンサードリンク

関連記事

関連カテゴリ

コロ助

web関連の記事や制作系の記事をどんどんまとめていきます。 宜しくお願いします!

ピックアップ

パソコン・ソフトウェア ランキング

6月23日 ( 日 ) にアクセスが多かった記事はこちら!