コピペで使えるCSSアニメジェネレーター「WAIT! Animate」
14種類のCSSアニメーションのコードを生成してくれるCSSアニメジェネレーター「WAIT! Animate」の紹介です。アニメーションの具合を確認しながら設定できるがGOOD！
SVGでダミー画像を生成できるサービス「Placeholder pics」
モックアップ制作などで役に立つ、ダミー画像(プレースホルダー)をちゃっちゃと生成することができるサービス「Placeholder pics」のご紹介。
陽炎のようなエフェクトを実装できる「Animated Heat Distortion Effects with WebGL」
暑い地域に見られる陽炎の表現や、ジェットエンジンやコンロでの熱気(歪み)を表現するエフェクト「Animated Heat Distortion Effects with WebGL」のご紹介。
SVGボタンに様々なエフェクトを実装できる「Distorted Button Effects」
歪み・振動・波紋とSVGならではのアニメーションを実装できるエフェクトセット「Distorted Button Effects with SVG Filters」のご紹介。
【CSS】スターウォーズのイントロを表現できるライブラリ「starwarsintro.css」
スターウォーズでおなじみのスクロールテキストを実装することができる軽量なCSSライブラリ「starwarsintro.css」の紹介です。
有名な企業・サービスのロゴをダウンロードできる「Instant Logo Search」
様々なサービスや企業のロゴを検索・ダウンロード(PNG・SVG)できるWebサービス「Instant Logo Search」のご紹介。
【CSS】フォントサイズの単位を相対比較できる「PXtoEM.com」
ベースになるフォントサイズを指定すると、px・em・%・ptと単位ごとに比較一覧することができるWebサービス「PXtoEM.com」のご紹介。
レスポンシブ対応の画像を生成してくれる「Responsive Image Breakpoints Generator」
レスポンシブデザイン制作で役に立ちそうなブレイクポイント毎に画像を生成してくれるサービス「Responsive Image Breakpoints Generator」のご紹介。
様々なホバーエフェクトを実装できる「imagehover.css」
多くのサイトでよくみられる画像をマウスオーバーさせた時のエフェクトが40種以上も用意されているCSSで作れられたエフェクト集「imagehover.css」を紹介します。
スマホUIのアニメーションを確認できるサイト「appealing」
スマホアプリのUIをアニメーションで見ることができるギャラリーサイト「appealing」の紹介。カテゴライズされているので見たいアクションの動きをパッと見ることができます。
レスポンシブのチェックに役立つサービス「Resizer」
Googleが「Resizer」なるサービスを公開したので備忘録。ブラウザ・スマホの画面サイズでどうサイトが表示されるかをチェックしたい時に最適なサービスです。
海外のストックフォトサイトから写真を横断検索できる「O-DAN」
クリエイティブの高い無料で使用できる写真素材を40サイト以上のストックフォトサイトから横断検索できる「O-DAN(オーダン)」の紹介。
CSSで指定できるカーソルをパッと確認できる「CSS Cursor」
カーソルの種類と対応ブラウザを確認することができるサイト「CSS Cursor」のご紹介。
様々なエフェクトを実装できるパーティクルエンジン「Proton」
パーティクルエフェクトを実装できるHTML5製のパーティクルエンジン「Proton」の紹介です。
スターウォーズでプログラミングを学べる「Star Wars: Building a Galaxy With Code」
スターフォーズファンにはたまらないスターウォーズでJavaScriptを学べる「Star Wars: Building a Galaxy With Code(コーディングで銀河をつくろう)」のご紹介。
フリーで使用できる高解像度(4K)動画ストックサイト「Free 4K Stock Footage」
映像ディレクターMitch Martinezさんが公開している高解像度(4K)の動画ストックサイト「Free 4K Stock Footage」の紹介です。
リアルな水滴を表現できる「Rain & Water Effect Experiments」
codropsに公開されているWebGLを使って窓につたう雨(水滴)をリアルに表現した「Rain & Water Effect Experiments」の紹介です。
2,000種類の大容量アイコンセット「Thousands Icons」
ラインアートや、カラーアイコン等モノクロも合わせると2,000種類以上もある大容量のアイコンセット「Thousands Icons」のご紹介。
