ブラウザがHTML5とCSS3にどれくらい対応しているか調べるサイトあれこれ : 構想雑文
構想雑文 WEBデザインとmacに関すること中心の自分向けメモ主体のブログ。 DREAMWEAVER、Illustrator、Photoshopなどのアプリケーションの設定や使い方。HTML、CSS、JavaScript、PHPのコーディングのことをあれこれ書いています。 そろそろ、HTML5とCSS3を真面目にやらないとね。 ということでまずは、自分が使っているブラウザがどれくらいHTML5とCSS3に対応しているかチェックするウェブサイトをまとめました。 ところで、スマートフォンのHTML5とCSS3については、「実機で確認」が基本ですので、以下のチェックできるサイトで確認して行くといいでしょう。 その1： The HTML5 Test http://www.html5test.com/ 使用中のブラウザのHTML5のタグの対応をチェックできるサイト 対応状況をスコアにして表示 スコア
Html5 Css3 is under construction
Thank you for being patient. We are doing some work on the site and will be back shortly.
スマートフォン 用サイトの作成
基本設計 html5 スマートフォン用サイトはHTML5でマークアップ、CSS3でデザインすることが推奨されています。 HTML5やCSS3についての詳細は以下のリンク先を参照してください。 HTML5 CSS3 画面解像度 iPhone3 までの画像解像度 320x416px (画面全体 320x480px )に合わせる iPhone4 の画像解像度 (画面全体 640x960px ) 以下のようにスマートフォン端末の画面解像度は様々で、縦横で幅と高さが逆転する。 スマートフォン用のサイトをデザインするときは「画像を配置する」でなく、「繰り返し表示できる模様を背景に埋め込む」と考えたほうが良い 端末 画面解像度 (px) (液晶画面全体の解像度)
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 結
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HtmlDrive - Free Dhtml scripts,Jquery plugins,Javascript,CSS,CSS3,Html5 Library
https://fromfirstpagetolast.com/
青空文庫のほぼ全作品を、仕様策定中のCSS3ドラフトに従って縦書きHTML化
グリーに学ぶ、スマートフォン開発向けWebアプリ要素の最新技術 ～HTML5、CSS3を採用したポイントとは
