サイト構築 -JavaScript

[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のデ

...記事の続きを読む

[JS]わずか1KBでインディ・ジョーンズの雰囲気が楽しめるスクリプト -Strange crystals

Post on:2013年4月1日

インディ・ジョーンズの「魔宮の伝説」でのトロッコで坑道を滑走するシーンを再現したような1KBのスクリプトを紹介します。 キャプチャは静止画ですが、アニメーションで描画されます! Strange crystals

[JS]エイプリルフール用のネタをあなたのブログに仕込むスクリプト -Fool.js

Post on:2013年3月31日

ウェブページを逆さまにしたり、傾けたり、クリック禁止にしたりなど、ちょっとしたイタズラをブログなどに仕込むjQueryのプラグインを紹介します。 Fool.js Fool.js -GitHub

[JS]jQueryのプラグインを利用する時に、アイデアを加えてかっこいいエフェクトを実装する -jQuery Visible

Post on:2013年3月29日

シンプルな機能のjQueryのプラグインを利用して、スクロールして次のコンテンツを表示する時にかっこいいエフェクトを与えるテクニックを紹介します。 Slide In (as you scroll down) Boxes

プレゼン用のスライドショーを実装する、わずか1KBなのに多彩なエフェクトを備えタッチデバイスにも対応したスクリプト -Bespoke.js

Post on:2013年3月28日

複数のパネルを多彩なアニメーションで次々にスライドするMITライセンスのスクリプトを紹介します。 jQueryなどの併用はなく、単体で動作し、1KBと超軽量です。 Bespoke.js Bespoke.js -GitHu

...記事の続きを読む

タッチデバイス対応、フォームのデザインをミニマルやフラットにしたり機能を強化するスクリプト -iCheck

Post on:2013年3月27日

フォームのラジオボタンとチェックボックスをミニマルやフラットやダークなど、今時のデザイン風に変更したり、コールバック関数や入力をコントロールできるjQueryのプラグインを紹介します。 iCheck iCheck -Gi

...記事の続きを読む

[JS]シンプルなHTMLでレスポンシブ対応のスライダーを実装する超軽量のスクリプト -Unslider

Post on:2013年3月19日

シンプルなHTMLでレスポンシブ対応のスライダーを実装する超軽量のjQueryのプラグインを紹介します。 デスクトップのキーボード操作やスマフォ・タブレットのスワイプ操作にも対応! Unslider Unslider -

...記事の続きを読む

[JS]実装は簡単で高性能、ロード無しでページを次々に表示するスクリプト -Navi.js

Post on:2013年3月14日

複数のページをブラウザのロード無しで、アニメーションで次々に表示するjQueryのプラグインを紹介します。 これ系のスクリプトはいくつか紹介してきましたが、ページタイトルの設定やネスト、戻る・次へボタンの対応など、使い勝

...記事の続きを読む

[JS]表示サイズに合わせて、さまざまな要素のサイズやレイアウトをアニメーションで変更するスクリプト -JResponsive

Post on:2013年3月13日

表示サイズに合わせて、ページ内のさまざまな要素のサイズやレイアウト、最小・最大の設定も可、をアニメーションで変更するjQueryのプラグインを紹介します。 JResponsive 関係ないけど、is-great.netっ

...記事の続きを読む

top of page

©2025 coliss