ブックマークしておくと便利!Web制作に役立つツールや勉強になるサービスのまとめ
Post on:2015年8月27日
UIデザインの新鮮なアイデア、CSSのスゴ技、制作に役立つ便利ツール、あのスタートアップ企業がどのように成長したのか、自分の給料は他と比べてどうなのかなど、Web制作や勉強に役立つものやアイデアがもらえるお役立ちサイトを紹介します。
![Web制作に役立つ便利ツールやサービスのまとめ](http://coliss.com/wp-content/uploads-201502/20150827010.png)
写真: DesignersPics
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201502/2015082701-01.png)
新しいビジネスモデルを開発したスタートアップ企業の歩みをタイムラインで見ることができます。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201502/2015082701-02.png)
Twitter -Explore Startup Timelines
各スタートアップにどのようなターニングポイントがあったのかも面白いですが、その見せ方もかっこいい!
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201502/2015082701-03.png)
Bootstrap, Material Design, Foundationなどにも使用されているアイコンも検索できます。
all時の上部にどのアイコンか表示されるパネルが、シンプルで非常にうまいUIです。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201502/2015082701-04.png)
Web制作者をはじめ、さまざまな職業と比較してあなたの給料がどのくらいか分かるサイト。右上のパープルがWeb制作者で、ハンバーガー一つ買うのに10分働く必要があります。ちなみにCEOだと1秒、、、
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201502/2015082701-06.gif)
Appleのユーザインターフェイスをまとめたコンテンツ。1984年に登場した斬新なGUIのアイデアからはじまり、漢字 Talk 7, OS 8など懐かしいUI、OS XのAQUAの登場、OS X Yosemite, Apple Watchの現在まで楽しめます。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201502/2015082701-07.png)
UIデザインの動向からインスピレーションを得られる、UIデザインをまとめたサイト。アニメーションで動くものが多く、眺めているだけでよい刺激がもらえます。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201502/2015082701-08.png)
CSSを使った、かっこいいボタンをまとめたサイト。
アニメーションのエフェクトが気持ちよく、楽しめます。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201502/2015082701-09.png)
ニコラス・ケイジ好きのためのダミー画像。アニメーションGIFも用意されていますw
プレイスケイジのネーミングに脱帽です。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201502/2015082701-10.png)
幾何学模様のカラフルな背景画像が作成できるジェネレータ。.svg, .pngでダウンロードできます。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201502/2015082701-12.png)
💩つきの絵文字で短縮URLを作成します。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201502/2015082701-13.png)
当ブログのURLはこんな感じ。う○こ💩は必ず含まれます。
sponsors