スマートフォンで積極的に使いたい4つのCSS3｜クロノドライブ
CSS3は通常のWebサイトでは、IE6～8が高いシェアを持っているため現状ではあまり使われません。 しかし、iPhoneとAndroidのブラウザはwebkitという同じHTMLレンダリングエンジンが使われているため、古いブラウザを気にせずCSS3(*1)を使うことが出来ます（IEを気にせずコーディング出来るなんてちょっとうれしいですね！）。 ということで、スマートフォンで積極的に使っていきたいCSS3を紹介します。 *1…すべてのCSS3プロパティが使えるわけではありません。 ボーダーの角丸を指定する border-radiusプロパティを使うことで簡単に角丸を作ることが出来ます。 4つ角の半径を一度に指定するショートハンド
IDとclassを使わないで、HTML5とCSS3でコーディングしてみた。
IDとclassを使わないで、HTML5とCSS3でコーディングしてみた。 2011-05-02 Webサイトをコーディングする時に、IDとclassを考えるのが面倒臭くなったので、IDとclassを使わないでコーディングしてみました。 シンプルなサイトなら簡単でつまらないので、IDとclassを使っても難しそうなデザインにしています。 今回もJavaScriptは一切、使用していません。 完成したサイト ID, classなしで組んだサイトを見る。 サイトでやってみたHTML5 HTML5では、html, head, bodyタグを完全に省略しても構わないとされています。 省略してもDOMツリー上に存在しているので、 body {background:#f00;} というCSSの記述も認識してくれました。 サイトで使用したCSS, CSS3の簡単なまとめ Child Selector 結
CSS3でもっともよく使われそうなプロパティ４つ | irodori-イロドリ-
CSS3で使用頻度が高くなりそうなプロパティを複数使ったDemoを見つけたので、勉強がてらポストします。 CSS3 Glow Tabs with Box Shadow 上記のサイトで使用されている、CSS3で実装の要素は以下の4つ。 1.border-radiusプロパティ ボックスの角を角丸に表現できるプロパティ。 CSS2が主な現状では、画像を背景に敷くかJavaScriptで擬似的に表現するしかありません。このプロパティが実装されればコーディングがうんと楽になりそうですね。 border-radiusプロパティの記述方法 .任意のクラス名{ -webkit-border-radius: 10px; /* webkit系（Chrome,Safari）で実装する場合 */ -moz-border-radius: 10px; /* Gecko系（FireFox）で実装する場合 *
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
