隣接セレクタと擬似クラスの合わせ技 <div class=”class1″> ~ </div> <div> <ul> <li>~</li> ←このの最初の<li>にスタイル… ゴトーハック2014.11.25 605
CSS:IE専用「filter」によるalphaが一定条件下でバグる IE8以前ではCSSの「opacity」プロパティは使えず、代わりに下記のIE独自仕様のfilterプロパティで再現することができました。 filter: alpha(opacity=80); また同様にIE8以前は影を… ゴトーハック2014.11.20 583
古いIEのCSSハック プロパティごとに記述するだけで適用バージョンを変えられる簡易的な手法をご紹介。 IE6 プロパティ頭に「_」を付ける。 .class { _margin: 0; } IE7 プロパティ頭に「*」を付ける。 .class … ゴトーハック2014.11.17 663
CSS:IE専用「filter」によるグラデーションが一定条件下でバグる .xxx a { ~ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=’#FFFFFFFF’, endCo… ゴトーハック2014.11.17 1,343
IE7でdisplay:inline-blockを表現する .inline-block { display: inline-block; *display: inline; zoom: 1; } IE7ではinline-blockの値が存在しないため、スターハックとzoomを使う… ゴトーハック2014.10.20 853
If文でIE別にclassを付けてハックする HTML <!–[if IE 7 ]> <html class=”ie ie7″ lang=”ja”> <![endif]–> <!–[if IE 8 ]> <… haradaハック2014.10.14 797
文章構成に役立つnowrapとwbrタグの合わせ技 Webデザインにおいて、テキストは文中改行(<br>)せずに流し込み、ブロック幅での自然改行に委ねるのが美しいとされていますが、そのうえでも文章の区切りのいい位置で改行させたいケースはあると思います。 そこで… ゴトーハック2014.10.10 836
今どきのHTMLメール事情 超久々にHTMLメールについて調べたところ、HTMLメールの作り方に変化は(残念ながら)ほぼないのですが、スマホユーザーはむしろHTMLメールで受け取ることが当たり前で、レスポンシブを前提とした作りがトレンドのようでした… ゴトーハック2014.10.10 693
「bxSlider」で画像が一度に出てしまう際の対処 前回レスポンシブ対応のスライダーを生成する「bxSlider」を紹介しましたが、スマホなど回線や描画が遅い環境で開くと、JavaScriptでスライダー化される前にリストの画像が一気にボボンと出てしまい見た目に悪かったの… ゴトーハック2014.09.19 5,420