サイト構築 -JavaScript

[JS]スタイルシート初心者にも優しい!要素を天地左右中央に配置できる簡単超軽量スクリプト -Midway.js

Post on:2013年6月4日

デスクトップやスマフォ・タブレットのレスポンシブ対応で、画像やテキストなどを天地左右の中央に簡単に配置できる超軽量(1KB)のスクリプトを紹介します。 作業は、HTMLに2つ追加するだけです。 Midway.js

[JS]スクロールした際に見出しや画像やエリアなどが見切れるのを自動補正するスクリプト -Scrollsnap

Post on:2013年6月3日

ユーザーがページをスクロールした時、見出しや画像が見切れてしまう、ストライプの背景で違うカラーが少し見えてしまうなど、ちょっとだけスクロール位置がうまくない時に自動で補正するjQueryのプラグインを紹介します。 Scr

...記事の続きを読む

[JS]ブラウザいっぱいに表示した複数のコンテンツをマトリックス状に切り替えるスクリプト -jQuery.fullContent

Post on:2013年5月29日

複数のコンテンツをそれぞれブラウザの枠いっぱいに表示し、それらを水平・垂直のマトリックス状に配置し、ダイナミックなアニメーションで切り替えるjQueryのプラグインを紹介します。 jQuery.fullContent j

...記事の続きを読む

[JS]コンテンツをデスクトップ時はタブに、タブレット・スマフォ時はアコーディオンにするスクリプト

Post on:2013年5月27日

シンプルなHTMLで、デスクトップ時は水平・垂直のタブに、タブレット・スマフォ時はアコーディオンに自動変更(指定も可)するレスポンシブ対応のjQueryのプラグインを紹介します。 Easy Responsive Tabs

...記事の続きを読む

[JS]jQueryも外部CSSも不要!レスポンシブ対応サイトを作成する超軽量のスクリプト -skel.js

Post on:2013年5月23日

デスクトップ・タブレット・スマフォ向けのレスポンシブ対応サイトを作成する超軽量(19KB)のスタンドアローンのスクリプトを紹介します。 jQueryなどの他のスクリプトは必要なく、外部スタイルシートも必要ありません。 ※

...記事の続きを読む

[JS]お気に入りのカラースウォッチをアウトプットするためのスクリプト -Swatches

Post on:2013年5月22日

たった一つのdiv要素を使うだけで、お気に入りのカラースウォッチのコレクションページを作成できるjQueryのプラグインを紹介します。 Swatches -GitHub

[JS]レスポンシブ対応の非常に美しい画像ギャラリーを実装する設置が簡単なスクリプト -least.js

Post on:2013年5月20日

HTML5+CSS3で実装する、レスポンシブ対応で各サムネイル画像をディスクリプション付きで拡大表示する画像ギャラリーを実装するjQueryのプラグインを紹介します。 least.js

[JS]スマフォアプリのように左右にスライドしてコンテンツを表示するスクリプト -mmenu

Post on:2013年5月16日

スマフォのアプリケーションでよく見かけるように、メインコンテンツから左右にスライドさせて別のコンテンツを表示するjQueryのプラグインを紹介します。 また、デモページに面白いテクニックが使われているので、それも是非!

...記事の続きを読む

[JS]複数のエレメントをスクロールしても指定した場所に留まらせるスクリプト -ハチ公

Post on:2013年5月10日

ハチ公という名のjQueryのプラグインです。 ページ内に配置したエレメント、ヘッダでもナビゲーションでもページ途中のものでも、スクロールしても指定した場所に固定表示するjQueryのプラグインを紹介します。 ハチ公 -

...記事の続きを読む

[JS]レスポンシブ対応でパンくずの一行が長くて困ったを解決するスクリプト -rCrumbs

Post on:2013年5月9日

多階層をもったサイトでは、パンくずも長くなりがちです。 テキストベースで実装した長い一行のパンくずを表示幅に合わせて最適化するjQueryのプラグインを紹介します。 jQuery rCrumbs -GitHub

top of page

©2024 coliss