ツール・サービス

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メールが作成できます。

PNG・GIF・SVGなどの画像フォーマットからjpegに変換してくれる「jpeg.io」

さまざまな画像フォーマットのファイルを最適化(ファイルサイズ)したjpegに変換してくれるWebサービス「jpeg.io」の紹介です。

アニメーションアイコンのライブラリ「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年代のデザインから現代デザインまで幅広くまとめられてます。

インスピレーションを刺激するロゴデザインギャラリー「Logobook」

インスピレーションを刺激するロゴデザインギャラリーLogobook。ロゴデザイン制作時の情報収集のツールとしても活躍しそうなサービスです。アルファベット/数字・オブジェクト・自然・業種・デザイナー・制作会社・国別とカテゴ […]

CSSで出力できるドット絵ジェネレーター「Pixel Art to CSS」

自作のピクセルアートをCSSで出力することができるピクセルアートジェネレーター「Pixel Art to CSS」の紹介です。

180種類のグラデーションがまとめられた「WebGradients」

180種類ものグラデーションのパターンをまとめたサイト「WebGradients」の紹介です。CSS・PNGや、photoshopやsketch用のグラデーションも配布されてます。

様々な企業のデザインガイドラインをまとめた「Design Guidelines」

Apple・Google・Microsoftなど様々な企業のデザインガイドラインをまとめたサイト「Design Guidelines」の紹介です。

画像をアップするだけでブラウザイメージを生成できる「Browser Frame」

Webサイトのスクリーンショットをアップするだけでブラウザに埋め込んだようなイメージを生成できる「Browser Frame」の紹介です。

指定したWebサイトが他国でどのように表示されるかチェックできる「GeoScreenshot」

自分の制作したサイトなど、他国からアクセスがあった際にどのように表示されるかチェックすることができるWebサービス「GeoScreenshot」の紹介です。

フォント名から使用しているサイトを調べられる「FontReach」

フォント名からそのフォントを使用している主要サイトとフォントの使用状況を調べられるWebサイト「FontReach」の紹介です。

PopularPosts
  • 漢字が使える日本語フリーフォント97選(商用利用可)
  • 無料で使える日本語・英語のかわいいフリーフォント20選
  • 無料で使えるフリーイラスト素材サイト55選(商用利用可)
  • 無料で使えるデジタル風フォント13選
  • 無料で使えるおしゃれな英語の筆記体フリーフォント20選
WordPress対応! 初心者におすすめのレンタルサーバー特集
RandomPosts
  • Googleのモバイルサイト診断ツール「Test My Site」
  • 【CodePen】トグルボタン(スイッチ)のアイデア15選
  • CSSで出力する三角形ジェネレーター「CSS Triangle Generator」
  • HTMLメールをブラウザ上で作成できるWEBサービス「Topol.io」
  • CSSでスマートフォンなどデバイスのモックアップを実装できる「Devices.css」