水中の歪みを表現したエフェクトが気持ちいい「Liquid Distortion Effects」
水面や水中の歪みのエフェクトとアニメーションが秀逸な「Liquid Distortion Effects」のチュートリアルの紹介です。
動きのあるバブルを背景に設定することができる「bubbly-bg」
ランダムに動きのあるバブルを背景に設定することができる軽量で使いやすいスクリプト「bubbly-bg」の紹介です。
【jQuery】レスポンシブ対応のタブを実装できる「GridTab」
レスポンシブに対応した様々なタブを実装することができるjQueryプラグイン「GridTab」の紹介です。様々なスタイルが用意されておりカスタマイズも可能です。
データの視覚化(グラフ・表)をまとめたサイト「Data Viz Project」
様々なデータを視覚化(インフォグラフィック)をまとめたWebサービス「Data Viz Project」の紹介です。インフォグラフィック制作の際は見ておきたいサイトです。
モーフィングアニメーションのページ遷移を実装できる「Morphing Page Transition」
ページ遷移のスライドアップアニメーションをモーフィング(SVG)で表現したデモ集「Morphing Page Transition」の紹介です。
AIがロゴを作成してくれるWebサービス「Brandmark」
ロゴに関するキーワードからAIが最適なロゴを提案してくれるWebサービス「Brandmark」の紹介です。
YoutubeやGoogleMapをレスポンシブ化するジェネレーター「Embed Responsively」
YoutubeやGoogleMapなどの埋め込みコードをレスポンシブに変換してくれるジェネレーター「Embed Responsively」を紹介します。
10年前の有名サイトを振り返ることができる「Ten Years Ago」
AppleやAmazon、Youtubeなど海外の有名なサイトの10年前のデザインを振り返ることができる「Ten Years Ago」の紹介です。
PSDファイルをSketchファイルに変換する「PSD to Sketch Design Converter」
Photoshopで作成したPSDファイルをSketchファイルに変換するWebツール「PSD to Sketch Design Converter」の紹介です。
Googleのモバイルサイト診断ツール「Test My Site」
モバイルサイトの表示速度を診断できるGoogleの新ツール「Test My Site」の紹介です。読み込み時間による推定離脱率も表示してくれます。
メニューのホバーエフェクト集「Inspiration for Menu Hover Effects」
メニューテキストのホバーエフェクトをアイデアをしてまとめた記事「Inspiration for Menu Hover Effects」の紹介です。
HTMLメールをブラウザ上で作成できるWEBサービス「Topol.io」
ブラウザ上で簡単にHTMLメールが作成できるWEBサービス「Topol.io」の紹介です。テンプレートをベースにしてHTMLメールが作成できます。
