WEB制作のメモ帳 - coral design » CSS

コーディングコンテストのコーディングが終わった

Hiroyuki Watanabe — Tue, 09 Mar 2010 14:56:59 +0000

第２回コーディングコンテストが開催されるということで、前回の2007年の時は、参加できなかったので、今回は参加！ということで、コーディングしてみた。

『HTML5+CSS3の技術を先取りして実装してみること』というルール…とりあえず、HTML5に新しく追加された要素、用途を変更された要素について色々調べながら、空いてる時間にコーディング。。

まだ、募集期間中なので、公開はできませんがいろいろ大変でした。「これってcss3でいけるんじゃ…」とか。
というか、お題のデザインからcss3でコーディングしろよー的な香りがぷんぷんしてましたから。。

募集期間が終わったら公開するかもです。
締め切りが日本時間の2010年3月22日（月）23:59なので、まだ十分間に合うので、是非参加してみてください。
html5とcss3の勉強をするのにとても良い機会になりましたよ。

Hiroyuki Watanabe — Tue, 02 Mar 2010 04:45:42 +0000

親要素の高さを指定して、overflow:autoなどを指定し、子要素にposition:relativeを設定していたとき、ＩＥではスクロールバーが出てもスクロールがされない。
たまにやってしまって、なんでだったかすぐ忘れるのでメモ。。。

親要素にもposition:relative;を！

Hiroyuki Watanabe — Thu, 21 May 2009 04:21:43 +0000

WEB Designing 6月号の大藤さんの記事でIE6撲滅キャンペーンの記事があった。

そこで紹介されていた、条件分岐を使ってIE6にCSSを読み込ませない方法を早速やってみた。

のように書くとIEは、IE7以上がhoge.cssを読み、またIE以外のブラウザもhoge.cssを読むらしい。
ポイントは、コメントアウトのタグらしい。

ちなみにこのサイトの2009年4月20日から5月20日までの一ヶ月のブラウザの割合は、以下のとおり

IEのうち
IE7･･･56.32%　IE6･･･32.95%　IE8･･･10.73%

まぁこのサイトがWEB制作している人くらいしか来ない内容なんで、IE6がCSS切れてても問題ないだろうけど、
さすがにクライアントのサイトにIE6撲滅キャンペーンを仕込むわけにはいかないですが・・・
IE6のシェアが早く減るのを祈りつつ、IE6を対処するのもまた楽し。今日この頃。

Hiroyuki Watanabe — Thu, 29 Jan 2009 06:32:56 +0000

filter: alpha(opacity=35);
-moz-opacity:0.35;
opacity:0.35;

IE向けに
filter:alpha(opacity=透明度);
100・・・100%(不透明) 　0・・・0%(透明)　　35・・・35%

Firefox向けに
-moz-opacity:.透明度;
1・・・100%(不透明)　　0・・・100%(透明)　　0.35・・・35%

safari・opera
opacity:透明度;
1・・・100%(不透明)　　0・・・100%(透明)　　0.35・・・35%

Hiroyuki Watanabe — Fri, 05 Dec 2008 03:13:26 +0000

備忘録。。。

safariでだけうまくいかないところがあって取り急ぎハックで・・・

html[xmlns*=""] body:last-child body { color:#***; }