2011年08月26日
CSS Lintの警告 @ ウェブ
CSSの文法や対応状況のチェックをしてくれるCSS Lint。LESSでちょっとしたスニペットを書いている途中でチェックしてみたら、ベンダープレフィックスが足りないと警告されて、修正していたら、何だかファイルサイズがデカく成って仕舞った。どうやらWebkitの場合、古い記述があると、新しい方の記述を要求されるようです。互換性の問題を考えると、古い方を優先して欲しい気もしますが、そうは成ってないようです。
それぞれ対応を書いていたら、linear-gradientの記述だけで、多数のの記述になって仕舞い、ファイルサイズが思いっきり増えました。使いどころを限定しないと、無駄に読み込みに時間が掛かりそうで怖い。
ちなみにLESSの記述はこんな感じ。
background: -khtml-gradient(linear, left top, left bottom, from(@startColor), to(@endColor)); // Konqueror
background: -ms-linear-gradient(@startColor 0%, @endColor 100%); // IE10
background: -webkit-gradient(linear, left top, left bottom, from(@startColor), to(@endColor));// Webkit ( Safari 4+, Chrome 2+)
background: -webkit-linear-gradient(@startColor 0%, @endColor 100%); // Webkit (Chrome 11+)
background: -moz-linear-gradient(@startColor, @endColor);// Mozilla Firefox 3.6+
background: -o-linear-gradient(top, @startColor, @endColor);// Opera
background: linear-gradient( @startColor 0%, @endColor 100%); // The standard
filter: ~"progid:DXImageTransform.Microsoft.gradient(startColorstr='@{startColor}', endColorstr='@{endColor}')";// IE 5.5+
-ms-filter: %("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@startColor,@endColor); // IE8+
CSS Lint
>>関連リンク
関連日記
- 2009年10月12日 CSS : -webkit-border-imageを試してみた (8784)@ ウェブ
- 2007年10月22日 ファイルが大量に消えた(T_T) (7037)@ Mac
- 2008年10月17日 CSS Nite in HIROSHIMA powered by Webさわり会議 (6425)@ 広島
- 2008年02月21日 テキストエリアの自動拡張 (5731)@ ウェブ
- 2008年01月16日 auのパケット通信料 (5365)@ 携帯電話
- 2006年08月19日 Google Wireless Transcoder (4992)@ 携帯電話
- 2010年02月10日 ウェブページ制作ツール「Flux」 (4890)@ Mac
- 2008年02月21日 テキストエリアのリサイズ (4793)@ ウェブ
- 2009年05月16日 CSSレイアウト作成ツール「YAML Builder」 (4621)@ ウェブ
- 2007年09月19日 YSlowでウェブページのパフォーマンスチェック (4339)@ Mac
- 2008年12月13日 Javascirpt製マークアップ・エディター「SmartMarkUP」 (4336)@ ウェブ
- 2008年10月04日 Adobe ACE、不合格(T_T) (4222)@ Mac
- 2012年04月26日 Dreamweaver CS6 の可変グリッドレイアウト (4208)@ ウェブ
- 2007年01月08日 FireBug (4138)@ Mac
- 2005年06月24日 Adobe Creative Suite 2 (4071)@ Mac
- 2009年12月07日 IntelliJ IDEA 9 Beta (4045)@ Flash
- 2005年08月08日 Macromedia - Studio 8 (3928)@ ウェブ
- 2007年05月06日 タグH1の中の画像 (3865)@ ウェブ
- 2007年09月18日 jQueryでテーブルをシマシマに (3827)@ ウェブ
- 2009年10月11日 CSS : -webkit-border-image (3757)@ ウェブ
- 2009年06月28日 Fireworksのガイドラインをスクリプトで作る (3721)@ Mac
- 2009年06月04日 Boks - A Visual Grid Editor (3699)@ ウェブ
- 2007年10月19日 明日はDreamweaver CS3勉強会 (3634)@ Mac
- 2009年11月20日 HTML5のセクションアウトラインを見るブックマークレット (3602)@ ウェブ
- 2012年04月24日 Adobe CS6(ウェブ関連) (3563)@ ウェブ
- 2006年04月07日 音声ブラウザ用にメニューを追加 (3530)@ ウェブ
- 2009年04月16日 iPhone版Max/MSP?「Jasuto」 (3515)@ 音楽
- 2011年08月22日 TwitterのGridデザインCSS「Bootstrap」 (3515)@ ウェブ
- 2011年02月16日 Wordpressに外部CSSやJSファイルを読み込む (3473)@ ウェブ
- 2006年04月22日 Dreamweaver 8のページプロパティ (3445)@ Mac
アマゾン広告
この日記ページは閲覧数などの条件に応じて、閲覧制限を行っています。他からリンクしていただいても、そのリンクから辿った閲覧者が当ページの内容をご覧頂けない場合があります。ご了承下さい。