HTML5/CSS3のニュースやTIPSなどのまとめ (2012年4月17日)

ニュース

HTML5 Rocks - オープンウェブ HTML5 デベロッパー向けリソース

http://www.html5rocks.com/ja/

HTML5 Rocksのコンテンツが一部だけど日本語化された！

独SAPがモバイルアプリ開発でAdobe、Appcelerator、Senchaと提携。エンタープライズモバイルアプリの時代、本格化へ (Publickey)

http://www.publickey1.jp/blog/12/sapadobeappceleratorsencha.html

http://japan.internet.com/allnet/20120418/4.html

http://www.itmedia.co.jp/enterprise/articles/1204/19/news013.html

Microsoftの技術者募集要項によれば、「Skype for Browser」プロジェクトが進行中らしい (TechCrunch)

http://jp.techcrunch.com/archives/20120416microsoft-job-postings-reveal-skype-for-browsers-project/

HTML5+JavaScriptで実装されるらしい。

「SMASSh (スマッシュ) 」のHTML5版2画面同期再生プレーヤーを開発 (Cielo Azul)

http://www.smassh.jp/siteinfo/news_detail/2012/6

http://www.smassh.jp/toppages

http://www.keyman.or.jp/nw/web/cgm/20039066/

イベント・セミナー

IE10とMSにとってのHTML5 (SlideShare)

http://www.slideshare.net/ykasugai/ie10mshtml5

インタラクティブコンテンツにおけるHTML5とFlash (SlideShare)

http://www.slideshare.net/clockmaker_jp/html5flash-12537289

http://m2.cap-ut.co.jp/fes/fes01.html

4/14に行われた「まにまにフェスティバル」のプレゼン資料。

サイト・アプリ

graph.tk

http://graph.tk/

数式や関数を入力するとグラフを表示してくれる。HTML5 canvasで作られている。

IS HTML5 READY YET? (J Cornelius)

http://ishtml5readyyet.com/

HTML5の仕様確定までのカウントダウン。ソースを見るとHTML5の特徴がコメントで記述されてる (英語)

Stitches - An HTML5 sprite sheet generator (Matthew Cobbs)

http://draeton.github.com/stitches/

http://github.com/draeton/stitches

CSSスプライトのジェネレータ。HTML5のドラッグ＆ドロップが使われている (英語)

Our Sphere 2

http://taiyolab.com/ourspheredev/

HTML5 canvasで作られた地球儀。ソースを見るとcanvasタグが400以上ある。ローディングに少し時間がかかる。

ツール

「Meteor」は、JavaScript/HTMLで開発するリアルタイムWebアプリケーション基盤。何が起きているのかすぐに分からないほどすごい (Publickey)

http://www.publickey1.jp/blog/12/meteorjavascripthtmlweb.html

http://www.meteor.com/

Webアプリ開発の為のフレームワーク「Meteor」の新野さんの使用レポート。

jQuery Mobile 1.1、正式版が早くも登場！ (Publickey)

http://www.publickey1.jp/blog/12/jquery_mobile_11.html

http://jquerymobile.com/

TIPS

ゼロからはじめるHTML5でのサイト制作第10回 HTML5から追加された新要素の使い方を確認してみよう (MdN)

http://www.mdn.co.jp/di/articles/2605/?page=11

HTML5でできるカメラアプリ・予習 (2) 撮影から画像生成まで (秋葉秀樹個人ブログ)

http://akibahideki.com/blog/htmlcss/html52--.html

playpit (KWRR // KOWARERU)

http://playpit.kowareru.com/#/11

HTML5 canvasやWebGLのサンプルデモが11種。

CSS3

CSS3 Reference (Google Play)

https://play.google.com/store/apps/details?id=com.whawhawhat.referencecss3

Android用のCSS3のリファレンス・アプリ。無料。

画像を一切使わずに、CSS3だけでスタイリッシュな吹き出しをつくろう！ (LIG)

http://liginc.co.jp/designer/archives/4888

CSS3 Animation Experiment - Virtual DJ (Script Tutorials)

http://www.script-tutorials.com/demos/259/

http://css.dzone.com/articles/css3-animation-experiment-%E2%80%93

JavaScriptナシのCSS3だけで作られたDJ卓のようなデモ。操作はできない。

Implementing Drop-Down Menus with CSS3 (Developer Drive)

http://www.developerdrive.com/2012/04/implementing-drop-down-menus-with-css3/

JavaScriptナシのCSS3のみで作るメニューのチュートリアル (英語)

SVG

AndroidでSVG (satosystemsの日記)

http://d.hatena.ne.jp/satosystems/20120415/1334433515

（＊価格は掲載時のものです。購入時にご確認ください。）