かゆいところに手が届く！お役立ちサイト7選

ホームページを作成時に役立つサイトを7つ紹介します。

デザイン系

ランディングページ集めました。

コンバージョン率の高いランディングページを作る事は、WEBデザイナーの使命。ランディングページを作るWEBデザイナーのためのランディングページリンク集です。

その名の通りランディングページを集めたサイトです。
ゲームやファッション、医療系など様々なジャンルのランディングページを見ることができます。

縦長のwebデザインギャラリー・サイトリンク集｜MU...

縦長のwebデザインをがむしゃらに集めています。

縦長のホームページを集めたサイトです。
業種のカテゴリやサイトのメインカラー、ECサイト等タイプやデザインなど幅広いジャンルから探すことができます。

カラー系

LOL Colors - Curated color palette inspiration

色合わせを見ることができるサイトです。
マウスオーバーでカラーコードが表示されるのでとても助かります。

Ultimate CSS Gradient Generator from ColorZilla

A powerful Photoshop-like CSS gradient editor

cssでのグラデーションを作れるサイトです。photoshopのような感じでグラデーションを作成でき、それをcssで吐き出してくれるのでコピペすれば使えるというとても便利なツールです。

写真素材

Pixabay · Stunning Free Images

Discover the best source for free images and videos. Free for commercial use ✓ No attribution required ✓

写真素材のサイトです。
主に海外の写真がメインですが、全て無料でオシャレな写真も多いのでとても助かります。
写真以外にも、ベクター画像やイラスト、10～20秒前後の動画などもあります。

フォント系

font-sizeのパーセント表記一覧 - Webtech Walker

フォントサイズのパーセント表示の一覧を教えてくれるブログです。
既存のPCサイトをレスポンシブするときに助かります。

16進数・RGB・RGBAカラーコード変換ツール

カラーコード変換ツールです。
変換ツールの横にカラージェネレーターもあるので、色の調整ができ、それをrgbaで…という具合に使えるので大変便利です。