on:2015年6月1日sponsorsBootstrapで作成したページに、外部ファイルと数行のコードを加えるだけで、さまざまな便利な機能を追加できるjQueryのプラグインを紹介します。Bootstrapの対応バージョンは、3.xです。-GitHubSmokeの使い方SmokeのデモSmokeの使い方Smokeの使い方は、簡単です。Bootstarpでつくったページに、外部スクリプト・スタイルシートを加えます。Bootstapのコードをベースにした最小構成は、こんな感じです。src="js/es.min.js"></script></body></html>Smokeのデモデモページでは、各機能の動作とそれらを実装するコードが紹介されています。フォームのバリデーションフォームの未入力チェック、メールアドレスチェック、入力した文字のチェック、パスワードの強度チェック、同じ値が入力されたチェックなどがあります。コード未入力チェックだと「required」を加え、スクリプトをちょっと記述するだけ。here}</script>アラートインフォメーション、エラー、サクセスの情報をアニメーションで表示し、表示時間も指定できます。コードアラートの実装も非常に簡単です。10});</script>プログレスバーページのデザインの邪魔にならない、シンプルでかっこいいプログレスバー。コードプログレスバーは一行でOK。'start'});</script>フルスクリーン表示ボタンをクリックすると、ページを全画面表示にします。コード全画面表示用のボタンを設置し、あとはスクリプトを加えるだけ。id="fullscreen"></a><script>$('#fullscreen').smkFullscreen();</script>パネルパネルはコンテンツがアニメーションで開閉するタイプです。コードボタンなどは自動で付与されます。'full'});</script>ヘルパーURLや日付、ユーザーが入力した情報などをパネルで表示します。コード日付だとこんな感じに。date」を変更するだけで、さまざまな情報を表示します。