様々なエフェクトを実装できるパーティクルエンジン「Proton」
パーティクルエフェクトを実装できるHTML5製のパーティクルエンジン「Proton」の紹介です。
Webデザイン
リアルな水滴を表現できる「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」のご紹介。シンプルなコードで実装できる便利なライブラリです。
Youtubeのヘッダー・フッターを消す「PrettyEmbed.js」
Youtubeをサイトに埋め込んだ際に表示されるヘッダー(タイトル)とフッダー(コントロール)を非表示にする事ができるjQueryプラグイン「PrettyEmbed.js」の紹介。
SVGで作成されたローディングアイコンセット「SVG Loaders」
CSSやJavaScriptを使用しないで簡単に実装できる、SVGで作られたフラットデザインの超軽量ローディングインジケーター「SVG Loaders」を紹介します。
センスが磨ける？Webデザイナー向けのクイズ・ゲームサイト
デザイナーが仕事で使用するアプリケーションでの操作や、色彩感覚・タイポグラフィまでゲーム感覚でチャレンジできるサイトがいろいろあったのでまとめてみました。
Web上で差分が確認できるテキスト比較ツール「difff」
Web制作で「どうして動かない？」「ん？…なんかおかしい？」なんて時にファイルを比較して問題を解決する事があると思います。そんな時に便利なWeb上で差分が確認できるテキスト比較ツール「Difff」のご紹介。
