サイト構築 -JavaScript

[JS]ページ内アンカーでスクロール時のアニメーションの種類やスピードが調整できる超軽量ライブラリ -MoveTo

Post on:2017年3月23日

ページ内アンカーに移動させる時に、アニメーションでスムーズにスクロールさせるスクリプトをいろいろありますが、実装が簡単で、微調整も簡単に設定できる超軽量(2kb)のスクリプトを紹介します。 等速のアニメーション、緩和のア

...記事の続きを読む

[JS]コンテンツの見出しを目次にし、スクロールしてもサイドバーに固定表示されるナビゲーション -Progress Nav

Post on:2017年2月8日

コンテンツの見出しを目次代わりにし、スクロールしてもサイドバーに固定表示されるナビゲーションを実装するJavaScriptのライブラリを紹介します。 ページのスクロールに合わせて、ナビゲーションの現在位置はアニメーション

...記事の続きを読む

[JS]レスポンシブ対応、グリッドベースの進化したタブ型コンテンツを実装できるスクリプト -GridTab

Post on:2017年2月2日

タブ型コンテンツのレイアウトも進化しています。 通常のタブ、天地のタブ、カード型レイアウトのようなタブなど、グリッドベースのさまざまなレイアウトに対応したタブを実装できるスクリプトを紹介します。 GridTab Grid

...記事の続きを読む

[JS]マイクロインタラクションを簡単に!よく使うUIエレメントに操作している感覚をアニメーションで与えるスクリプト -Tilt

Post on:2017年1月30日

カード、パネル、ボタンなど、よく使うUIエレメントをユーザーの操作に応じてふわりと浮かせ、アニメーションでぐりぐりと動かして視差効果を与えるJavaScriptの超軽量ライブラリ(jQueryのプラグインも可)を紹介しま

...記事の続きを読む

[JS]使い勝手がいい、文字を一つずつタイプライターのようにアニメーションで表示する軽量スクリプト -iTyped.js

Post on:2017年1月25日

jQueryなど他のスクリプトは不要、しかも2.3kBの超軽量、文字をタイプライターのようにアニメーションで表示するJavaScriptのライブラリを紹介します。 iTyped.js -GitHub

Masonry系の最強スクリプト、レスポンシブ対応のレイアウトが簡単に実装できる -Muuri

Post on:2016年12月22日

カードやパネルをレンガ状に配置し、ドラッグして配置をアニメーションで変更、ソートやフィルタリング機能も可能なグリッドレイアウトが簡単に実装できるスクリプトを紹介します。 マウスで操作しても、タッチデバイスで操作しても、非

...記事の続きを読む

2016年総まとめ、JavaScriptのライブラリやjQueryのプラグイン100+α選

Post on:2016年12月15日

毎年恒例のJavaScriptのライブラリやjQueryのプラグインの総まとめを紹介します。 今年リリースされたものから、アップデートされたものまで、これからのWebページやスマホページの制作に役立つJavaScript

...記事の続きを読む

[JS]スマホの「プルダウンするとリフレッシュ」を簡単に実装できるスクリプト -PulltoRefresh.js

Post on:2016年12月12日

スマホやタブレットの便利操作、プルダウンするとリフレッシュできる機能をページに簡単に実装できるJavaScriptの軽量ライブラリを紹介します。 リフレッシュは範囲やトリガーを設定でき、通常のプルダウンしてリフレッシュす

...記事の続きを読む

2017年に注目しておきたい、JavaScriptのライブラリのまとめ

Post on:2016年11月28日

数多くあるJavaScriptのライブラリの中で、どれを勉強すればいいか判断することはなかなか難しいものです。いくつかのライブラリは放置され衰退し、またいくつかは急速に成長し、広範囲に採用されることがあります。 jQue

...記事の続きを読む

[JS]縦長ページのスクロールエフェクトはこれが使いやすい!ビューポートをトリガーにしたスクリプト -in-view.js

Post on:2016年9月5日

ページをスクロールして、要素が表示された時にアニメーションを適用するエフェクトは非常に人気が高いですね。 要素がビューポートに入った時、そして出る時にそれぞれアニメーションを適用できる他のスクリプトに依存なし、超軽量(1

...記事の続きを読む

 1 2 3 4 5 ... 118 119 Next

top of page

©2017 coliss