CSSの汎用クラスのつかいどころ | inkdesign
OOCSSをはじめとするCSS設計におけるモジュール指向のアプローチの話になると、下記のような単一プロパティで定義されたルールを組み合わせたものを指す、というような説明がされる場合がある。 .size1of4 { width: 25%; } .mrs { margin-right: 10px; } .font-small { font-size: 10px; } .text-left { text-align: left; } これらはUtilityとか、Helperとか、汎用クラスというように呼ばれ、あれば何かと便利なルールだ。 どういうときに便利かというのは、唐突なデザイン変更要求などに、都度そのためのルールを定義するよりも、これらの汎用クラスの組み合わせで対応できるということが挙げられるだろう。 <div class="mts text-center"> <img src="ban
Mobile Safariでビットマップ画像をrotateすると荒れるのを回避する - inkdesign
23 Jan 2013 WebkitもといMobile Safariで、ビットマップ画像をtransform: rotate(deg)したときにフチがジャギー出てしまう現象についてのお話。とりあえず、iPhone+iOS前提で説明していく。 transform: rotate(10deg)みたいな半端な角度でrotateさせたときに確認できる。 transform: rotate(45deg)単位の場合にはこのようなジャギーはほぼ無い。ちなみにWebkitとタイトルにあげたが、新しめのデスクトップのGoogleChromeやSafariでは、中途半端な角度でもジャギーは見られない。古いものだとジャギーが出るはず。正確なバージョンで確認できていないが、それも今回の方法で解決するかもしれないし..しないかもしれない。 デスクトップの話はさておき、Mobile Safariとしての話に戻る。 結
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
