サイト構築 -JavaScript
[JS]スマフォ・タブレットでの利用を前提に作られたタブを実装するスクリプト -Tabby
Post on:2013年7月1日
スマフォ・タブレットでの利用を前提に制作されたモバイルファーストのタブコンテンツを実装するjQueryのプラグインを紹介します。 もちろん、デスクトップ用のブラウザでも動作します。 Tabby Tabby -GitHub
[JS]高さの異なるパネルをレンガ状に配置する機能最小限・実用性重視の超軽量スクリプト -waterfall
Post on:2013年6月26日
div要素などで配置した高さの異なるパネルをレンガ状に一定の隙間で配置するjQuery兼Zeptoのプラグインを紹介します。 左のサイドバーは適用なし、右だけレンガ状にできます。 waterfall waterfall
[JS]パスワード入力時・入力後に一時的にパスワードを可視化するスクリプト -hideShowPassword
Post on:2013年6月21日
フォームのパスワードは通常伏せ字になっており見ることができませんが、入力後や入力時に一時的にパスワードを可視化するjQueryのプラグインを紹介します。 下記は入力後にパスワードを可視化したものですが、入力時に可視化した
[JS]グリッドで配置したパネルをダイナミックなアニメーションでコントロールするスクリプト -gridSelector
Post on:2013年6月20日
Googleトレンドのようなグリッド状に配置した複数のパネルにダイナミックなアニメーションを与えるスクリプトを紹介します。 Dynamic Grid with Transitions
[JS]他のスクリプトで生じる端も埋める、パネルをレンガ状に配置するスクリプト -Mason.js
Post on:2013年6月18日
画像やテキストなどを配置したパネルをレンガ状に指定した間隔で配置するjQueryのプラグインを紹介します。 Mason.js Mason.js -GitHub
[JS]ナビゲーションを最上部に固定し、各セクションにアニメーションでスクロール移動させるスクリプト -SMINT
Post on:2013年6月11日
スクロールしてもナビゲーションが最上部に配置され、各セクションにアニメーションのスクロールで移動するナビゲーションを実装するjQueryのプラグインを紹介します。 最近の1ページで構成されたウェブサイトでよく見かけますね
[JS]納品前の確認に最適、使用されていないCSSのセレクタを見つけ出すスクリプト -Helium
Post on:2013年6月10日
ウェブサイトの多数のページ全体に渡り、スタイルシートで定義されたセレクタが使用されているかどうかチェックし、使われていないセレクタのレポートを生成するスクリプトを紹介します。 納品する際に、不要なセレクタを除去するのに役
[JS]機能も充実、設置も簡単、デザインも素敵!モーダルウインドウを実装する超軽量のスクリプト -Pop Easy
Post on:2013年6月7日
Pop Easyはテキストや画像、フォーム、動画、Google Mapsなどを配置できるモーダルウインドウを実装するjQueryのプラグインで、モーダルウインドウ自体の機能・デザイン性も優れていますが、ページのデザインも
効果音が今にも聞こえてきそうな軽快で気持ちいいアニメーションのデモ
Post on:2013年6月7日
テキストの上をボールがはずんで、次々にカラーを変えたり、一つずつ表示するアニメーションのデモを紹介します。
[JS]フォームのselect要素をHTMLの変更無しで、ミニマルに美しく使いやすくするスクリプト -Minimalect
Post on:2013年6月5日
フォームのselect要素をHTMLには手を加えずに、美しいミニマルなデザインを適用し、使いやすさもアップさせるjQueryのプラグインを紹介します。 デザインのテーマも用意されており、オリジナルのテーマをスタイルシート
sponsors