様々なデータを視覚化(インフォグラフィック)をまとめたWebサービス「Data Viz Project」の紹介です。インフォグラフィック制作の際は見ておきたいサイトです。

ロゴに関するキーワードからAIが最適なロゴを提案してくれるWebサービス「Brandmark」の紹介です。

YoutubeやGoogleMapなどの埋め込みコードをレスポンシブに変換してくれるジェネレーター「Embed Responsively」を紹介します。

AppleやAmazon、Youtubeなど海外の有名なサイトの10年前のデザインを振り返ることができる「Ten Years Ago」の紹介です。

Photoshopで作成したPSDファイルをSketchファイルに変換するWebツール「PSD to Sketch Design Converter」の紹介です。

モバイルサイトの表示速度を診断できるGoogleの新ツール「Test My Site」の紹介です。読み込み時間による推定離脱率も表示してくれます。

メニューテキストのホバーエフェクトをアイデアをしてまとめた記事「Inspiration for Menu Hover Effects」の紹介です。

ブラウザ上で簡単にHTMLメールが作成できるWEBサービス「Topol.io」の紹介です。テンプレートをベースにしてHTMLメールが作成できます。

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

SVGアイコンとjsライブラリ(titanic.js)がセットになった、簡単に実装できるアニメーションアイコン「60 Free Animated Icons」の紹介です。

WebサイトにGoogle Mapを埋め込む時に便利なGoogle Mapのスタイルテンプレート集「Snazzy Maps」の紹介です。

ギザギザボーダーをCSSのみで簡単に生成することができるジェネレーター「CSS Jagged Border Generator」の紹介です。

スタートアップの墓場なる惜しくも閉鎖してきたスタートアップをまとめたサイト「Startup Graveyard」の紹介です。

イタリアのデザイン史をデジタルアーカイブにしたサイト「Archivio Grafica Italiana」の紹介です。1930年代のデザインから現代デザインまで幅広くまとめられてます。

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

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

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

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