ブラウザが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 スマートフォン用サイトは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ページを開く
html5-css3.jp - このウェブサイトは販売用です！ - スマートフォン 編集者 方法 サイズ 日本 ツール ブラウザ テスト リソースおよび情報
HtmlDrive - Free Dhtml scripts,Jquery plugins,Javascript,CSS,CSS3,Html5 Library
HTML5 Video Player 1.2.5 EXE Errors & Repair Guide
青空文庫のほぼ全作品を、仕様策定中のCSS3ドラフトに従って縦書きHTML化
グリーに学ぶ、スマートフォン開発向けWebアプリ要素の最新技術 ～HTML5、CSS3を採用したポイントとは