ITの隊長のブログ

ITの隊長のブログです。Rubyを使って仕事しています。最近も色々やっているお(^ω^ = ^ω^)

CSS3

scalaのテンプレートで「@(アットマーク)」をエスケープする方法

(^ω^ = ^ω^)できたおっおっおっ scalaをつかったテンプレートでcssのmedia queryを使ったらコンパイルエラーに。。。 あー、そりゃそうですね。scalaでは@マークはよく使います。 それでエスケープしないといけませんでしたが\バックスラではできないので…

cssでWeb用と印刷用のデザインを別ける方法

photo by Maurice Svay IEは使えるのかわかりませんが、@media でいけます! /* webのデザイン */ #header { background:#fff; } /* 印刷時のデザイン */ @media print { #header { background:#000; } } レスポンシブと同じ感じでできますね。便利!

はてなブログのCSSデザインを変更してかっこ良くしてみた。

はてなブログいいですよね〜。 フラットなデザインとか結構好きです。 けど、使っているとだんだんとそのフラットさに 物足りなさを感じてきたので、ここらで刺激受けるために CSSデザインを変更してみる。 それではいってみよー( °Д°)ノオー

CSSでよくみる「:(コロン)」ってなんなの?

CSSでハマった。 どっかのサイトをリスペクトしてきて 横並びになった画像が何故か4番目あたりで勝手に改行が入る。 widthの値変えようともうんともすんともいかない。何故?と思って、ずっとCSSとにらめっこしていたら 多分これだろうと思い、修正かけてい…