サイト構築 -JavaScript
[JS]縦長ページで構造に合わせて水平コンテンツをうまくレイアウトするスクリプト -gridscrolling.js
Post on:2014年6月27日
メインコンテンツとなる垂直に配置されたsection要素に、それぞれのサブコンテンツとなるaside要素を水平に自動配置するjQueryのプラグインを紹介します。 垂直・水平スクロールを使ったウェブページだけでなく、プレ
[JS]映画のエンドロールみたいな演出を加えるスクリプト -End Credits
Post on:2014年6月25日
普通のウェブページに、映画の終わりに流れるスタッフロールみたいな演出を加えるjQueryのプラグインを紹介します。 End Credits -GitHub
[JS]半透明やフラットのかっこいいパネルをさまざまなアニメーションで表示するスクリプト -Amaran JS
Post on:2014年6月23日
シンプルなテキストだけのものをはじめ、画像やアイコンを使った凝ったレイアウトの通知パネルをさまざまなアニメーションで表示できるjQueryのプラグインを紹介します。 表示位置やスライド・フェードなどのエフェクトも簡単に設
[JS]実装は簡単でスマフォにも対応、縦長ページをスクロールする時にちょうどいい位置にスナップさせるスクリプト -Scrollify
Post on:2014年6月16日
section要素やdiv要素でパネルを垂直に配置した縦長ページをスクロールする時に、各パネルをちょうどいい位置にスナップさせるjQueryのプラグインを紹介します。 デスクトップのホイール操作、スマフォやタブレットなど
[JS]シンプルでかっこいいスクロールエフェクトを簡単に実装できるスクリプト -ScrollMe
Post on:2014年6月12日
スクロールしてビューポートに要素が表示された時に、さまざまなアニメーションを適用するjQueryのプラグインを紹介します。 スクリプトは外部ファイルを加えるだけで、アニメーションはHTMLに記述する簡単実装です。アニメー
[JS]ココに注目!してほしい箇所をアニメーションでくるっと囲むスクリプト -traceit
Post on:2014年6月6日
テキストでも画像でもページ内のあらゆる要素をペンでくるっと囲んだようにトレースできるjQueryのプラグインを紹介します。 ↓は上のタイトルのテキスト、各画像をくるっとアニメーションで囲んでいます。 traceit -G
[JS]これ、いい!サイトのデザインを損なわずにフォームの進捗を美しく表示するスクリプト -Fort.js
Post on:2014年6月2日
ユーザーがフォームに入力する際、その進捗をアニメーションで美しく表示するjQuery不要の単体で動作するスクリプトを紹介します。 進捗のデザインは邪魔にならないので、ほとんどのサイトで利用できると思います。 Fort.j
[JS]テキストを次々にモーフィングのアニメーションで表示するスクリプト -Morphext
Post on:2014年5月27日
複数のテキストを次々にモーフィングのアニメーションで表示するjQueryのプラグインを紹介します。 スクリプトとは関係ないですが、ページのアニメーションもかっこいい! Morphext Morphext -GitHub
[JS]最近よく見かける縦長ページ用のさまざまなアニメーションが簡単に実装できるスクリプト -ScrollReveal
Post on:2014年5月26日
先日紹介した「Ani.js」の作者様から、更にパワーアップしたスクリプトをつくったよ、と連絡を受けたので紹介します。 jQueryは無しで、縦長ページ用のスクロールに連動したさまざまなアニメーションが簡単に実装できます。
[JS]なにこれ楽しい!インタラクション満載の路線図を実装するスクリプト -transitive.js
Post on:2014年5月23日
路線図の入り組んでいるところって、分かりにくいですよね。 そんな問題を解決するCanvasで実装するインタラクション満載の路線図のスクリプトを紹介します。 ↓くっついてて分かりにくい箇所も、こんな感じに移動できます。 t
sponsors