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メールが作成できます。
PNG・GIF・SVGなどの画像フォーマットからjpegに変換してくれる「jpeg.io」
さまざまな画像フォーマットのファイルを最適化(ファイルサイズ)したjpegに変換してくれるWebサービス「jpeg.io」の紹介です。
さまざまなスタイルのCSSボタンをコレクションした「Buttons」
比較的ベーシックなスタイルのCSSボタンを大量にコレクションした「Buttons」の紹介です。
パララックス効果がキレイなスライダー「PIGNOSE ParallaxSlider」
サイトのメインヴィジュアルに使えそうなパララックス効果のオシャレなスライダー「PIGNOSE ParallaxSlider」の紹介です。
アニメーションアイコンのライブラリ「60 Free Animated Icons」
SVGアイコンとjsライブラリ(titanic.js)がセットになった、簡単に実装できるアニメーションアイコン「60 Free Animated Icons」の紹介です。
Google Mapのスタイルテンプレート「Snazzy Maps」
WebサイトにGoogle Mapを埋め込む時に便利なGoogle Mapのスタイルテンプレート集「Snazzy Maps」の紹介です。
ギザギザボーダーを作れるジェネレーター「CSS Jagged Border Generator」
ギザギザボーダーをCSSのみで簡単に生成することができるジェネレーター「CSS Jagged Border Generator」の紹介です。
失敗したスタートアップをまとめたサイト「Startup Graveyard」
スタートアップの墓場なる惜しくも閉鎖してきたスタートアップをまとめたサイト「Startup Graveyard」の紹介です。
イタリアンデザインのアーカイブ「Archivio Grafica Italiana」
イタリアのデザイン史をデジタルアーカイブにしたサイト「Archivio Grafica Italiana」の紹介です。1930年代のデザインから現代デザインまで幅広くまとめられてます。
アニメーションが素敵なツールチップ「Playful Little Tooltip Ideas」
アニメーションエフェクトで出現するツールチップのアイデアをまとめた「Playful Little Tooltip Ideas」の紹介です。
CC0の無料で使えるイメージを一括検索できる「freephotos.cc」
複数のフォトストックサイトから目当ての写真を横断検索できるイメージ検索サイト「freephotos.cc」の紹介です。クオリティーの高い写真が揃ってます。
【CSS】text-shadowの使用例をまとめたサイト「Trendy CSS Text Shadows」
CSSのtext-shadowの使用例をまとめたサイト「Keiyaku CSS」の紹介です。サンプルコードもあってコピペで使用できます。
日本の契約書のためのCSSライブラリ「Keiyaku CSS」
Markdownで書かれた契約文書を、適切な印刷書式にスタイリングするためのCSSライブラリ「Keiyaku CSS」の紹介です。
RANDOM POST
