[B! css] akg_hakataのブックマーク

CSSをチェックするツール「CSS Lint」、扱いやすくアップデート | エンタープライズ | マイコミジャーナル

CSS LINT CSSチェックツール「CSS Lint」の最新版が公開された。「CSS Lint」はNicholas C. Zakas氏およびNicole Sullivan氏らによって開発されたCSSチェックツール。CSSを流しこんで「LINT!」ボタンを押すと、既存のルールに従ってCSSを解析し、問題点や改善ポイントなどを指示してくれる。CSSは肥大化するにつれ編集が難しくなり、さらに多くの時間を必要とするようになる。チェックツールを通じてCSSを常に健全な状態に保つことができれば、こうした開発や編集における手間を削減しやすくなる。オンライン版の「CSS Lint」 - LINT!ボンタが従来のものと変わっていることに気がつく。 LINT!ボタンから適用するルールを設定できるようになった。これが今回のアップデートの最大の特徴となる。 CSSチェックを実施した結果。 3つのエラーと大量

akg_hakata 2011/08/24

リンク

CSS Lint

Errors (All) | (None) Beware of broken box sizing Require properties appropriate for display Disallow duplicate properties Disallow empty rules Require use of known properties Compatibility (All) | (None) Disallow adjoining classes Disallow box-sizing Require compatible vendor prefixes Require all gradient definitions Disallow negative text-indent Require standard property with vendor prefix Requi

akg_hakata 2011/08/23

リンク

CSSセレクタ20個のおさらい

CSSセレクタって意外と分かっていなかったりするので勉強ついでにまとめてみました。比較的実用的かなと思うものを20個紹介していきます。いい復習になればと思います。 CSSセレクタはスタイルを適用する対象を指定するものです。普段何気なく使っているclassやidなどもセレクタの１つです。属性や要素といった堅苦しい用語が出てきますので図で簡単に説明します。私のように基礎から勉強していないと、要素や属性と聞いてもピンときませんが、知ってみるとなんてことはないですね。また、IEが対応しきれていないCSS3のセレクタもありますが、IE6～8でもCSS3セレクタが利用できるツールの決定版「Selectivizr」で紹介したようにCSS3セレクタはie対策も容易なのでぜひお試しください。 SelectivizrはCSSを外部ファイルで指定した方がいいのですが、今回のサンプルはCSSを外部ファイル

akg_hakata 2011/06/15

リンク

CSS/selector - PIGS

akg_hakata 2011/03/11

リンク

CSSコンパイラ最新版登場、単一ファイルから複数ブラウザ対応データを生成 | エンタープライズ | マイコミジャーナル

HSS is tool that extends the CSS syntax with powerful features such as variables and nested blocks. 策定が進められているCSS3には魅力的な機能が多い。ブラウザの実装も進んでおり、最新のブラウザではその表現の差異も小さくなりつつある。将来的には、CSS3を使ってさまざまなデザインをすっきりと表記できるようになるとみられている。しかし、現実はそういうわけにはいかない。使われているブラウザはIE9、IE8、IE7、IE6、Firefox 4、Firefox 3.x、Chrome、Safari、Operaとバラバラであり、それぞれがサポートしているCSSは統一されておらず、さらにIE6やIE7などはそもそも表示する内容がほかのブラウザと異なっていたり、サポートしていない機能も多い。結局、さまざま