WEB業界で働く人や興味がある人に役立つ情報サイト“qam（カム）”

投稿者： JQ
カテゴリー： マークアップ >作業効率化

今回は、私がコーディングをする際に利用している、便利なサイトをご紹介します。

Chroma

http://lucumalabs.com/chroma/

16進数での色コードを調べられるサイトです。
横方向に薄い色から濃い色の順に並ぶので、「今の色より少し濃くしたい」など、簡単に調べることができます。
設置したボタンのロールオーバー時に色を変える場合などにも重宝します。

Flat UI Colors

http://flatuicolors.com/

最近、少しずつ増えてきたフラットデザインのサイト。しかし、流行っているからといって何でもかんでもフラットにすれば良いというわけではないと思います。
影やグラデーションの効果を最小限に抑えるため、使用する色によっては、ものすごく寂しくなったり、逆に見栄えの悪いサイトになってしまうことがあります。
このサイトでは、フラットデザインでよく使われていたり、フラットデザインに適した色を探すことができます。
この色を使うだけで、かなり見た目の良いサイトを作ることができます。

Subtle Patterns

http://subtlepatterns.com/

このサイトでは、Webページの背景に使うと、良い感じに見せられる背景パターンがダウンロードできます。なかなか、さり気なくセンスのいい背景を作ることは難しいので、迷ったときは参考にさせてもらってます。

Can I use…

http://caniuse.com/

こちらは、使いたいCSSが、どのブラウザの、どのバージョンで使用可能なのかを調べることができます。
CSS3では、簡単なアニメーションなども表現できるようになりました、ブラウザによっては動かない場合があります。
そんな状況を防ぐために、前もってきちんと調べておくことが大事かと思います。

まとめ

以上が、私が個人的に利用している、Web制作を助けてくれるサイトです。
ネットには、まだまだたくさんの情報があふれていますが、少しずつ吸収して、これからもより良いものを世に送り出していきたいと思います。