タグ

cssに関するnyanpのブックマーク (5)

  • anything from hereIE7日本語正式版とHomepageデザイン──MyBlogの改訂(5)

    イベント発生位置を取得するためには、ブラウザ毎にそれぞれの方法でこれを行わねばならない。 IEの場合には、今開かれている画面上のx,y位置とスクロールしたx,y長さとを加算したものが、Window左上隅からのx、yそれぞれの座標となる。そしてスクロールした距離はこれまでdocument.body.scrollLeftと、document.body.scrollTopしか知らなかった。 さて、IE7に切り替えこれまでHtml文、CSS文、そしてJavascript文と見直しを掛けてきた。 そこである奇異な現象に遭遇したのだ。スクロールしてからpopup表示させる場合に、思った位置にpopupしないのである。下にscrollしていればいるほどそのスクロールの距離に応じて、popupは正規の位置よりもますます上に展開されてしまうのである. つまりスクロールの分だけ上にずれてしまうのだ。 これは明

    nyanp
    nyanp 2009/10/29
  • 安全な@font-faceの書き方(抄訳)

    Internet Explorerではかなり昔からあった埋め込みフォント(@font-faceによるフォントの参照)の機能は、Safari 3とFirefox 3.5で有効になったことから急速に話題になることが増えた。ようやく時代がMicrosoftに追いついてきた感じですね。その書き方は大筋では一緒なのだが、細かな仕様の違い、というかIEがEmbedded OpenTypeしかサポートしていないことから工夫が必要になる。その工夫をBulletproof、つまり将来にわたって安全であろうという観点で短くまとめたBulletproof @font-face syntaxというすごく参考になったエントリがあったので訳しておく。語調などは超訳なので、原文とニュアンスが変わっているかもしれない。 安全な@font-faceの書き方 以下は訳注と私見。 条件付コメント 面倒くさいというのはわからなく

    安全な@font-faceの書き方(抄訳)
    nyanp
    nyanp 2009/09/20
  • Michael Leigeber

    Hello. My name is Michael and I’m a digital strategist and engineer building LandSearch where you can find millions of acres of land for sale.

  • CSSのfont-family:ヒラギノとMS Pゴシックとメイリオの悩ましい関係 : webデザイナーのナナメガキ

    CSSでのfont-familyの指定がとても悩ましい。文字コードによって表示が変わったりするし、イレギュラーケースまで想定すると煩雑なコードになってしまう。ちょっと整理しながら考えてみる。 まず、font-familyを何も指定しないと、だいたいのブラウザではデフォルトで設定されているフォントで表示されるのだが、文字コードがUTF-8だとWindowsのIE6で英数文字が「Times New Roman」になってしまう。※文字コードがShift_JISやEUC-JPの場合はデフォルトのフォントで表示される。 それでは例えば総称ファミリー名(generic-family)である「sans-serif」のみ指定してみると、WindowsのIE6では文字コードがShift_JIS・EUC-JPの場合は「Lucida Sans Unicode」で、UFT-8の場合は「Arial」で表示されてしま

  • 正しい知識を得たい人の爲のCSS2リファレンス

    正しい知識を得たい人の爲のCSS2リファレンス 簡易目次 概要 CSS2の構文 基データ型 セレクタ 値わりあて,カスケード処理,継承 メディアタイプ HTML文書へのスタイルシート適用 プロパティの定義 テキスト 色と背景 フォント ボックスモデル 視覚整形モデル テーブル 生成内容 リストとマーカー ユーザインタフェイス 附録 CSSに関するアクセシビリティ技術 CSS2.0のプロパティ一覧表 CSS2.1のプロパティ一覧表 CSS2.1の視覚整形モデル詳細 詳細目次 概要 CSSの概要 HTMLの経緯とCSSの役割 CSSの正式勧告水準について 改訂版CSS2.1と次世代CSS3 CSS2.1 vs CSS2 CSSの設計原則 CSS2の処理モデル カンヴァス(The canvas) わりあてモデル(addressing model) 用語の定義 CSS2の構文 構文(Syntax

    nyanp
    nyanp 2006/08/13
    教科書。
  • 1