2012年1月22日 (日)

WIF2012 の季節が近づいて来たな〜 :)

ウェブデザイン国際フェスティバル開催されるよ〜。

今年も熱い戦いがあるんだろーなー :) Interactive Design International Festival  29th-31st May 2012, Limoges, France 

楽しみだ



20120122_03912



WIF 2008 - ウェブデザイン国際フェスティバル
WIF2008 - Webdesign International Festival
WIF2008 - Webdesign International Festival - 予選終了
24(テレビドラマではないよ)
WIF2008 - Webdesign International Festival - ファイナリスト決定!
WIF2008 - Webdesign International Festival - 事務局スタッフの方がコメントをくれた!
WIF2008 - Webdesign International Festival - Finalまであと1ヶ月余り
いよいよWIF2008開幕
WIF2008 - WebJamが開始された。
WIF2008 - WebJam Results
WIF2010 - Web Design International Festival 2010だった〜
WIF2010 ファイナリスト 35チーム決定

| | コメント (0) | トラックバック (0)

2010年12月 7日 (火)

box-shadowを使い始めて…

私のブログでCSS3のbox-shadowを使い始めてるのでお気づきの方も多いと思いますが、まだまだブラウザ間で表示に差異があるんですよね〜(そもそも対応していないIE8以前や、環境がないのでIE9では未確認、いずれWindows7を買ってVM環境上では使う事になると思いますが…)

<div>に以下のようなbox-shadowとborder-radiusプロパティを設定してあります。(関連部分のみ)


-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;

-webkit-box-shadow:2px 2px 40px #000;
-moz-box-shadow:2px 2px 40px #000;
box-shadow: 2px 2px 40px #000;


各ブラウザで表示してみるとSafari5、Chrome8とFirefox3/4、Opera10で違いがでます。
Safari/Chromeは想定通りの陰になりますが、FirefoxやOperaだと陰が広がり過ぎて切れている部分がありますね。ちょっと気になった点なのでメモ書き。

(実際のところSafari/ChromeとFirefox/Operaのどちらの描画がただしいんだろー、Safariで調整しちゃってるからSafari/Chromeでの描画は見た通りなんだけど…)

・Safari5

Safari5

・Chrome8
Chrome8

・Firefox3.6/4.0b
Firefox36
Firefox40b

・Opera10.63
Opera10

| | コメント (0) | トラックバック (0)