サイト構築 -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のプラグインを紹介します。 デザインのテーマも用意されており、オリジナルのテーマをスタイルシート

...記事の続きを読む

top of page

©2024 coliss