Xhtml+css

tweetmeme_style = ‘compact’;tweetmeme_url=’http://dentaq.net/844/%e4%b8%96%e7%95%8c%e3%81%ae%e3%80%8c%e6%9c%80%e5%85%88%e7%ab%af%e3%80%8d%e4%ba%8b%e4%be%8b%e3%81%ab%e5%ad%a6%e3%81%b6-css-%e3%83%99%e3%82%b9%e3%83%88%e3%83%bb%e3%83%97%e3%83%a9%e3%82%af%e3%83%86/’;Checkタイトルにある通り、世界でも最先端と思われる技術で作られたWebサイトのcssを分析し、最新トレンドを考える、という内容の本。 横幅固定一辺倒からリキッド・レイアウトがぼちぼち目につき始めた、といった分析から、 text-indent:-9999px;という指定が使えない場合のテキストの消し方 (height:0;にして、paddingで高さを指定する) 等、実践で活用出来るTipsまで、現場のさまざまなシーンで役立つ内容となっている。

Continue reading about [書評]世界の「最先端」事例に学ぶ CSS ベスト・プラクティス

tweetmeme_style = ‘compact’;tweetmeme_url=’http://dentaq.net/837/css%e3%82%b9%e3%82%bf%e3%82%a4%e3%83%ab%e3%82%b7%e3%83%bc%e3%83%88%e3%83%bb%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e8%be%9e%e5%85%b8/’;Check初級~上級実務レベルまで、cssコーディングについてはこの一冊でOK、と思わせる決定版。 カラーの図解がたっぷり多いので、cssの値を指定した際に実際どのような表示になるのかが細かくわかるのも、大変ありがたい。

Continue reading about [書評]CSSスタイルシート・デザイン辞典

Katsu on 10月 30th, 2009

tweetmeme_style = ‘compact’;tweetmeme_url=’http://dentaq.net/623/table%e3%82%bf%e3%82%b0%e3%81%aetd%e3%82%92th%e3%81%ab%e5%a4%89%e6%8f%9b%e3%81%97%e3%81%9f%e3%81%84/’;Check正規表現。Dreamweaverの場合。 「検索」欄: <td>(.*)</td> 「置換」欄: <th>$1</th> ※<>を半角に変更する必要があります。 メモでした。 イミフーですいません。

Continue reading about tableタグのtdをthに変換したい

Katsu on 9月 18th, 2009

tweetmeme_style = ‘compact’;tweetmeme_url=’http://dentaq.net/482/css%e3%83%8f%e3%83%83%e3%82%af%e3%81%ae%e6%ad%b4%e5%8f%b2/’;Checkvoice-familyを使った「Box Model Hack」(2002年~2003年) Windows版IE5.5以前が「cssの\記号によるエスケープを正しく解釈できないこと」を利用したハック。 特定のWebブラウザに専用の外部スタイルシートを読み込ませるハック(2004年~)  「Box Model Hack」が火付け役となり、cssハックは隆盛期。  http://centricle.com/ref/css/filters/  このようなハック一覧サイトも登場した。 宣言レベルのハックからセレクタレベルのハックへ(2004年~) この頃登場した主な宣言レベルハック(現在はほとんど使われていない) Underscore Hack プロパディの先頭にアンダースコア(_)をつけると、Windows版IE 6以前にだけ適用される 「!important」を利用したハック IE 6以前では同じ宣言ブロック内の「!important」は無視される、という性質を利用したハック 「IE 6 comment bug」を利用したハック プロパティに続けて半角スペースと「/**/」を入れると、IE6には適用されなくなる ハックは問題のあるWebブラウザに対して使用する(2006年~) Star html Hackが多く使われている理由 視覚的に目立ったポイントが先頭にある(「*」) セレクタレベルで使用するタイプである 問題のあるWebブラウザに対して使用する 同様な性質を持つものとしてIE7を対象にした「*:first-child+html」を使用したハックがあり、これも今後使用される機会が増えることが予想される。

Continue reading about cssハックの歴史

tweetmeme_style = ‘compact’;tweetmeme_url=’http://dentaq.net/432/displayblock%e3%80%80%e3%81%95%e3%82%8c%e3%81%9fa%e3%82%bf%e3%82%b0%e3%82%92ie6%e3%81%a7%e3%82%82%e5%ae%89%e5%ae%9a%e3%81%95%e3%81%9b%e3%82%8b/’;CheckIE6のシェアは今後縮小の方向に進むことは自明のことかと思いますが、いまだに25%ものシェアがある為、対応はせざるを得ないというケースもまだまだ多いと思われます。 私のかかわっております案件で先日IE6対応を行った際役に立ったTIPSをご紹介します。 表題のケースですが、今回起こった不具合は、グローバルナビをhover時にその周辺のレイアウトがガタっと動いてしまう、というものでした。 なかなか原因と解決策が見つからず困っておりましたところ、このようなサイトを発見。 CSS で overflow : hidden; を適用させる。 なぜこれで解決するの?わからない為、おまじないのようですが、あら不思議、確かに修復できました。 「はじめてのブログデザイン」様、有益な情報をありがとうございました。

Continue reading about display:block されたa要素をIE6でも安定させる