CSS

No Image

コリスさんで紹介されてたやつなのですが、
画像置換「-9999px」のパフォーマンスを改善した新しいテクニック | コリス

以前から-9999pxはSEOでもよくないとは聞いていて、ちょっと気になっていました。

Web制作メモ

[CSS覚書]CSSのみでカラー吹き出しを作る

キャラクターがしゃべってるような見出しで、
サイト内で汎用的に使えるものが一つ欲しかったので、
CSSだけで実装するふきだしに初めて挑戦してみた。
ふきだしといっても、カラー四角に尻尾がついている簡単な感じのや ...

Web制作メモ

No Image

今作ってるサイトで、画像リンクに結構太めのボーダーをつかったのですが、
IEでちょっとひっかかりました。

firefox、chromeは『color』指定のみで、ボーダー色も同様に変更されるが、
IE8は、 ...

Web制作メモ

No Image

Clearfixについて調べてたときに、
色々な手法のClearfixの比較記事を見つけました。

★スタイルシートをめぐる冒険: clearfixの決定版を作る -モダンブラウザ編-

★clearfix ...

Web制作メモ

No Image

★見出しデザインの参考にしたい CSSで作るhタグのサンプル集

只今、ブログの文中にh4の見出しのスタイルを作りたいなーと思ってて、これは役に立ちそう!
普通でも使えそうです。

肝心の見出しの一覧がない ...

Web制作メモ

No Image

今日はHTML5とCSS3の記事が色々あがっていたので、まとめて載せておきます。

★フリーで使える15のHTML5+CSS3なテンプレートファイル

★【HTML5】新規でサイトを作るのに使えそうなの一式。Ver ...

Web制作メモ

No Image

★HTMLのidとclassでいい名前をつけるテクニック

Mainnaviとか決まりきってるやつはいいんだけども、
個別のもので、迷うときありますね。
どうもしっくりこなかったりとか、、
新しく付け ...

Web制作メモ

No Image

★CSSセレクタの高速化の話し

かなり衝撃でした。(゚ロ゚;)
知らないで今まで余計なのも書いてたなという印象です。
時間があるときに見直しはしたいです。
でもそんなこんないってるうちにCSS3にな ...

Web制作メモ

No Image

まだhtml5とCSS3は全く勉強してないのですが、こんなすごいこともできるらしい。

画像を一切使わずにCSS3だけでドラえもんを描いてみた!

これは絵で見た方がわかりやすいので、画像を載せさせてもらいます。

Web制作メモ

No Image

IE8では正常なのに、IE6、7でCSSがほとんど効かないという状況が発生。

原因を探ったところ、font-familyの設定の「”」の記述間違いでした。

「’」が半角でないといけないと ...