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

ニュース

「次世代のツールPexを使うことでHTML5をベースとしたゲーム開発にも対応」「ngCoreについても起動速度や描画速度が向上する新バージョンを投入」

Impossible Software、ビデオ編集の世界で不可能とも思えるスゴ技を実現 (TechCrunch)

http://jp.techcrunch.com/archives/20120327impossible-software-is-about-to-do-impossible-things-with-your-video/

「プロダクトは100% HTML5で作られており、iPadのブラウザでも動作させることができる」

Windows 8がWebSocketをサポート (InfoQ)

http://www.infoq.com/jp/news/2012/04/websocket-windows

IE10ではなくWindows 8がOSとして対応するらしい。

レスポンシブWebデザインの提供を本格化 (ミツエーリンクス)

http://www.mitsue.co.jp/release/20120427.html

http://web-tan.forum.impressrd.jp/n/2012/05/08/12699

サイト・アプリ

ザクとうふ MS-06 (相模屋)

http://sagamiya-kk.co.jp/zaku/detaile.html

話題？の「ザクとうふ」のサイトがHTML5でコーディングされている。

Bytown Lumberjack

http://hildr.luminance.org/Lumberjack/Lumberjack.html

http://hildr.luminance.org/lumberjack_blogpost.html

XNAゲームのHTML5/WebGLへの移植版らしい (英語)

ツール

AjaxML - The new standard to implement AJAX

http://www.ajaxml.com/

AJAXを簡単に実装できるJavaScriptライブラリ (英語)

ウェブ制作者の困ったを解決するコードが盛りだくさん、スニペットを共有するサービス「Code Pad」 (コリス)

http://coliss.com/articles/build-websites/operation/work/share-code-snippets-codepad.html

HTML5やCSS3のコードがたくさん登録してある。

TIPS

犯してはいけないHTMLタグの過ち10個 (Webpark)

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

古記事だけどHTML5の事が追記されている。

PhoneGap Fan - PhoneGapの日本語コミュニティ

http://phonegap-fan.com/

HTML5+CSS3+JavaScriptでiOS/Androidのネイティブアプリが作れるPhoneGap (現：Apache Cordova) の日本語コミュニティサイト。

WebGL Statistics and the state of WebGL/HTML5 (Codeflow)

http://codeflow.org/entries/2012/apr/25/webgl-statistics-and-the-state-of-webgl-html5/

WebGLの各ブラウザの対応度など (英語)

CSS3

Rotating Words with CSS Animations (Codrops)

http://tympanus.net/codrops/2012/04/17/rotating-words-with-css-animations/

JavaScriptナシのCSS3だけで作る、アニメーションしながらテキストが入れ替わるエフェクト (英語)

Button CSS3 UI - An another CSS3 Framework (WordPress Geekeries)

http://www.geekeries.fr/buttons/

class指定だけで使える色々なCSS3ボタン。マススオーバー時にアニメーションする (英語)

ベジエ曲線のラインに沿ってテキストを折り返すことができるjQueryプラグイン「Bacon!」 (かちびと)

http://kachibito.net/web-design/bacon.html

http://baconforme.com/

https://github.com/hudsonfoo/jQuery-Bacon

http://dothtml5.com/archives/20101109_adobe_css3.html

似たようなモノが以前にアドビからもデモされていたっけ。

吹き出し風CSSデザインをオープンソースで「CSS Arrow Please」 (MOONGIFT)

http://www.moongift.jp/2012/04/20120427-3/

https://github.com/hojberg/cssarrowplease

http://www.aivy.co.jp/BLOG_TEST/nagasawa/c/2012/05/csscssarrowplease.html

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

3D Image Transitions - JSとCSS3で作られた立体的なとトランジションのスライダー (mBlog)

http://mantiddesign.com/archives/12078

https://developer.mozilla.org/ja/demos/detail/3d-image-transitions/launch

https://developer.mozilla.org/ja/demos/detail/3d-image-transitions

Browser Support for CSS3 Selectors (Impressive Webs)

http://www.impressivewebs.com/browser-support-css3-selectors/

IEの各バージョンのCSS3セレクタの対応度合い (英語)

SVG

Rickshaw - A JavaScript toolkit for creating interactive time series graphs (David Chester)

http://code.shutterstock.com/rickshaw/

https://github.com/shutterstock/rickshaw

http://dothtml5.com/archives/20110302_d3js.html

SVGを使ったグラフなどを描くJavaScriptライブラリ。d3.jsを使うらしい。ライセンスはMIT (英語)

SVG対応状況 (のき屋)

http://d.hatena.ne.jp/nokiya/20120330/1333004282

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