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

ニュース

小林雅一

ミックスネットワーク、CMS「SITE PUBLIS 3」の新バージョン「3.5」の提供を開始 - HTML5に対応 (Web担当者Forum)

http://web-tan.forum.impressrd.jp/n/2012/03/27/12463

http://www.micsnet.co.jp/publis/

すでにある機能の廃止は難しい (fragmentary)

http://myakura.hatenablog.com/entry/2012/04/26/122516

イベント・セミナー

スマホアプリ開発はHTML5/jQuery Moibleとネイティブどっちがいいの？ - 第2回テックヒルズまとめレポート (＠IT)

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

4/13に行われた「テックヒルズ2012 #2 ネイティブアプリvsWebアプリ」のレポート記事。

ここがヘンだよ日本のソーシャルゲームと世界進出 (＠IT)

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

GREE Plartform Conference 2012まとめレポート「現在、ソーシャルの動きで注目しているのはHTML5ベースのサービスと子供向けのコンテンツ」

サイト・アプリ

The Adventures of EcoRico (Eco Universal Productions)

http://ecoenrico.com/gallery.html

http://itunes.apple.com/en/app/eco-enrico/id474216075?mt=8

http://appmobi.lexues.co.jp/?p=119

HTML5+JavaScript+appMobiで作られたiOS向けのネイティブアプリのゲーム。無料だけど日本のアカウントからはダウンロード出来ないらしい (英語)

Monster Truck

http://oos.moxiecode.com/js_webgl/monster_truck/

http://creativejs.com/2012/03/monster-desert-trucking/

WebGLで作られた砂漠をバギーで走るゲーム。一定時間内に星マークを集める？カーソルキーで操作 (英語)

ツール

Dreamweaver CS6の新機能 - Adobe HTML5特設サイト (アドビ)

http://adobe-html5.jp/tools/dw6/

hifive - HTML5とスマートフォンのための開発プラットフォーム (NS Solutions)

http://www.htmlhifive.com/ja/

http://itpro.nikkeibp.co.jp/article/NEWS/20120501/394361/

HTML5アプリを開発する為のプラットホーム。ライセンスはApache License v2.0。

skrollr - parallax scrolling for the masses

http://prinzhorn.github.com/skrollr/

https://github.com/Prinzhorn/skrollr

http://coliss.com/articles/build-websites/operation/javascript/js-skrollr-for-parallax-scrolling-effect.html

最近よくあるページ遷移なくスクロールで変化するコンテンツ (パララックスと呼ぶ？) を実現するJavaScriptライブラリ。ライセンスはMIT (英語)

Kinvey JavaScript Library Now Available for HTML5 Apps and Node.js (Mark van Seventer)

http://www.kinvey.com/blog/item/152-kinvey-javascript-library-now-available-for-html5-apps-and-nodejs

https://github.com/Kinvey/js-library-example-project

Node.jsと連携したHTML5アプリを作るためのJavaScritpライブラリらしい。jQueryやBootstrapも使われている (英語)

jQuery.LazyJaxDavisで静的サイトを手軽にダイナミックにする (Takazudo hamalog)

http://hamalog.tumblr.com/post/20422280406/jquery-lazyjaxdavis

TIPS

HTMLとCSS3を使ったリッチなページレイアウト (InfoQ)

http://www.infoq.com/jp/news/2012/03/CSS3-Regions-Exclusions

jQueryのXSS引き起こしやすい問題に対する動的パッチ (金利0無利息キャッシング ? キャッシングできます)

http://subtech.g.hatena.ne.jp/mala/20120426/1335448324

CSS3

CSS3 Image ValuesがCRに (fragmentary)

http://myakura.hatenablog.com/entry/2012/03/29/020420

TouchTouch - A Touch Optimized Gallery Plugin (Tutorialzine)

http://tutorialzine.com/2012/04/mobile-touch-gallery/

http://demo.tutorialzine.com/2012/04/mobile-touch-gallery/

https://github.com/martinaglv/touchTouch

CSS3を多用した画像ギャラリーのjQueryプラグイン。ライセンスはMIT (英語)

Creating First Animations With CSS3 Using Keyframes (Web development blog)

http://www.developerdrive.com/2012/04/creating-first-animations-with-css3-using-keyframes/

CSS3アニメーションのチュートリアル (英語)

SVG

Animated Bezier Curves (Jason Davies)

http://www.jasondavies.com/animated-bezier/

ベジェ曲線をアニメーションで分かりやすく説明。SVGで作られている (英語)

SVGを使ったコンテンツをいろいろ見て可能性を探ってみる (宴ブログ)

http://web-utage.com/blog/archives/62

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