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

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

ニュース

進化したAndroid版「Firefox」 - 3倍高速化、Flashにも対応 (CNET)

http://japan.cnet.com/news/service/35018554/

https://play.google.com/store/apps/details?id=org.mozilla.firefox

http://www.forest.impress.co.jp/docs/news/20120627_543082.html

http://k-tai.impress.co.jp/docs/news/20120626_542707.html

http://www.itmedia.co.jp/news/articles/1206/26/news013.html

http://news.mynavi.jp/articles/2012/06/27/mozilla/

http://japan.internet.com/webtech/20120627/2.html

http://www.rbbtoday.com/article/2012/06/27/91002.html

http://weekly.ascii.jp/elem/000/000/095/95058/

http://japanese.engadget.com/2012/06/26/android-firefox-14-ui/

http://www.nikkei.com/article/DGXNASFK2701S_X20C12A6000000/

http://scan.netsecurity.ne.jp/article/2012/06/27/29359.html

http://plusd.itmedia.co.jp/mobile/articles/1206/27/news037.html

ブライトコーブが無料のHTML5モバイルアプリプラットフォーム「App Cloud Coreエディション」を発表 (アットプレス)

http://www.atpress.ne.jp/view/28258

http://www.brightcove.com/ja/

Adobe、HTML/CSS/JavaScriptでできた次世代コードエディター「Brackets」を発表 (窓の杜)

http://www.forest.impress.co.jp/docs/news/20120626_542874.html

https://github.com/adobe/brackets

http://www.ideaxidea.com/archives/2012/06/brackets.html

HTML5が持つ「二つの構文」とは？ - 今日の腕試し！ (ITpro)

http://itpro.nikkeibp.co.jp/article/COLUMN/20120625/405101/

イベント・セミナー

jQuery MobileなどUIフレームワークの基礎を学ぼう - HTML5とか勉強会レポート (＠IT)

http://www.atmarkit.co.jp/fwcr/design/ux/d89clip49/01.html

6/12に行われた「第30回 HTML5とか勉強会」のレポート記事。

Internet Explorer 10の日本語組版 (SlideShare)

http://www.slideshare.net/lost_and_found/internet-explorer-10-13452063

6/22に行われた「JEPA Pf第10回 Windows 8、Azure、メトロUI」のプレゼン資料。

サイト・アプリ

Station Viewer - Bank/Monument

http://stations.aeracode.org/#bnk

駅を3Dの立体地図で表したもの。HTML5 canvas版とWebGL版を切り替えられる。「Select Station」で８つから選択できる (英語)

ツール

PlayNでクロスプラットフォームのゲーム開発 (1) Angry BirdsのHTML5版にも使われた「PlayN」入門 (＠IT)

http://www.atmarkit.co.jp/fsmart/articles/playn01/01.html

http://dothtml5.com/archives/20111116_playn.html

HTML5対応高機能エディタ「Visual Studio Express 2012 RC for Web」をインストールしてみた (while isプログラマ)

http://am-yu.net/2012/06/27/vs_express_2012_rc_for_web/

TIPS

お客様の中にWebシンセプログラマはいらっしゃいませんか (g200kg)

http://www.g200kg.com/archives/2012/06/web-1.html

http://www.g200kg.com/en/docs/webmidilink/

http://d.hatena.ne.jp/aike/20120626

http://d.hatena.ne.jp/aike/20120628

HTML5 postMessageで作られた、複数ユーザのWebシンセ同期デモ。

WebGLを使ってリアルな木を作ったデモ「SnappyTree」 (@kachibito)

https://twitter.com/kachibito/status/217688457269612544

https://developer.mozilla.org/media/uploads/demos/s/u/supereggbert/8da64348bcea91221c37f6521923487d/snappytree_1340441920_demo_package/

http://creativejs.com/2012/06/snappytree/

[HTML5 Dev] ゲーム「Cut the Rope」を Webアプリで再現 (インターネットコム)

http://japan.internet.com/webtech/20120627/1.html

HTML5で使えるスマートフォンの機能 (Classmethod.dev)

http://dev.classmethod.jp/smartphone/mobile-html5/

HTML5のバリデータチェック時に覚えておきたいこと (Webクリエイターネット)

http://www.webcreator-net.com/tips_memo/html/20120325093055.html

CSS3

Unprefixed CSS3 Gradients in IE10 (IEBlog)

http://blogs.msdn.com/b/ie/archive/2012/06/25/unprefixed-css3-gradients-in-ie10.aspx

IE10のCSS3グラデーション、ベンダープレフィックスが取れて、仕様も少し変わるらしい (英語)

スクリプト無しで実装できる、アニメーションで表示・非表示する通知パネル (コリス)

http://coliss.com/articles/build-websites/operation/css/css-tutorial-timed-notifications-with-css-animations-by-codrops.html

http://tympanus.net/codrops/2012/06/25/timed-notifications-with-css-animations/

Fireworks CS6の超スゴイ機能 CSS3の自動生成 (pcmanabu)

http://pcmanabu.com/?p=2352

CSS3 Filters: Altering HTML and Images with just CSS (InsertHTML)

http://www.inserthtml.com/2012/06/css-filters/

http://tutorialzine.com/2012/06/quick-tip-css-filters/

CSS3 Filtersのチュートリアル (英語)

IEでもCSS3のプロパティ、エフェクトを表現できるようにするリソース＆スニペット (Webデザインレシピ)

http://webdesignrecipes.com/css3-compatabilty-resources-and-references-for-internet-explorer/

古記事。

SVG

SVGで実際書いてみた (Digital Intelligence Organism)

http://mutsu.me/blog/archives/648

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