オリジナルの Webkit ブラウザ限定対応デザインに

HTML5 ＆ CSS3 を利用しようと考えていましたが、すべてのブラウザに対応させるとなると、試してみたいと思っていることがなかなか先に進まない感じでしたので、思い切って、Webkit ブラウザ限定対応で進めることにしました。

Safari、chrome、Android や iPhone の標準ブラウザで表示を確認しました。IE や Firefox では、異なったデザインで表示されることになります。

 

今回、試してみたことは、フレキシブルボックス、角丸、グラディエーション、シャドー。

だいぶそれらの使用に偏ってしまいました。今後も調整してみたいと思います。