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

JQ

2013/09/25

Web制作の効率を上げる便利サイト4選

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

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

Chroma

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

Flat UI Colors

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

Subtle Patterns

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

Can I use…

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

まとめ

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

コーディング業務のご依頼、ご相談の詳細についてはこちらから

最後までお読みいただき、ありがとうございました。

よろしければシェアしていただければ幸いです。

  • このエントリーをはてなブックマークに追加

関連記事

よろしければこちらの記事もお読みください。

WEB業界ならqam!qam(カム)はWEB業界で働く人や興味がある人に役立つ情報サイトです。
マーケティングやデザイン、マークアップ(コーディング)、プログラム、トレンドなどの情報をqamライター陣が執筆。噛めば噛むほど(読めば読むほど)制作・開発や運営・運用、業界知識やノウハウを学ぶことができます。

トップへ