Responsiveデザイン対応ページを制作する際に役立つ、max-width, min-width, overflowなどの役立つ5つのテクニックを紹介します。 5 Useful CSS Tricks for Responsive Design [ad#ad-2] 下記は各ポイントを意訳したものです。 動画コンテンツの配置 max-width, min-widthの小技 値を相対値に overflow: hiddenを使ったテクニック 長いテキストは折り返す 動画コンテンツの配置 Responsiveデザインに対応した動画コンテンツの配置方法です。 デモページ CSS: 動画コンテンツの配置 .video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .video iframe,
CSSを使ったコーディングなどを行っていると、border指定のCSSが、スクロール操作で消えてしまったり、マウスでなぞったら出てきたりと、挙動がおかしくなることがある。 フルCSSでコーディングを行っている方は、遭遇されてる方も多いのではないかと思います。 解決策は至って簡単で、以前にエントリーした「IE6で文字間がギュっと詰まったりする症状」の解決策と同じです。同じ条件で発生するバグですね。 自分の場合は、IE6で文字が詰まるバグに、合わせ技で発生していました。 分かりやすく言えば、線（border）を乗せる裏地がいるってこと。 要素を包んでいる親タグ自体に「background-color:#FFFFFF;」などのそのボックス背景にあわせた色を指定することで改善ができる。 もうひとつの解決策は、そのボックスサイズを「width」でサイズ指定。 どちらか片方でも直ります。 「背景がない
img要素におけるwidth,height属性の指定というのはHTMLを勉強しはじめたときから「必須」のものであると考える人が多いと思うのですが、 これは「必須」ではありません。 また弊社では社内のガイドラインとして 「img要素にはwidth,height属性は指定しない」としました。 この方が現状メリットが大きいと考えたからです。 width,height属性の指定が「必須」であるか「任意」であるか 結論からいうと、仕様書上「任意」とされています。 これは弊社サイトで多く採用されている XHTML1.0（Transitional）においてはもちろん、strictであれ、HTML4.01であれ「任意」とされているのは同じです。 しかしそれがなぜ「必須」というような流れになったか？ その大きな理由としてはNetscape Navigator 4.xのような今となっては古くなったブラウザへの
The document discusses CSS properties like width, linear, and relative. It mentions CSS Nite events from 1996-2011 and references getting up at midnight. The author's Twitter handle is provided as @swwwitch and an email takano@swwwitch.com. The document contains technical CSS and HTML terms when discussing width properties and formatting text.
swfobject2.2のFlashがFirefoxで表示されない...。その2 123 (01/15, 2010 03:22 AM) ※その1はこちら Flash100%表示するとき、HTMLにファイルにDOCTYPE宣言を行っていると、Firefoxではflashが表示されなくなってしまうバグ。 どうやらバグとして有名な話らしいですが、 僕は本格的にFlashを使い始めたのが遅かったので、おととい知りました。 今後も必須知識となりそうなのでメモ。 DOCTYPE宣言取っちゃえばいいなんて言うアドビ。 そんなの気持ち悪くて無理。 fladdictさんがDOCTYPE宣言したままflashを表示する策を書いてくれています。 http://www.fladdict.net/blog-jp/archives/2005/03/firefoxflash100.php でもいまどきXHTML形式で書
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
