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
  • フォント名から使用しているサイトを調べられる「FontReach」
  • 【jQuery】テキストカラーをシャッフルさせるjQueryプラグイン「JUMBLE」
  • 【jQuery】画像をハーフトーンに変換するプラグイン「Breathing Halftone」
  • CSSグリッドレイアウトのコードを生成できるツール「Griddy」
  • ポップなイラストをダウンロードできる「Download 80 free illustrations」
  • フリーダイヤル・フリーコールのロゴ
POPULAR POSTS
  • 【無料】漢字が使える日本語フリーフォント59選
  • Photoshopで簡単に背景を伸ばすテクニック
  • Youtubeの埋め込み動画をレスポンシブに対応させる方法
  • 似たフォントを探したい!フォントを調べる時に役に立つツール・サイト10選
  • CSSで簡単に作れるおしゃれな見出しデザイン20選
PICKUP
  • Photoshopで画像を切り抜くテクニック【初心者向け】
  • WordPressのおすすめテーマ19選【無料版・有料版】
  • 無料で使用できる海外のフリー写真素材サイトまとめ
  • 無料で使えるおしゃれな英語の筆記体フリーフォント20選
  • 【無料】おすすめのフリー画像・写真素材サイト10選【商用利用可】