2007年の「CSSやWeb標準」ベストエントリー100選+α
2007年にCSSやWeb標準に関するどんなテクニックや議論があったのかを書き出しておくのも一興かなと思いまとめてみると大変なことになってしまいました。
筆者より一言
CSSな人たちは「懐かしいなー」と振り返ってもらえればいいですし、今年こそCSSやるぞ!と思っている人は参考に、また違う言語の人たちは「へえー」とでも思ってもらえれば。
このリスト自体は、個人的に運営していたCSS Engine in Japanから引っ張ってきたものです。そのため本来なら入れるべきなのに抜け落ちている記事もかなりあります。カテゴリーや順序は適当です。また、2007年と言っておきながら、たまに今年のものとかも入っていることはご愛嬌。その上、ベストエントリーと書いておきながら、良質なエントリーが抜け落ちていることも認めます。
ただ、CSSの議論も一段落しているので、そろそろこの検索も役目を終えたなーと思い、その副産物としてこのエントリーを書き残しました。では、リストをどうぞ。
CSS
- デバッグCSSはStylishを使うとすこぶる便利な件 | TOTOCO.ORG
- background-positionのパーセント指定 - チープカ
- Safariでbold表示させる方法 - psychoblog
- Blueprint : CSSのフレームワーク - メモログ
- 第12回:引用(blockquote)をCSSと画像でそれらしく見せる方法 ::: creazy photograph
- CSS で画面中央表示のサンプル | [ VERSION510 ]
- これじゃダメじゃん>天地中央 : ひろ式めもちょう
- CSSでDivを天地左右中央に配置する方法『locate div at the center vertically and horizontally』 | CREAMU
- 気に入っているロールオーバーの方法3つ :: CSSメモ :: JYO-RAKU
- Young risk taker.: CSS3について覚え書き
- CSSの疑似要素について勉強する
- Lucky bag::blog: CSS が valid でなければいけない理由って何ですか?
- RedLine Magazine : font-size:82% って何?
- clearfixハックは本当に必要なのか - MID [Serendipity Weblog]
- スタイルシートをめぐる冒険: clearfixの決定版を作る −モダンブラウザ編−
- Googleカレンダーのinput要素の扱ひをCSSで眞似てみた - 山岸めも
- CSS font-familyプロパティについて一言 - Hatena::agenda
- 「ぴんくいんでんと」 : ぴんくすとらいぷ的萌える CSS 書式
- 「display: none」によるPattern Driven CSS - Yet Another Hackadelic
- Webデザインと私: 鼻毛スタイルシート
- ぼくがCSSを書くときに手放せないツール - ぼくはまちちゃん!(Hatena)
- モダンブラウザ向けCSSハック - ウェブネタ 〜ネタログ〜
- RedLine Magazine : hrタグの使い道を考える
- CSSプロパティの並べ替え - 電脳狂想曲 WEBデザインの小技
- 画像のサイズをemで指定する - 実用
- =Fiftyfoureleven.com= PHPを使ってCSSを圧縮転送し、読み込みを高速化させる手法 - PHPプロ!ニュース
- CSSで角丸・・・ではなく角斜 (インターネット帳面)
- 画像の使用を極力控えてかっこいいCSSデザインをやってみよう
- [CSS]スタイルの初期化(前編) -全称セレクタとhtml, body編 | コリス
- [CSS]スタイルの初期化(後編) -body内の個別タグ編 | コリス
- tbodyをスクロール可能に - Sybianの日記
- 【WEBデザイン】em指定によってフォントサイズを変更しても、それに応じてレイアウト幅が変更される「エラスティックレイアウト」について質問です。 以下のサイトを参考に.. - 人力検索はてな
- CSSの記述順とグループ化 | Tech de Go
- 最初に指定しておくと便利なCSS | Tech de Go
- エラスティックレイアウト : WEBデザイン&AJAX
- CSSとprototype.jsで「ぶら下げ」レイアウトをやってみた : webデザイナーのナナメガキ
- Yahoo! UI Library: Fonts CSSについてお伺いしたいと思います。 このライブラリの中で、 /** * Default line-height based on font-size rather than "computed-value" * .. - 人力検索はてな
- CSSでバブルタイプのblockquote『Bubble Quote』を作りました。 | CREAMU
- CSSのfont-family:ヒラギノとMS Pゴシックとメイリオの悩ましい関係 : webデザイナーのナナメガキ
- ブラウザに依存せず文字の大きさを統一させる方法 || Cool Web Window
- Proxyとか :: WindowsVista 発売に伴う メイリオフォント普及にに対応すべく CSS(スタイルシート)
- CSSのメモ帳 ‐Vistaと「メイリオ」とfont-family‐|CSSのメモ帳 −スタイルシートは直感で−
- 文法違反にならないCSSハックのまとめ - Go my way
- CSSはHTMLだけのものじゃない (kuruman.org > Kuruman Memo)
- はてなダイアリーのデザインを作るうえでのtips - チープカ
- CSSのセレクタをXPathに変換する - nazonoDiary
- webarton blog --- ホームページ制作/webデザイン会社ウェバートンのブログ | text-indent: -9999px;がきかなくなったこと、ありませんか?
- CSSとJavaScriptでmin-width max-width を実装する - youmos
- CSSでよく使う装飾定義をclass名でまとめることについて - 徒書
- はてブのCSSをカスタマイズしてみた - てっく煮ブログ
- デザイナー必見。CSS デザインで被リンクを獲得する方法 | 住 太陽のブログ
- CSSで訪問済み(visited)リンクをデザインしてみる。 - DesignWalker
- 何かと役立つCSSの技 || Cool Web Window
- PHPでCSSを生成することによるテクニックが紹介されています - PHPプロ!ニュース
HTML/XHTML
- HTML - meta タグの仕様詳細まとめ :: Drk7jp
- img tag に height、width 属性は書くべきではない。
- 伝えたい情報の本質 - Weblog
- TAKESAKO @ Yet another Cybozu Labs: 続イメージファイト - HTML 2.0 New Browser Detection
- 最小のXHTML 1.0? 最小のHTML 4.01? 2007-05-23 - d:id:quaa
- あんまりマークアップされないHTML要素
- 「最新のHTMLって何?」@水無月ばけらのえび日記
- apeirophobia: SWFを埋め込んでいるHTMLのパス#2
- 淡々と BR を使う - Weblog
- ブロック要素とインライン要素の違い (kuruman.org > 駄的HTML改善計画)
- br 要素 - カナかな団首領の自転車置き場
- id="header"で問題ないのでは | d-spica
- 実践Web Standards Designを読む(1) - 徒書
- 覚え書き@kazuhi.to: Re: 第18回 XHTMLの設計〜状況に合った要素選び(3)〜
- [Accessibility] 第18回 XHTMLの設計〜状況に合った要素選び(3)〜 - おさんぽさんぽ (2007-03-10)
- target属性の利便性 (kuruman.org > 駄的HTML改善計画)
- W3Cはblockquoteでインデントする:メモランダム
- 第16回 XHTMLの設計〜状況に合った要素選び(1)〜:ITpro
- linkのススメ (kuruman.org > 駄的HTML改善計画)
- はてなグループのトップページのHTMLに少し手を加えてみよう - *mohri++
- Geekなぺーじ : HTML知識レベル
- ロジカルマークアップについて - 児童小銃
ブラウザ
- IEではHTMLのコメントにスタイルを付加できるらしい - hoshikuzu | star_dust dairy
- IE7でfilterを指定すると文字が細くなる
- Shishimushi - ズーム機能で画像の拡大・縮小テスト
- the meager: Firefoxでキャレットに横棒みたいのが表示される件
- Transrain - Safariでのcontentプロパティが文字化けするバグの対策
- Shishimushi - Wii Opera のCSSセレクタ対応状況
- TPLH ⁄ Weblog ⁄ Operaでfloat要素の後続が回り込まない
- 主にAU携帯電話(ezweb)からの閲覧の為のCSS (インターネット帳面)
- 山岸めも(OperaのCSS継承について)
- IEでiframeの横スクロールバーを消す (AIRE-PROJECT BLOG)
- IEで position:absolute した要素が消えるバグ - ぴのBlog(●´Å`)
- KOMOREBI || blog: 【CSSnite】条件分岐は、極力使わないでほしい by MS
- IEにおいてfilter:alpha(opacity)を設定しても、currentStyle.hasLayout=falseだとが透明にならない。 - Enjoy*Study
- 条件付コメントを使ったMOSe - Go my way
- ブックマーク・メニューを操作する CSS のまとめ Firefox Hacks 翻訳日記/ウェブリブログ
- 【特集】正式版完全対応! Internet Explorer 7 CSS攻略法 (1) 01 はじめに IE7日本語正式版のCSS実装を検証する | クリエイティブ | マイコミジャーナル