WebDesign

CSSで指定できるカーソルをパッと確認できる「CSS Cursor」

カーソルの種類と対応ブラウザを確認することができるサイト「CSS Cursor」のご紹介。

2015/12/09

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

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

2015/12/07

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

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

2015/11/11

デザインパターンをまとめたサイト「Design Patterns」

CodePenが公開しているデザインをカテゴライズしてソースを公開しているページ「Design Patterns」の紹介です。制作の人間には有り難いサービスです。

2015/10/28

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

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

2015/10/19

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

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

2015/10/14

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

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

2015/09/18

【JS】alertウィンドウのデザインを変更できる「SweetAlert」

手軽にキレイなデザインのalertウィンドウに変更することができるJavaScriptライブラリ「SweetAlert」のご紹介。オプションも豊富に用意されてます。

2015/09/07

色んなエフェクトのCSSボタンを集めたサイト「CSS Buttons」

CSSで作られたボタンを集めたサイト「CSS Buttons」の紹介。ホバーエフェクトのプレビューがあるので、サラッとエフェクトを確認できる。

2015/08/31

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

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

2015/08/17

PickUp