CSS

elasticなレイアウト

CSS

ユーザーの画面サイズはお構いなしのfixed layout、ユーザーの画面サイズに合わせて変化するflexibleレイアウトに加えて、ユーザー表示している文字サイズに合わせて変化するelasticレイアウトというものがあるらしい。 ユーザーが選択したフォントサイズに…

CSSだけで文字にドロップシャドウをつける方法

CSS

CSSだけで文字にドロップシャドウをつける方法(あまり良くない方法) | SIMPLE*SIMPLE よりFirefox の Web Developer アドインで、HTMLを編集しながらぐりぐりと遊んでみる。気がついた点 アンチエイリアスがかかっていない日本語フォントはあまり美しくな…

CSSに抽象化の手法を導入したら便利じゃね? のまとめ

CSS

前のエントリが長くなったので、仕切りなおし。 前回までのまとめ はやみず CSSで、部分的に共通なスタイルを持つ要素があるときに、いちいち繰り返し書くのが面倒だ! はやみず いくつかのスタイルをカプセル化(抽象化)して、オブジェクト指向のクラスの継…

CSSに抽象化の手法を導入したら便利じゃね?

CSS

CSSは、あまりにプリミティブすぎる、という話。 既存の問題点 (俺が知らないだけかもしれないけど)CSSは、基本的にHTMLタグの名前、クラス、擬似クラス等のセレクタ*1等で対象を指定して、その中にプリミティブなスタイルの指定を書き並べていく*2、という…

塊と塊の隙間

Webページを作っていると、大抵の場合似たような内容のブロック要素が縦に並ぶことがよくある。ブログの記事なんかが典型例。その縦に並ぶ要素を、ある程度の間隔を空けてならべる一番スマートな方法はなんなんだろう、ということで色々と悩んでいる。 間に…

ブラウザの表示モードとinput要素のpadding

↑のような入力フィールドで、paddingを設定するとIEではフィールドのサイズがかわらずに余白が設定されて、文字の下が切れてしまうことがある。Firefoxでは問題ない。なんとかならんもんかと思っていろいろ試してもだめだったので、人力検索はてなに質問を投…

PNGの透過をIEでも実現する方法

CSS

http://rospear.info/other/archives/2006/06/iewinpng.htmlためしに自分で作っているWebアプリでやってみたら、みごと成功。まあ、このサイトに書いてある方法をそのままやったらFirefoxその他"優秀な"ブラウザではうまくいかないので、一工夫いるけどね。h…