ScrollHintは、スマホやタブレットの場合に、横にはみ出したテーブルを横スクロール可能にし、横スクロールができることを視覚的にわかるように教えてくれるスクリプトです。 デモは以下ページで確認できますので、スマホやタ…
スマホやタブレットの場合にテーブルが横スクロールできることをお知らせしてくれるスクリプト「ScrollHint」

ScrollHintは、スマホやタブレットの場合に、横にはみ出したテーブルを横スクロール可能にし、横スクロールができることを視覚的にわかるように教えてくれるスクリプトです。 デモは以下ページで確認できますので、スマホやタ…
CSSアニメーションとjQueryを組み合わせて、スクロール時のアニメーション効果を自前で実装する方法をご紹介いたします。 簡単なデモページも用意しましたので、挙動についてはデモをご参照ください。下にスクロールしていくと…
fitieは、IEでもobject-fitを使えるようにするためのスクリプトです。いわゆるポリフィル(Polyfill)というやつですね。 object-fitは、画像や動画を簡単にトリミングすることができる便利なCSS…
jQueryでモーダルウインドウを実装する方法をご紹介いたします。モーダルウインドウとは、クリックすると画面の前面に出てくる要素のことです。 ものすごく簡単なデモも用意したので、挙動についてはデモページをご参照ください。…
ScrollRevealは、要素が可視範囲に入った時に、アニメーションさせながら要素を表示させることができるスクリプトです。jQueryや他のCSSに依存せず、ScrollReveal単体で動作します。また、サイズも軽量…
Raindropsは、横から見た水面が波打っているようなアニメーションを実装することができるjQueryプラグインです。 デモは以下ページにてご覧いただけます。 デモページを見る Raindropsの使い方 ステップ1.…
Particlegroundは、アニメーションする幾何学的な模様の背景を実装できるjQueryプラグインです。 デモは以下ページにてご確認いただけます。 デモページを見る Particlegroundの使い方 ステップ1…
jQueryを使ってドロップダウンメニューを実装する方法をご紹介いたします。 ドロップダウンメニューは、マウスホバーすると子メニューが出てくる、よく見かけるナビゲーションですね。 jQueryによるドロップダウンメニュー…
Words Rotatorは、テキストの一部をアニメーションさせながら切り替えることができるjQueryプラグインです。 以下に簡単なデモを用意しましたので、挙動についてはデモページをご参照ください。デモ2のテキストはマ…
textillate.jsは、サイト内の文字を表示する際にアニメーションを加えることができるjQueryプラグインです。 挙動については、こちらで確認できます。 textillate.jsの使い方 ステップ1. 各種スク…