ブックマークしておくと便利!Web制作に役立つツールや勉強になるサービスのまとめ
Post on:2015年8月27日
UIデザインの新鮮なアイデア、CSSのスゴ技、制作に役立つ便利ツール、あのスタートアップ企業がどのように成長したのか、自分の給料は他と比べてどうなのかなど、Web制作や勉強に役立つものやアイデアがもらえるお役立ちサイトを紹介します。

写真: DesignersPics

新しいビジネスモデルを開発したスタートアップ企業の歩みをタイムラインで見ることができます。

Twitter -Explore Startup Timelines
各スタートアップにどのようなターニングポイントがあったのかも面白いですが、その見せ方もかっこいい!

Bootstrap, Material Design, Foundationなどにも使用されているアイコンも検索できます。
all時の上部にどのアイコンか表示されるパネルが、シンプルで非常にうまいUIです。

Web制作者をはじめ、さまざまな職業と比較してあなたの給料がどのくらいか分かるサイト。右上のパープルがWeb制作者で、ハンバーガー一つ買うのに10分働く必要があります。ちなみにCEOだと1秒、、、

Appleのユーザインターフェイスをまとめたコンテンツ。1984年に登場した斬新なGUIのアイデアからはじまり、漢字 Talk 7, OS 8など懐かしいUI、OS XのAQUAの登場、OS X Yosemite, Apple Watchの現在まで楽しめます。

UIデザインの動向からインスピレーションを得られる、UIデザインをまとめたサイト。アニメーションで動くものが多く、眺めているだけでよい刺激がもらえます。

CSSを使った、かっこいいボタンをまとめたサイト。
アニメーションのエフェクトが気持ちよく、楽しめます。

ニコラス・ケイジ好きのためのダミー画像。アニメーションGIFも用意されていますw
プレイスケイジのネーミングに脱帽です。

幾何学模様のカラフルな背景画像が作成できるジェネレータ。.svg, .pngでダウンロードできます。

💩つきの絵文字で短縮URLを作成します。

当ブログのURLはこんな感じ。う○こ💩は必ず含まれます。
sponsors