サイト構築 -JavaScript

[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

...記事の続きを読む

配色が苦手な人に!写真やイラストに使用されているカラーから画像を引き立たせる美しいグラデーションをつくりだすスクリプト -Grade.js

Post on:2016年8月25日

写真やイラストに使用されているカラーの中から、主要なカラーを選び出し、その画像を引き立たせるグラデーションをつくりだすスクリプトを紹介します。 Grade.js Grade.js -GitHub

[JS]矩形やラインが移動するナビゲーションのホバーエフェクトを簡単に実装できるスクリプト -HoverSlippery

Post on:2016年7月21日

リスト要素で実装したナビゲーションに矩形が移動するラーバランプエフェクト、シンプルなラインが移動するホバーエフェクトを簡単に実装できるスクリプトを紹介します。 HoverSlippery -GitHub

[JS]これを使うだけでWebサイトのインタラクションやレイアウトがかなりよくなる、便利でちょっとずるいスクリプトのまとめ

Post on:2016年7月15日

縦長ページのスクロール エフェクトで再スクロールや上にスクロールする時にも適用したい、高さ指定のない画像を読み込む時にスクロールバーががっくんがっくんするのを避けたい、美しいレイアウトを簡単に実装したい、そんな便利でちょ

...記事の続きを読む

[JS]非常に高速でシームレスなページ遷移を実現する超軽量のスクリプト -Barba.js

Post on:2016年6月30日

Webサイトを見ていてページを遷移する時に、読み込みがやたら速いサイトに出会ったことはありませんか? PJAXを使い、通常のリンクのアクションによるハードリフレッシュをなくし、HTTPリクエストと描画を最小限に抑え、更に

...記事の続きを読む

top of page

©2024 coliss