ブックマーク / bathtimefish.hatenablog.com (2)

  • 試行錯誤しながらCSSを書いていたらIE10で表示がおもしろいことになった - bathtimefish's blog

    仕事でサイトをつくっていて、こんなふうな仕切り線みたいの(何て言うんだろう?)をCSSだけで書いてやろうといろいろ試行錯誤していた。 そしたら途中でIE10だけ表示が面白いことになった。 どんなふうになったかというと、 まずこんな感じのHTMLを書いて こんなCSSを書いてみた。 制作でメインなfirefoxでは良い感じに表示されるんだけどWebkitではタイトルの文字と三角の部分が微妙にずれてしまう。そっかーインライン要素だから高さの判定が微妙になるのかなと、ブロック要素にしたほうがいいかなとか思った。 ふとIE10ではどんな表示になるかな?とおもって見てみた。するとなんだか面白いことにw以下、スクリーンショットを撮って解説してみよう。 確認したバージョンはIE 10.0.9200.16484 for Windows8。Windows7版では確認してない。 まず普通に表示した。とりあえず

    試行錯誤しながらCSSを書いていたらIE10で表示がおもしろいことになった - bathtimefish's blog
    kojika17
    kojika17 2013/03/17
    試行錯誤しながらCSSを書いていたらIE10で表示がおもしろいことになった - bathtimefish's blog
  • IE10 for Windows7が出たのはHTML5的にいいことだと思うのでつぶやいてみる - bathtimefish's blog

    IE10 for Windows7ついに出ましたね。もうちょっとかかるかなと思ってたけど意外と早かった。しかしこれも意外なことにたいしてニュースになってなかったので、ちょっとつぶやいてみる。今日は他のこと書く予定だったけどまあいいや。 今日現在ではまだまだWindows8のシェアはまだまだ伸びてなくて、世の中のPCの多くではWindows7が稼働している。現在販売されている新製品のPCにもWindows7プリインストールが多いですね。 Windows7のデフォルトブラウザはIE9だった。IE9はHTML5ブラウザ戦争中にリリースされたバージョンだけど保守的にHTML5をキャッチアップしていてHTML5TESTでは138点と低スコアである。なんとFirefox3.6より低い。現行のFirefox19なんて393点だぜ。 RIA開発においてもIE9へのアプローチは実際躊躇していた。まあモバイル

    IE10 for Windows7が出たのはHTML5的にいいことだと思うのでつぶやいてみる - bathtimefish's blog
    kojika17
    kojika17 2013/02/27
    IE10 for Windows7が出たのはHTML5的にいいことだと思うのでつぶやいてみる - bathtimefish's blog
  • 1