娘が小学二年生になり、みまもりケータイ2を買い与えました ishida です。 娘がケータイのボタンを押すたびに、位置情報が送られてきて便利なのですが、 電話をかけたときにも、位置情報がメールで送られてきてちょっと通知頻度高すぎなんじゃね？ さてさて、今回はとある案件で画像を上下中央に表示する機会がありまして、 忘れないように自分的メモです。 CSS3が使えるようになってからは、display: table-cell; で簡単に対応できるようになりましたよね。 例としては、こんな感じ。 HTML/CSSコードサンプル <div class="box"> <p class="image"><img src="image.png" alt="" width="200" heigh="200"><p> </div> .box { display: table; } .box .image { d
[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。 今日は「：first-letter」について忘備録を書きます。 これは、見出しや文章の最初の文字を大きくしたり、他の色にできる疑似要素です。 例：#TopTitle:first-letter { color:#000; } 主要なブラウザはこれに対応しているので表示にはまったく問題はありませんが、IE6ではこれに関するバグ（？）があるそうです。 IE6の疑似要素バグ（？） CSSは、セレクタ ｛プロパティ：値｝という書き方をします。 人によっては、セレクタ｛プロパティ：値｝や、セレクタ ｛ プロパティ：値 ｝など、間を空けたり詰めたりして書きますが、普通は表示に影響を与えるものではありません。 ところが、IE6ではそれが影響するようなのです。 問題になったCSSの書き方は、セレク
IE6/IE7/IE8/IE9と他のブラウザを振り分けるCSSハックです。IE9はまだベータ版なので有効にならなくなるかもしれませんがとりあえず。 →IE9も正式版で確認済みです。 １．IE6/IE7/IE8/IE9と他のブラウザを振り分けるCSSハック 以下の順番でプロパティおよびセレクタを記述してください。 body { color: red; /* all browsers, of course */ color: green¥9; /* IE8 and below */ *color: yellow; /* IE7 and below */ _color: orange; /* IE6 */ } body:not(:target) { color: black¥9; /* IE9 */ } IE6：プロパティの先頭にアンダースコア「_」を付与 IE7：プロパティの先頭にアスタリスク
Robert’s talk Steve Souders氏は最近獲得したブラウザのパフォーマンス改善に関して注目されるいくつかのテクニックを5回シリーズのブログで公開した。Steve Souders氏はGoogleのエンジニア。Googleに務める以前はYahoo!でYSlowの開発に従事。Webページの高速化に関する開発に携わっており、特にHTMLやHTTP、JavaScript関連の高速化技術に定評がある。 シリーズの1回目であるHigh Performance Web Sites :: 5a Missing schema double downloadでは、IEでCSSファイルが2回ダウンロードされるケースがあることが紹介されている。同内容をRobert Nyman氏もCSS files downloaded twice in Internet Explorer with protoc
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く