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

ニュース

HTML5で作られた文書共有サービス「Crocodoc」が外部サイトにエンベッドできるように＆Dropbox/Yammer/SAPなどのサービスと提携したらしい (英語)

サイト・アプリ

Floating Shiny Knot - Street View Panorama Reflection Mapping (Jaume Sanchez Elias)

http://www.clicktorelease.com/code/streetViewReflectionMapping/#51.50700703827454,-0.12791916931155356

http://creativejs.com/2012/04/real-world-reflections/

グーグルのストリートビューの画像を使った、WebGLの3Dオブジェクトの鏡面にリアルタイムに映り込むデモ (英語)

ツール

Punch - A Fun and Easy Way to Build Modern Websites

http://laktek.github.com/punch/

http://laktek.com/presentations/punch/slides.html#1

http://github.com/laktek/punch

http://laktek.com/2012/04/27/create-quick-html5-presentations-with-punch/

HTML5+CSS3+JavaScriptで作られたシンプルなプレゼンスライドのツール。JSONにも対応しているらしい (英語)

国産HTML5ライブラリまとめ (NAVERまとめ)

http://matome.naver.jp/odai/2133561544751064401

Webアプリケーションを作るのに便利そうなコンポーネント群「UIKit」 (MOONGIFT)

http://www.moongift.jp/2012/02/20120217/

https://github.com/visionmedia/uikit

WEB開発者必携。任意ヘッダーやメソッドを指定して送信できるChromeアプリ「Dev HTTP Client」 (phpspot開発日誌)

http://phpspot.org/blog/archives/2012/05/webchromedev_ht.html

https://chrome.google.com/webstore/detail/aejoelaoggembcahagimdiliamlcdmfm/related#detail/aejoelaoggembcahagimdiliamlcdmfm/related

TIPS

ゼロからはじめるHTML5でのサイト制作第12回 (最終回) ほとんどのCSSを変えずにxhtmlとHTML5で同じレイアウトの作成してみよう (MdN)

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

HTML5で簡単なフォトエディターを作成 : JavaScript (FindxFine)

http://www.findxfine.com/programming/995555950.html

HTML5 + Javascript+canvasでダブルバッファリングをする (Double Buffering)

http://d.hatena.ne.jp/hypercrab/20111014

古記事。

How to cook a complete Windows 8 application with HTML5, CSS3 and JavaScript in a week (MSDN)

http://blogs.msdn.com/b/eternalcoding/archive/2012/04/16/how-to-cook-a-complete-windows-8-application-with-html5-css3-and-javascript-in-a-week-day-0.aspx

http://bit.ly/IR2bhL

http://bit.ly/Ipgdar

http://bit.ly/Imm6Ua

HTML5+CSS3+JavaScriptでWindows 8アプリを作るチュートリアル (英語)

CSS3

CSS3 Family Tree (TheCodePlayer)

http://thecodeplayer.com/walkthrough/css3-family-tree

http://coliss.com/articles/build-websites/operation/css/css3-tutorial-family-tree-by-ruby_on_tails.html

JavaScriptナシのCSS3だけで作られた、ツリー構造 (英語)

Gaussian Blur and CSS3/SVG (CSS-Plus)

http://css-plus.com/2012/03/gaussian-blur/

JavaScriptナシでCSS3とSVGにガウスブラーをかける方法いくつか (英語)

20 Awesome Resources for Twitter Bootstrap Lovers (Design Shack)

http://designshack.net/articles/css/20-awesome-resources-for-twitter-bootstrap-lovers/

Twitter Bootstrapのマッシュアップやツールなど20種類。

SVG

SVGコードの手直し (またはInkscape恨み節) (SpaceLike)

http://spacelike.cocolog-nifty.com/blog/2012/05/svg-inkscape-51.html

http://spacelike.in.coocan.jp/flat/lab/TestTable.xhtml

SVG+JavaScriptでビリヤードゲームを製作中。

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