HTML5にまつわるエトセトラ/2011年6月

HTML5を覚えていく上で参考になりそうなのでメモ。

面白法人カヤックの橋本雄也氏、本多大和氏が書いたコラム。

“HTML5＋CSS3時代の”というよりは少し前から“プログレッシブ・エンハンスメント”とやらは徐々に使われ始めていた気が…ゲフンゲフン、まぁこれはこれまでの進化系のお話だと思います。

私もWeb Creatersとかの雑誌で読んで目からウロコを出して以来（2年くらい前かな？）、「すべてのブラウザで完全に表示を一致させる」ことはしなくなりました。
だってすべて統一しようとすると（主に某IEのせいで）膨大な時間がかかるし、微細な部分になると無理に近いことだし。

それにしても“プログレッシブ・エンハンスメント”って舌噛みそうなくらい長いからもっと手軽な言い方がないものだろうか…？

HTML5+CSS3のフレームワークを配布してる。HTML5を使ったサイト作りの参考にもいいかも。

まとめのまとめ。制作のお供に、参考に、使えそうです。

ドラッグ＆ドロップでファイルをアップロードできるHTML5製のオープンソース。
本家配布先はどうやら英語でもないようなので下記の参考ページが日本語で解説してくれていてわかりやすい。

こちらでもダウンロードが可能。英語の解説も。
html5uploader – Drag & drop files to browser using HTML 5, PHP and JS – Google Project Hosting

参考

• 小さな工夫で大きな改善。ドラッグアンドドロップでファイルアップロード「html5uploader」 – MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ

各ブラウザがHTML5やCSS3に対応しているか否かがまとめられている。しばらくは重宝しそう！

こちらはフォーム関連のブラウザ対応表。

参考

• HTML5の新機能は使える？フォームまわりのブラウザ対応状況まとめ | IDEA*IDEA: オンラインアンケートツールのWufooによる、HTML5のフォームまわりの対応状況まとめです。資料として欲しかったのでメモ的にエン…

『HTML5 WOW!』を紹介しています。が、『HTML5 WOW!』はChromeからじゃないと見れないとな・・。
自宅の今の環境では見れないので未来へ向けてメモ。

HTML5を駆使したしょうこおねえさん画スプーのモーフィング。仕事中や外でこれを見ようという方は要注意！（爆笑するかもという意味でw）