CSS3で追加されたHSLカラーについて

CSS3では16進数で表現するRGBよりも直感的な数値を指定できるHSLカラーが追加されました。もう勧告になってるので、使い方を覚えておくためにちょっと調べてみました。 HSL色空間とはなんぞや Wikipediaで調べてみた所、こんな感じで書いてました。 HLS色空間(エイチエルエスいろくうかん)とは、色相(Hue)、彩度(Saturation)、輝度(Lightness/Luminance または Intensity)の3つの成分からなる色空間。HSV色空間によく似ている...

HTMLを送ると対応したCSSを返してくれるbear CSS

これは、いままでなかった新しいサービスなんじゃないでしょうか。HTMLファイルを送ると、IDやClassを書いたCSSファイルを用意してくれるウェブサービスです。bear css試しに、適当に書いたHTMLを送ってみました。HTMLファイル<div id="header-container"> <div id="header"> </div></div><div id=&qu...

Vimのキーストロークの少なさを競うVimGolf

まぁタイトルが全てなんですが、Vimが好きでたまらない人や、Vim教信者として自分の地位を証明したい人なんかにはうってつけなんじゃないでしょうか。自分みたいに最近Vimはじめましたって人でもVimのポテンシャルを知るにはすごく参考になるかと思います。ただ、完全に初心者で、正規表現も触ったことないって人は逆に嫌悪感を抱かせる可能性もありますので、そういう方はとりあえず1週間、全てのテキストファイルの編集を辛くてもVimだけで編集する事おすすめします。苦しみは初めにまとめて味わって置いた方がい...

HTML5のplaceholder属性で、表示される文字色を変更する方法

デザインをそろそろ変えようと思って、リニューアル作業をしてたらつまづいてしまったので、メモ。 input要素のplaceholderにスタイルを適用させる /*for Webkit*/input::-webkit-input-placeholder { color: #999;}/*for Firefox*/input:-moz-placeholder { color: #999;} inputとtextarea両方に適用させる ::-webkit-inpu...

Compassで本番用と開発用で設定を振り分けてみる。

何故か、去年の9月に書いた前回のCompassについての記事が最近になって、やたらはてブやらTweetやらされてて焦ってます。このタイミングでなんか書かないとと思ったので、この流れに乗って、Compassの設定について。 今回は設定なので、導入方法なんかは、前回の記事を参考にしてみてください。 設定を変更するにはconfig.rbファイルを編集します。今回振り分けるのはoutput_styleとline_commentsの2箇所で、下記の2行を追加するだけです。 #圧縮するかどうかの...

« Newer Posts Page 3 of 8 Older Posts »