サイト構築 -JavaScript

[JS]ほんの数行で便利な機能を実装するjQueryのスニペットのまとめ -jQuery Tips

Post on:2015年10月23日

jQueryには高性能なプラグインがたくさんリリースされていますが、ほんの数行のコードだけでも便利な機能を簡単に実装することもできます。 Webサイトで最近よく利用されている便利な機能を実装するスニペットを紹介します。

...記事の続きを読む

[JS]ふわりとした動きが気持ちいい!スクロールするとコンテンツが後から追いかけるように表示されるスクリプト - Flow Up

Post on:2015年10月9日

ページをスクロールすると、垂直に配置されたコンテンツやパネルが後から追いかけるようにふわりと定位置に配置されるシンプルなスクリプトを紹介します。 ずっと気にかけてたエフェクトだったのですが、このスクリプトを使うと簡単に実

...記事の続きを読む

jQueryは無し、シンプルに必要な機能だけを実装する軽量スクリプトのまとめ

Post on:2015年9月15日

jQueryを使い、プラグインを追加していくのも便利ですが、やりたいことが限られている時は単独のスクリプトの方が軽量で、簡単かもしれません。 jQueryは無しで、必要な機能だけを実装するシンプルで軽量のスクリプトを紹介

...記事の続きを読む

[JS]レスポンシブ対応、指定したエリア内だけで高さが異なるパネルを同じ高さに揃えるスクリプト -Right Height

Post on:2015年9月10日

指定したエリア内だけ、複数のエリアそれぞれに適用することも可能なパネルの高さを同じにするスクリプトを紹介します。 ↓こんな感じに1行目と2行目で高さを揃えたり、全て同じにすることも簡単です。 Right Height -

...記事の続きを読む

[JS]レスポンシブ対応の使いやすいスライダーを探している人にオススメのスクリプト -wallop

Post on:2015年9月1日

スマホやタブレットで快適に動作し、プログレッシブエンハンスメントを取り入れて実装されたスライダーのスクリプトを紹介します。 HTMLは非常にシンプルで、JavaScriptは最小限、jQueryなど他スクリプトの依存無し

...記事の続きを読む

[JS]Webサイトの使いやすさ・かっこよさを向上させる、チェックしておきたいスクリプトのまとめ

Post on:2015年8月24日

コンテンツの邪魔にならず操作も快適な画像拡大、スクロールすると一旦ヘッダが隠れるけど上にスクロールすると出現、サーチアイコンをクリックするとにょい~ん伸びて検索ボックスになるなど、ユーザビリティ・アクセシビリティに配慮さ

...記事の続きを読む

[JS]スマホアプリなどのデモ操作を見せる時により分かりやすく、タップしている状態をアニメーションで表現するスクリプト -TouchPoint.js

Post on:2015年8月5日

スマホアプリやWebアプリのプロトタイプやデモの操作を見せる時などに、スマホでのタップやデスクトップでのクリックを表現する波紋のアニメーションを簡単に実装できるスクリプトを紹介します。 ランディングページや使い方ページで

...記事の続きを読む

[JS]画像を拡大表示するLightboxの進化形、デバイスごとに異なる設定も可能な高性能な軽量スクリプト -Chocolat

Post on:2015年7月30日

デスクトップ、タブレット、スマホのそれぞれに合わせた方法で、指定したエリアやウインドウいっぱいに画像を拡大表示したり、そのまま複数の画像を表示するスライダーにすることもできる、軽量で高性能な画像を拡大表示するスクリプトを

...記事の続きを読む

[JS]最近のWebサイトで見かける気持ちいいアニメーション、便利な仕掛けや機能を実装するスクリプトのまとめ

Post on:2015年7月23日

最近のWebサイトで見かける気持ちいいインタラクションやエフェクト、面白い仕掛けのコンテンツや便利な機能を実装できるスクリプトやjQueryのプラグインを紹介します。 画像: Girly Drop

[JS]コンテンツの区切り線を水面に見立てて、ぽちゃんたぷんっと波立たせる癒やし系スクリプト -Raindrops.js

Post on:2015年7月13日

コンテンツの区切りなどの線を水面に見立てて、滴を落としたように波立たせる素敵なアニメーションを簡単に実装できるスクリプトを紹介します。 ↓区切り線がぽちゃんたぷんっと波立ちます。 Raindrop.js Raindrop

...記事の続きを読む

 Prev 1 2 ... 4 5 6 ... 118 119 Next

top of page

©2017 coliss