CSS(スタイルシート)のテクニックとトピックのまとめ

『 私が普段使っているdefault.cssはその昔ウェブ製作板カスイケスレで誰か有名な方がさらしてくださった奴をアレンジしたものです。2001年ごろのカスイケスレには本当にお世話になった。 』

wg:Introducing DomCorners 上記ページを読んだ。 Nifty Corners 作者はCSSを使った角丸の記事を書いている。当ブログでも、これを利用している。 そして異なるアプローチの角丸を紹介している。 上のような画像を、1コマずつずらしながらCSSを利用して貼りこんで行く...

『 最近、CSSやJavaScriptを利用したオシャレなテクニックが次々とWeb上に公開されいてます。そんな色々な技やサンプルが解説、配布しているサイトをメモ程度にですがズラスラとまとめてみま 』

『 Themaingoalofthearticlewasgettingthemaximumnumberoflayoutsbasedonthesamemarkup,eachwithvalidCSSandHTML,withouthacksnorworkaroundandagoodcross-browser... 』

『 CSSでデザインされたカッコいいフォームのサンプル集というかリンク集。どれも個性がありつつも綺麗でいい感じ。自分のサイトの雰囲気に合えばそのまま使えばいいし，インスピレーションを受けて自作してもいいし。 』

テーブルを使わず、CSS で段組レイアウトを実現する方法を、CSS2 の仕様を根拠に、ブラウザのバグ対策を交えながら解説します。 CSS で段組レイアウトをするには float か position を使うのが一般的です。 テーブルレイアウトとは異なり、HTML はそのままで、CSS を変更するだ...

『 >注目すべきは、Flashの仕組みを使ってはいますが、タグは<img>タグをそのままHTMLに使っていて、Flashの<embed>タグや<object>タグは直接的には一切使っていないところ。 』

ここでは、スタイルシート（CSS）を使うときに知ってると便利な基本テクニックから 目からウロコのテクニックまでいろいろ紹介したいなぁと思います。 もちろんコピペ＋ちょっと修正で使えますよ。 基本技 ブラウザーによるブレが少なく、汎用性の高いプロパティ＆値に絞って紹介しています。 簡易リファレンスと...

『 ＣＳＳでの段組レイアウトのサンプルがサムネイル付きで４０種類紹介されています。 』

『 <inputtype=image>では限界がありますが、<button>タグとCSSを組み合わせることでJavaScriptを使わなくてもロールオーバー効果などを与えることができますね。 』