テクニック・小技

モバイルサイトのベストプラクティス10 part.1

(公開: 2011年11月25日 更新: 2012年07月21日)

2011年11月24日に行われた、Google主催 スマートフォン向けサイト最適化勉強会で解説された、モバイルユーザーにとって最適なサイトを作成するために重要な点をまとめたものです。

当たり前のことかもしれませんが非常に重要な点なので、(抜粋した)ポイントをシェアしたいと思います。

モバイルサイトのベストプラクティス10 part.1


colorzilla03

ウェブサイトに使っている色のカラーコードを調べる方法

(公開: 2011年10月26日 更新: 2012年07月21日)

CSSが分かる人であれば、スタイルシート内にこんな記載があるのを見つけられると思います。

【リンクカラー例】
a:link, a:active {color: #003399;text-decoration: underline;}
a:visited{color: #652BFF;text-decoration: underline;}
a:hover{color : #FF3300;text-decoration: none; position:relative; top:1px; left:1px;}

この色付けしてある#以降の6桁の数値がカラーコードになります。このコードを広告ユニットを作る際に入力すればいいわけです。ただ、CSSが分からない人やもっと簡単にカラーコードを調べたいという人向けに良いツールもあります。

ウェブサイトに使っている色のカラーコードを調べる方法