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

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

ニュース

HTML5でアプリ開発「Monaca」- スマートフォン＆モバイルEXPOに出展してきました (アシアル)

http://blog.asial.co.jp/898

http://dothtml5.com/archives/20111109_monaca.html

HTML5モナカはこのイベントで配ったノベルティだったらしい！

HPの「webOS Enyo」チーム、グーグルに移籍か (CNET)

http://japan.cnet.com/news/business/35017490/

http://www.theverge.com/2012/5/24/3042441/hp-enyo-google

http://internet.watch.impress.co.jp/docs/news/20120528_535936.html

http://itpro.nikkeibp.co.jp/article/NEWS/20120528/399143/

http://wirelesswire.jp/Watching_World/201205251607.html

http://dothtml5.com/archives/20120126_hp_enyo.html

JavaScriptが年間48%のペースで肥大化している (Agile Cat - in the cloud)

http://bit.ly/KCu1yt

http://royal.pingdom.com/2012/05/17/javascript-size-up-48-percent/

64bitネイティブで動作する「Firefox」ベースのWebブラウザー「Waterfox」 (窓の杜)

http://www.forest.impress.co.jp/docs/review/20120524_534812.html?ref=rss

http://waterfoxproject.org/

イベント・セミナー

次のモバイルアプリはどのフレームワークで作る？ (＠IT)

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

http://html555.jp/2012/05/28/29-html5/

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

サイト・アプリ

http://inkpod-web.carabiner.jp/

HTML5 canvasで作られたアイデアをスケッチするツール。マインドマップっぽいのとか、普通のプレゼン資料っぽいのとか。

Dart製のシューティングゲーム「Dart Shooting Game」 (MOONGIFT)

http://www.moongift.jp/2012/05/20120523/

https://github.com/gfx/dart-shooting/

[2012年のWEBデザイン] 流行決定！パララックスなWEBサイト [CSS3/HTML5] (NAVERまとめ)

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

ツール

impress.jsを使ったユニークなプレゼンをオンラインで生成出来るWSIWYGライクなWebツール「Impressionist」 (かちびと)

http://kachibito.net/web-service/impressionist.html

http://www.hsivaram.com/impressionist/alpha3/

https://github.com/hsivaramx/Impressionist

http://dothtml5.com/archives/20120105_impressjs.html

SpahQL - A query language for Javascript objects

http://angryamoeba.co.uk/spahql-announce/

https://github.com/danski/spahql

JSONなフォーマットのデータをSQL風に扱えるJavaScriptライブラリ (英語)

Excelそっくりな表計算モジュールを実装可能なオープンソースモジュール「Gelsheet」 (phpspot開発日誌)

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

http://www.gelsheet.org/home

TIPS

MacでコーディングするならCoda2！Dreamweaverから切り替えた使用感などをレビュー！ (PLUS)

http://golog.plus.vc/web/4004/

HTML5によるリッチコンテンツ作成のためのJavaScriptライブラリ「CreateJS」 (技術評論社)

http://gihyo.jp/dev/serial/01/engineer_toolbox/0032

http://dothtml5.com/archives/20120301_adobe_createjs.html

Flash Professional Toolkit for CreateJSのファーストステップガイド (Adobe Developer Connection)

http://www.adobe.com/jp/devnet/createjs/articles/getting-started.html

HTML5に対応したGoogleMap API V3 (ブレイン・エイチシー)

http://h--c.com/google/2012/hc0508_1232

HTML5で作る企業サイトのコーディング (Code Life)

http://code-life.net/?p=1738

http://code-life.net/?p=1787

http://code-life.net/?p=1856

http://code-life.net/?p=1934

HTML5 Canvas Elastic Stars with KineticJS (HTML5 Canvas Tutorials)

http://www.html5canvastutorials.com/demos/labs/html5_canvas_elastic_stars/

http://www.html5canvastutorials.com/labs/html5-canvas-elastic-stars-with-kineticjs/

http://dothtml5.com/archives/20111124_kineticjs.html

KineticJSを使ったデモ。星を動かせる (英語)

XHTML互換なHTML5の書き方まとめ (Oddwit)

http://oddwit.com/blog/2011/polyglot-html

古記事。

CSS3

HTML5アプリケーションをビルドする - CSS3メディアクエリを使用して応答性の高いWebをビルドする (MSDNマガジン)

http://msdn.microsoft.com/ja-jp/magazine/hh882445.aspx

CSS Button Generator - Imageless css buttons simplified

http://www.cssbuttongenerator.com/

CSS3ボタンのジェネレータ (英語)

CSS4 media queries to tackle touch (.net magazine)

http://www.netmagazine.com/news/css4-media-queries-tackle-touch-121980

CSS4について (英語)

Hyphenation in CSS3 (About.com)

http://webdesign.about.com/od/fonts/a/hyphenation-in-css3.htm

CSS3のハイフンについて (英語)

CSS3 For Internet Explorer: Handy Compatibility Tools and Resources (Onextrapixel)

http://www.onextrapixel.com/2012/05/24/css3-compatibility-tools-resources-and-references-for-internet-explorer/

古いIEでCSS3に対応させるツールいろいろ (英語)

Easy CSS3 Animation with Animate.css (SitePoint)

http://www.sitepoint.com/animate-css-css3-animation/

http://dothtml5.com/archives/20111101_animatecss.html

Animate.cssのチュートリアル (英語)

SVG

http://svg-wow.org/

SVGのデモやサンプルが幾つか置いてある (英語)

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