サイト構築 -JavaScript

[JS]不可視のDOMをコントロールしてUIを拡張するスクリプト -Shadow UI

Post on:2013年9月17日

ドロップダウン、モーダルウインドウ、ポップアップ、ツールチップなど、最初は可視状態にないDOMをコントロールしてUIを拡張するjQueryのプラグインを紹介します。 「Shadow DOM besed UI extens

...記事の続きを読む

[JS]これはスゴイ!人の声でウェブページをコントールできるようにするスクリプト -annyang!

Post on:2013年9月13日

ユーザーの声をトリガーにしてウェブページのさまざまなインタラクションを実行できるスクリプトを紹介します。マイクなどで「Hello!」と話すとメッセージを表示したり、ネコの画像をFlickrから呼び出したり、エレメントをア

...記事の続きを読む

iOS7のかっこいいエフェクトを使ってコンテンツとナビゲーションを切り替えるスクリプト -iOS7 Zoom

Post on:2013年9月12日

iOS7のさまざまなシーンで利用されているズームを使って、コンテンツからナビゲーションを切り替えるjQuery+CSS3のかっこいいエフェクトを紹介します。 デモのアニメーション コンテンツから左上のボタンをタップ・クリ

...記事の続きを読む

[JS]ボタンのクリック時にちょっと音をつけたい時に、イベントにサウンドを割り当てるスクリプト -Ion.Sound

Post on:2013年9月11日

ボタンをクリックした時に軽快な音をつけるなど、ページ上のさまざまなイベントにサウンドを割り当てることができるjQueryのプラグインを紹介します。 Ion.Sound

[JS]複数のCSSアニメーションを簡単に組み合わせて利用できるスクリプト -animo.js

Post on:2013年9月9日

CSSアニメーションを組み合わせて利用する際、keyframesを使うよりももっと簡単に利用できるjQueryのプラグインを紹介します。 animo.js animo.js -GitHub

[JS]タッチデバイス対応、古いブラウザもカバーするシンプルで快適なスライダーの軽量スクリプト -Glide.js

Post on:2013年9月6日

シンプル・軽量で、レスポンシブ対応、タッチデバイス対応、スワイプもキーボード操作にも対応したカスタマイズにも優れたOOCSSベースでマークアップされたスライダーを実装するjQueryのプラグインを紹介します。 Glide

...記事の続きを読む

[JS]スマフォ・タブレットなどのデバイスを判定し、CSS/JavaScriptで簡単に利用できるようにするスクリプト -Device.js

Post on:2013年9月5日

ページにほんの一行外部ファイルを加えるだけで、iPhone, iPadなどのiOSをはじめ、Android, Blackberry, Windows Phone, Window Tabletなどスマフォやタブレット、デス

...記事の続きを読む

[JS]jQueryのMasonry風レイアウトをスタイルシートで簡単に調整できるスクリプト -Salvattore

Post on:2013年9月3日

高さの異なるパネルをレンガ状に一定の間隔で配置するjQueryのプラグイン「Masonry」風レイアウトを簡単に実装できるように、スタイルシートで調整できるスクリプトを紹介します。 スタイルシートベースなので、レスポンシ

...記事の続きを読む

[JS]既存のナビゲーションを簡単にレスポンシブ対応のトグル型にするスクリプト -Naver

Post on:2013年8月29日

水平型など、今使用しているナビゲーションをスマフォやタブレットで表示した際に、トグル型ナビゲーションに自動で変更するjQueryのプラグインを紹介します。 Naver Naver -GitHub

[JS]スマフォなどのジャイロスコープにも対応した一味違ったパララックスを実装するスクリプト -Parallax.js

Post on:2013年8月28日

シンプルな実装で、ウェブページに奥行きを与えるパララックスを実装するjQuery/Zeptoの軽量プラグインを紹介します。 スマフォやタブレットの傾きに対応しているだけでなく、摩擦係数なども設定できるので、一味違った面白

...記事の続きを読む

top of page

©2024 coliss