サイト構築 -JavaScript

[JS]操作感が楽しい!左右にドラッグ・フリックしてコンテンツを表示するスクリプト -Snap.js

Post on:2013年5月7日

表示されているページを左右にドラッグ(フリック)して、アニメーションで左右にコンテンツをスライド表示するデスクトップにもスマフォにも対応したスクリプトを紹介します。 jQueryなどの他のライブラリには依存しません。 S

...記事の続きを読む

[JS]ブログの記事を読み終えたユーザーに、シェアなど次のアクションを促すスクリプト -jQuery Engage

Post on:2013年4月25日

WordPressで作られたブログなどでスクロールして記事を読み終えた時に、その記事をシェアするボタン、記事へのコメント入力フォーム、メールニュースなどの告知を配置したパネルを下からアニメーションで表示するjQueryの

...記事の続きを読む

[JS]チェックしておきたいjQueryのプラグインのまとめ -2013年3・4月

Post on:2013年4月22日

紹介済みから未紹介のものまで、最近リリースされたjQueryのプラグインをまとめました。 Intro.js ページのガイドを表示します。 Chardin.js オーバーレイでページの補足説明を表示します。

ウェブデザインで大切な縦のリズムをチェックできるブックマークレット -Gridwax

Post on:2013年4月18日

ウェブデザインの縦のリズムをチェックできるブックマークレットを紹介します。 日本語のウェブサイトでももちろん利用できます。 Gridwax

[JS]ぷるぷるっとかわいいアニメーションでレイアウトを変更するレスポンシブ用のスクリプト -DyLay

Post on:2013年4月15日

ダイナミックなかわいいアニメーションでパネルのレイアウトを変更する、レスポンシブ用のレイアウトを生成するjQueryのプラグインを紹介します。 DyLay! V2 DyLay -GitHub

[JS]レスポンシブ対応のシンプルながら高性能なすごいナビゲーション! -Resposive Nav

Post on:2013年4月10日

jQueryなどに依存せず単体で動作し、スクリプトがオフでも機能し、実装も非常にシンプルで、デスクトップやタブレット・スマフォそれぞれで最適な状態で表示し、IE6にさえ対応し、しかも超軽量のスクリプトを紹介します。 Re

...記事の続きを読む

[JS]lightboxの進化形、レスポンシブ対応で画像を拡大表示するスクリプト -SuperBox

Post on:2013年4月8日

lightboxよりJavaScriptと画像ロードの依存を少なくした、レスポンシブ対応で画像を拡大表示するjQueryのプラグインを紹介します。 SuperBox the re-imagined lightbox ga

...記事の続きを読む

[JS]実装は簡単!ページの使い方の説明などをかっこよくオーバーレイで表示するシンプルなスクリプト -Chardin.js

Post on:2013年4月5日

ページ上に配置した要素それぞれに、説明などを添えるためのオーバーレイを作りだすシンプルなjQueryのプラグインを紹介します。 Chardin.js Chardin.js -gitHub 背景ホワイト:ビフォー、背景ブラ

...記事の続きを読む

[JS]レイヤーに要素を配置し、分離して3Dにぐるぐる回転させるスクリプト -CSSMatrix

Post on:2013年4月4日

jQueryのプラグイン「CSSMatrix」を使って、不連続のレイヤーに要素を配置し、それぞれを分離して3Dにぐるぐる回転して表示するデモを紹介します。 3D-ifying Documents Using CSS Tr

...記事の続きを読む

[JS]自分仕様のかなりかっこいいローディング用アニメーションを生成できる -Sonic Creator

Post on:2013年4月3日

かっこいいデザインのローディング用アニメーションのCanvas版、アニメーションGIF版、CSSスプライトPNG版を同時に作成できるオンラインサービスを紹介します。 Sonic Creatorの前に、まずはSonicのデ

...記事の続きを読む

top of page

©2024 coliss