HTML5/CSS3の情報をクリップ！

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

ニュース

JavaOne Tokyo基調講演。JavaへHTML5機能統合、Java EE 7のクラウド機能などを紹介 (Publickey)

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

iPadとHTML5を活用 - ガリバーインターナショナル (ITpro)

http://itpro.nikkeibp.co.jp/article/COLUMN/20120323/387882/

「HTML5によるCLMアプリケーション対応スライド制作」を開始 - 株式会社スペック五次元 (PR TIMES)

http://prtimes.jp/main/html/rd/p/000000001.000004059.html

イベント・セミナー

「職人技」では未来が見えない！みんなが使えるAdobeのHTML5関連ツールとソリューション (SlideShare)

http://www.slideshare.net/otachan/adobehtml5

http://jeba.jp/activity/report55.html

3/19に行われた「eビジネス推進連合会第3回 HTML5ワーキンググループ」のプレゼン資料。

サイト・アプリ

PerfumeのモーションデータをHTML5のCanvasで3Dっぽく動かした「Perfume x Canvas」 (GIGAZINE)

http://gigazine.net/news/20120404-perfume-canvas/

http://inajob.no-ip.org:10080/perfume/perfume.html

http://mohayonao.herokuapp.com/perfume3

公式に公開されたPerfumeのモーションデータを使った作品いろいろ。凄い。

Flickr、Google Picnikに代わる写真編集機能としてAviaryを採用 (ITmedia)

http://www.itmedia.co.jp/enterprise/articles/1204/05/news031.html

http://dothtml5.com/archives/20101125_aviary_feather.html

AviaryはHTML5ベースの画像加工処理のウェブサービス。

Wind Map (HINT.FM)

http://hint.fm/wind/

HTML5 canvasで作られた、アメリカの風向きのグラフィック。リアルタイム？かなり動作が重たい。

ツール

New 3D physics engine - cannon.js (ヨモツネット)

http://www.yomotsu.net/wp/?p=599

http://schteppe.github.com/cannon.js/

3D物理演算エンジンのJavaScriptライブラリ「cannon.js」の紹介。

MozillaがBoot To Geckoスマートフォンを無料で配布 - 意外なほどの完成度 (TechCrunch)

http://jp.techcrunch.com/archives/20120402mozilla-showers-jsconf-attendees-with-boot-to-gecko-smartphones/

http://dothtml5.com/archives/20120229_mozilla_b2g_prototype.html

モジラのHTML5ベースのモバイルOS。iOSやAndroid対抗。期待していいのか？

CSS3

スタイルシートでここまでできる！Responsiveデザイン対応のスライダー -Responsive CSS3 Slider (コリス)

http://coliss.com/articles/build-websites/operation/css/css3-responsive-slider-without-javascript-by-csscience.html

http://csscience.com/responsiveslidercss3/

http://blog.creamu.com/mt/2012/04/responsive_css3_slider_without.html

http://mantiddesign.com/archives/12039

JavaScriptナシのCSS3だけ作るレスポンシブな画像スライダー。

CSS3の勉強になるかも！？画像を使わないボタンの作成手順 (Webpark)

http://weboook.blog22.fc2.com/blog-entry-311.html

CSS3を使用するときに必要なベンダープレフィックスについて (WEBデザインファクトリー)

http://webdesignfactory.schoolbus.jp/css3_prefix/

http://dothtml5.com/archives/20110523_support_tables.html

http://dothtml5.com/archives/20110406_prefixmycss.html

CSS3による画像を使わないリンクボタン作成チュートリアル・サンプル・ジェネレーターまとめ (56docブログ)

http://56doc.blog.shinobi.jp/Entry/207/

http://dothtml5.com/archives/20101028_css3_button_generator.html

http://dothtml5.com/archives/20120328_grad3.html

http://dothtml5.com/archives/20110721_button_maker.html

CSS3アニメーションを美しく使ったUIエレメントを作成するチュートリアル (コリス)

http://coliss.com/articles/build-websites/operation/css/css3-tutorial-animations-to-build-a-sleek-box-ui-by-designmag.html

http://designm.ag/tutorials/using-css3-animations-to-build-a-sleek-box-ui/

CSS3アート・ジェネレータ「Artify.js」 (モダン・シンタックス)

http://www.aivy.co.jp/BLOG_TEST/nagasawa/c/2012/04/css3artifyjs.html

http://jamescryer.github.com/Artify.js/

CSS3で作られたモザイク・アートみたいなジェネレータ。HTML5のドラッグ＆ドロップも使われてる。

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