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

...記事の続きを読む

top of page

©2024 coliss