[B! CSS][Tips] hoge_systemzのブックマーク

CSS Tips：メモランダム

hoge_systemz 2006/08/31

リンク

CSSデザインのページを作る際のスタイルガイド:phpspot開発日誌

Drinking Rockstars and Programming Creating a Style-Guide for your site One thing you'll realize after you do alot of front-end work is that after you don't work with the CSS and HTML for a few days, you'll forget the classes that you defined and end up writing alot of similar CSS styles.サイトをCSSで綺麗に作っても、時間が経つとそれぞれのidやclass定義について忘れてしまいます。時間が経ってからデザインを修正する場合、CSSの見直しや、実際の見栄えについて確認するのに手間取ってしまいます。そこで

hoge_systemz 2006/08/24

リンク

Lucky bag::blog: Appendix

もしかしたら誰かの役に立つかも知れないものプロパティから CSS 仕様書へのリンクプロパティから CSS 仕様書（邦訳）へのリンク xsl.zip RSS1.0、RSS2.0、Atom0.3 それぞれに対応した XSL ファイル実際に適用したサンプル xml Atom0.3 RSS1.0 RSS2.0 action.zip リサイズしてドロップシャドーをつける Photoshop 用アクション（100px、200px、300px の 3 種類）グリッドレイアウトのための背景画像のサンプル Mac版 Internet Explorer 5 の CSS バグと回避方法日本語訳

hoge_systemz 2006/03/30

リンク

Lucky bag::blog: float の問題を overflow で解決

float させた要素を内包したボックスは、高さを指定しないと下方に伸びません。これを、clear を使わずに overflow で解決しちゃう方法。 CSS - Clearing floats 簡単に説明してみます。container 内に left と right があり、それぞれを左右に float させています。で、実はcontainer に背景色 #ddffbb を指定しているのですが、反映されてません。 floatサンプル01 container 自体の高さを指定していないので、下方に伸びないからです。これを解決するためには、(X)HTML に手を加えて clear させるしか方法はありませんでした。 floatサンプル02 しかし、container に幅と overflow を指定すれば解決します。 #container { background-color: #ddffb

hoge_systemz 2006/02/10

css
Tips

リンク

http://www.stylish-style.com/csstec/csstec-top.html

hoge_systemz 2006/01/07

リンク

印刷用 CSS で背景画像を印刷させる方法 - lucky bag

media="print" な印刷用 CSS を用意している場合、そこに背景画像を設定していたとしても印刷されない。ヘッダに画像を使って CSS で文字を非表示にしているウェブサイトの場合、ユーザーがそのサイトのヘッダ画像を含めて印刷したいのに、タイトルが味気ないテキストだけで印刷されるのを不満に思うとしたら、どう解決すれば良いのかってことで下記リンク先のバッドノウハウ。 wg:Printing CSS background images (sort of) カラクリを大雑把に言うと、印刷用 CSS の指定で当該箇所を display:list-it em; にして、list-style-image に印刷させたい画像を指定するって感じ。以前紹介した「letter-spacing を使って背景画像置換」を使って、テキストを非表示にするんだけど、これって IE だと 1 バイトの文字はうまくい