CSS

IE7 が死んだらできるいくつかのこと( caniuse.com から見繕っただけ)

IE6 への対応が一段落した昨今、 IE7 もいよいよ事実上市場から姿を消す日が近づいてきたようです。flickr が今年以降リリースする新機能にて IE7 をサポートしないことを表明しました。私の勤務先でも、今ものすごい勢いで IE7 のシェアが低下しており、今…

今更幅指定しないボックスの中央寄せ

今更ですみません。常識ですみません。 あれ、これ IE でどうやるんだろ。と思ったので近くにいた凄腕コーディング職人に訊いてみた。こうだった。 display:inline; zoom:1; へぇー!これで IE6/7 で inline-block をエミュレートできるんですね。知らなかっ…

Seesmic Web のカラムを細くする、フォントを変える、フォントサイズを小さくする

Seesmic Web ここを見てる人の中で Seesmic Web 使ってる人なんて一人もいないかもしれませんが、僕は自宅でも会社でもノートPCでも至る所で使っているので自分共有の場として書きます。Tween 、夜フクロウ、 TweetDeck、 P3、 HootSuite、Seesmic Desktop、…

もうlast-childとfirst-childくらい使いたい

使いたい 現状(IEのために現実的に)使えない CSS Selectors のうち、今一番使いたいものといえばそれは当然 last-child と first-child になるかと思います。僕が。で、これが無いと影響が HTML に及んでしまい、HTML に及ぶと言うことはサーバアプリケー…

IE6 が死んだらできる10のこと(from Ajaxian)

という記事がその昔 Ajaxian に挙がっていたので自分のメモとして残っていたモノを、そろそろ時期が来たかと言うことでこちらに再掲。http://ajaxian.com/archives/10-cool-things-we%e2%80%99ll-be-able-to-do-once-ie6-is-dead-and-a-few-we-cant 子セレク…

Progressive Enhancement 的角丸

<div class="setsumeibun"> <h3>説明とは</h3> <p>説明です。</p> <img src="7x7_eee_fff.gif" width="7" height="7" alt="" style="position:absolute; left:0; top:0;"/> </div>

Sass

CSS

