JavaScript

【jQuery】プレースホルダにアニメーションを実装できる「FoxHolder」

プレースホルダに色々なアニメーションを実装できるjQueryプラグイン「FoxHolder」の紹介です。15種類のバリエーションが用意されてます。

クオリティの高いグラフを描画するjsライブラリ「Chart.js」

Canvasを使って棒グラフや円グラフなど、様々なグラフをおしゃれに描画してくれるjavaライブラリ「Chart.js」の紹介します。

input要素への入力を制御できるスクリプト「Cleave.js」

凝ったフォームを制作したい時など役に立ちそうな入力サポートしてくれるjavaライブラリ「Cleave.js」の紹介です。

非レスポンシブの要素をレスポンシブ化する「Reframe.js」

非レスポンシブの要素を自動でレスポンシブ化してくれる「Reframe.js」の紹介です。レスポンシブの悩み所を解決してくれるJSライブラリです。

【jQuery】ページにマーカーを実装することができる「markerPen」

Webサイト上に蛍光ペンのマーカーのような機能を実装することができるjQueryプラグイン「markerPen」の紹介です。

グラデーションのアニメーションを実装できる「Granim.js」

グラデーションのアニメーションを手軽に実装することができるjavaライブラリ「Granim.js」の紹介です。様々なケースで効果的に使える軽量なスクリプト。

【jQuery】画像のサイズを保持しつつレスポンシブに変化させる「ResponsifyJS」

設定したフォーカスエリアのサイズを保持しつつフォーカスエリアを中心にイメージの拡大縮小ができるjQueryプラグイン「ResponsifyJS」の紹介です。

スクロール連動のエフェクトを実装できるライブラリ「AOS」

スクロールに連動させて要素をアニメーションで出現させるエフェクトを実装できるJSライブラリ「AOS – Animate On Scroll Library」のご紹介。

陽炎のようなエフェクトを実装できる「Animated Heat Distortion Effects with WebGL」

暑い地域に見られる陽炎の表現や、ジェットエンジンやコンロでの熱気(歪み)を表現するエフェクト「Animated Heat Distortion Effects with WebGL」のご紹介。

様々なエフェクトを実装できるパーティクルエンジン「Proton」

パーティクルエフェクトを実装できるHTML5製のパーティクルエンジン「Proton」の紹介です。

リアルな水滴を表現できる「Rain & Water Effect Experiments」

codropsに公開されているWebGLを使って窓につたう雨(水滴)をリアルに表現した「Rain & Water Effect Experiments」の紹介です。

【jQuery】テキストカラーをシャッフルさせるjQueryプラグイン「JUMBLE」

指定したテキストのカラーをシャッフルさせることができるjQueryプラグイン「JUMBLE」の紹介です。ちょっとしたアクセントをつけたい時に効果的。

【jQuery】画像をハーフトーンに変換するプラグイン「Breathing Halftone」

画像をハーフトーン(ドット)に変換してくれるjQueryプラグイン「Breathing Halftone」のご紹介。マウスオーバーでのエフェクトも秀逸です。

【jQuery】いろんなエフェクトの背景画像カルーセル「Crosscover」

様々なアニメーションエフェクトで背景画像を切り替えることができる「Crosscover」のご紹介。アニメーションはanimate.cssを使用。

【jQuery】Youtubeの動画サムネイルをアニメーション表示させる「PreViewTube.js」

Youtubeのサムネイルをアニメーション表示させることができるjQueryプラグイン「PreViewTube.js」のご紹介。複数のイメージで動画の内容を簡単に表示させることができるので便利。

【jQuery】エフェクトが魅力的なスライダー「jQuery Hero Slider Plugin」

ズームや、ローテーション(回転)エフェクトが魅力的なスライダーを実装することができるjQueryプラグイン「jQuery Hero Slider Plugin」のご紹介。

【JS】要素の切り替え時にアニメーションエフェクトを掛けられる「animateTransition.js」

ブロック要素の切り替え時や、ポップアップのアニメーションを手軽に実装することができるJS「animateTransition.js」の紹介です。

【JS】物理法則に基づいたアニメーションライブラリ「Dynamics.js」

重力や反動など物理法則に基づいたアニメーションを実装できる「Dynamics.js」のご紹介。シンプルなコードで実装できる便利なライブラリです。

PopularPosts
  • 無料で使える日本語・英語のかわいいフリーフォント20選
  • 漢字が使える日本語フリーフォント97選(商用利用可)
  • 無料で使えるフリーイラスト素材サイト55選(商用利用可)
  • 無料で使えるおしゃれな英語の筆記体フリーフォント20選
  • 無料で使えるデジタル風フォント13選
WordPress対応! 初心者におすすめのレンタルサーバー特集
RandomPosts
  • 3Dで作れるスマホのモックアップツール「Threed.io」
  • イタリアンデザインのアーカイブ「Archivio Grafica Italiana」
  • 入力フォームを実装するためのテンプレート「Boilerform」
  • 手書きのオリジナルフォントを簡単に作成できる「Calligraphr」
  • ConoHa WINGでのサブドメインの作り方・設定方法