タグ

tipsと+Operaに関するyamadarのブックマーク (2)

  • レスポンシブなデザインにするなら知っておきたい。各ブラウザの小数点以下のピクセル値の扱い

    デザイン要素を固定しないリキッドレイアウトは、未知の端末にも対応するというコンセプトのもとに実装するレスポンシブウェブデザインには必須だと考えています。そのリキッドレイアウトを実装する際に理解しておきたいのが、パーセント値で幅や高さを指定した際に小数点以下になるピクセル値(10.5pxとか9.2pxなど)に対するブラウザの挙動です。 たとえばグリッドシステムを構築する際、計算上はあっているのにブラウザでは思った通りに表示されないといったことが起こります。これは、各ブラウザのサブピクセル(小数点以下のピクセル値)の扱いの挙動差により生まれます。 まずはパーセント指定の基から まずは前提となるパーセント指定の際の計算の基のおさらいから。。。 CSSでパーセント値を使って幅や高さ指定をすると、指定した要素を含む親要素をベースにピクセル値が計算されます。 たとえば100pxの親要素の中にある子

    レスポンシブなデザインにするなら知っておきたい。各ブラウザの小数点以下のピクセル値の扱い
  • Dragonfly でリモートデバッグ - [Ashula.info]

    この文書は,David Storey氏による,Remote debugging with Opera Dragonflyの邦訳です. This article is licensed under a Creative Commons Attribution, Non Commercial - Share Alike 2.5 license. Remote debugging with Opera Dragonfly はじめに / Introduction Opera Dragonfly の画期的な特徴の一つに,リモートデバッグ機能がある.Opera Mobile 9.5 beta 1 と Dragonfly を用いると,普段の開発環境 ( PC )でモバイル向けのウェブページやウェブアプリのデバッグをすることができる.この記事では,モバイル機器のリモートデバッグの方法を示し,Opera D

  • 1