こないだウンウン唸った結果に対する答えの一つとして、とりあえず Sass かなという気がしてきた。これで(X)HTMLの切れっ端とCSSを超密接に書いちゃった方が、運用性が高い上にデザインの可能性も広く、しかもユーザには何の影響もない(むしろ運用性が上が…

告白

今ここに罪を告白します。自分、W3C の HTML 4.01 Specification 完読できてません。CSS2 はなぜか昔読みましたが、2.1 は読んでません。 読みたい。というか、読めば読むほど「(自分含め)どんだけみんな適当なこと言ってるか」がわかるので、なんとも苦い…

おうおうおう

賢いCSSってのは美しいCSSじゃないってさ Smart CSS Ain’t Always Sexy CSS/Digital Web Magazine なぜみんな、装飾をマークアップに残すようなことをするのか?。Class に "header" やら "footer" やらって付けるのか?。それは賢さがそうさせるから。美し…

出かける前メモ

CSS

class 名の名付け方問題(意味論的命名) 意味論的 class 名から装飾を抽出することに対し、CSS という仕組みからのアシストは無い 一部、CSS Variables (webkit のナイトリーが最近実装)、ただし狭い、威力が小さい、装飾抽出パワーが小さい 結局 dl.photoL…

General Sibling Selector

CSS

知らなかった ちっくしょー Ajaxian 毎日更新しすぎだぜー…。とぶつくさ言いながら職場で読んでたら出てきた。 Ajaxian » CSS General Sibling Combinator in action About the indirect adjacent combinator (~) in CSS General Sibling Selector – SitePoi…

Håkon Responds to Questions About CSS and... 現Opera、元W3CでCSSの概念を発議した張本人 Håkon Wium Lie さんが CSS について Slashdot 野郎共の質問に答えた。名前読めないぞ。面白かった回答は二つ。 エイリアス、定数(変数)が欲しいんだけど? CSS …

24 ways to impress your friends

数ヶ月ぶりに、溜まっていたWeb標準系のブログを必死で読み漁っています。かなり発展途上のジャンルなので、お仕事的な視点から見れば必死で付いていく必要は無いと思うけど、たまには追いついておかないと…。 24 ways to impress your friends 去年の12月に…

IE

"HasLayout" Overview/MSDN Exploring Internet Explorer IEのHTMLエレメントについて、"hasLayout"プロパティが true になっていることはつまりどういうことなのか、なぜ position:relative で IE の多くの表示バグが直るのか、そんなことがわかるマニヤ必…

自転車乗ってばかりでさぼっていたらちょっぴり時代が動いていたようだ…。 JavaScriptライブラリ MochiKit 背景画像 Multiple Backgrounds/Surfin’ Safari なんとSafariさんは先走りに先走って背景画像の複数枚指定に対応したのだった。でも絶対便利。

Safari1.3の話

Float/clear bug: Clear incorrectly inherited even when child element has clear:none specified 昨日のは大間違い!。clear が誤って inherit してしまうので、一旦どこかの親が clear:left とかしてしまうと、子供がいくら floatをがんばろうとしてもだ…

Clearing Float その後のその後

CSS

ppk兄貴の記事に驚いた日記から始まってこないだからずっと書いている overflow を使ったfloatクリア戦略、あれNS7.1で、overflow:hidden; だと駄目ですね…。兄貴のサンプルのサイトの一番下の例も、NS7.1で見ると潰れてる。Firefox最新版では全然問題ないも…

Clearing Floats その後

CSS

こないだ書いた"Floatをクリアする話"はその後大変に気に入って使いまくっておりますが、やはりppk兄貴の言うとおり MacIE が特にバギーでありました。 中身がFloatのもんしかいなくて overflow を設定した親に横方向の margin や padding が付いていると… …

here症候群 2005年3月15日(火曜日) のえび日記/水無月ばけらのえび日記 HTML鳩丸倶楽部さんの日記の中に出てきたhere症候群(『詳しくはこちら』)、他でもない自分がしばらく悩まされていた心の病です。これから抜け出すのには結構時間がかかりました。HTML…

子のfloatは親が責任を持って管理

Clearing floats/ppk兄貴 げっ。思わず「げっ」と言ってしまった!。実は去年末くらい以降、「CSSでそれらしいものが出てくるまで最上段の段組はテーブルが作る方にも更新する方にも見る方にも良いな。普通に」と決めた私。float段組って奇術の類だったけど…

/IE7/

/IE7/ そんな Dean さんの大傑作プロジェクトの /IE7/ 、去年の夏のリリース辺りからばりばりに良い感じになって参りまして、いつか使ったろーこんにゃろーって思ってたところ今ちょうどいいお仕事があったので、作り途中だったんですが導入しまくってみたと…

IE7 Reversal: Next IE update divorced from Windows | CNET News.com IE7 | IEBlog Gates Highlights Progress on Security, Outlines Next Steps for Continued Innovation | Microsoft PressPass IE7はIE6改として今年夏にも一旦登場するよ。との話。 ア…

vertical-align と恥の文化

CSS

CSS に vertical-align というプロパティがございまして、僕は昔これについてえらい勘違いをぶっこいていたのですが Eric Meyer 兄さんによってその過ちを正された時、普段から「まず調べる!」などと抜かしている建前恥ずかしくて自分だけの秘密にしており…

Web Standards Solutions

Web Standards Solutions: The Markup and Style Handbook作者: Dan Cederholm出版社/メーカー: Apress発売日: 2004/06/30メディア: ペーパーバックこの商品を含むブログ (2件) を見るちなみに、今話題沸騰のWeb Standards Solutionsの方は、ただいま絶賛愛…

Eric Meyer : CSS Pocket Reference, 2nd Edition

CSS Pocket Reference (Pocket Reference (O'Reilly))作者: Eric A. Meyer出版社/メーカー: Oreilly & Associates Inc発売日: 2004/08メディア: ペーパーバック クリック: 2回この商品を含むブログ (1件) を見るが出てしまった!。いや、 Oreilly の方には J…

Margin Collapse

CSS

http://www.andybudd.com/blog/archives/000114.html とてつもなく興味深いので、スタイルシートを使ってデザインをやっている方で、特に「ウガ〜!」と思ったことのある方は是非読んでみるととてもためになるかと思います!。エレメントの上下のマージンは…

Specificityについてのメモ

CSS

世の中何がいけないって、それはあれであります、焦った環境で仕事をすることです。と、いうわけでこないだとても嫌な汗が出まくった上に、持病の難聴もなんとなく悪化するようでもあり、かつ、途中からあまりに大変すぎて脳さんのほうが自動的にお薬を放出…