サイト構築 -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
sponsors