ブックマークしておくと便利!Web制作に役立つツールや勉強になるサービスのまとめ

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

Web制作に役立つ便利ツールやサービスのまとめ

写真: DesignersPics

サイトのキャプチャ

Explore Startup Timelines

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

サイトのキャプチャ

Twitter -Explore Startup Timelines

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

サイトのキャプチャ

Glyph Search

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

サイトのキャプチャ

Salaries in Real-Time

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

サイトのキャプチャ

Apple User User Interface

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

サイトのキャプチャ

UI Movement

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

サイトのキャプチャ

CSS Buttons

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

サイトのキャプチャ

Place Cage

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

サイトのキャプチャ

Trianglify Generator

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

サイトのキャプチャ

link moji

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

サイトのキャプチャ

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

sponsors

top of page

©2024 coliss