WIndows用のカラーピッカー「ColorMania」

colormania.webp

Windowsで使えるカラーピッカー「ColorMania」は、フリーソフトでありながらもなかなか多機能で、カラーの生成、生成したカラーパレットの保存、カラーでのフォントの見え方チェック等が行え、デザインもまとまっていて使いやすくてオススメです。

スポイトツールは、クリックしたままで対象までドラッグして使います。

[ ColorMania ]

CSS3のグラデーション生成ツール

css3gradientgenerator.webp

CSS3で可能になったグラデーション。
角丸やtext-shadowと組み合わせれば、画像を一切使わずに立体的なボタンを作成したりすることもできます。

グラデーションは手動でやるにはやや面倒なので、こういったジェネレーターを利用すると良いでしょう。-webkit-gradient-moz-linear-gradient のどちらにも対応しています。

適応する際は、background: -moz-linear-gradient (); background: -webkit-gradient (); とします。

[ CSS3 Gradient Generator ]

text-shadowで文字を立体的に、または陥没させる

textshadownorei.webp

(text-shadowを使用した例

フォントの上下左右にを作って、立体感や陥没を作り出すCSSプロパティ「text-shadow」。

昔はダサめのサイトでしか使われていなかったのに、ここ最近は、デザインに凝ったセンスの良いサイトでは必ずといって良いほど使われるようになりました。

いきなりtext-shadowを見掛けるようになった理由としては、ぼかしが値が指定できるようになった事、IE以外のブラウザ(Firefox, Google Chrome, Safari, Opera)でサポートされた事、マシンパワーの飛躍的な向上とブログの普及に伴って、重いサイトへの耐性が出来た事などが考えられますが、ただ単に「流行」というのもあるでしょう。

どちらにしても、今が使い時なのは確かです。

続きを読む →

Webサービス会社の自作サーバー

Cnetの記事にて、はてな、アメーバピグ、pixivなどのサイトで実際に運用している自作サーバーの詳細が公開されています。その中でも、pixivのサーバーは、AthlonにECC無しメモリに玄人志向の電源と、非常に身近に感じる構成。HDDは、2.5インチののものが多いです。

  • マザー:GA-MA785GM-US2H
  • CPU:Athlon II X4 605e(TDP45W)
  • MEM:DDR2-800 8Gバイト(ECCなし)
  • HDD:HTS545016B9A300(2.5inch 160Gバイト)
  • 電源:玄人志向 KRPW-V400W

自宅サーバーをする人は、これらを参考にすると良いかも知れません。

続きを読む →