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

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

ニュース

日本最大級のWeb開発コンテスト「Mashup Awards 8」受賞作品を発表 (マイナビ)

http://news.mynavi.jp/news/2012/11/16/121/

http://ma8.mashupaward.jp/

イベント・セミナー

セミナー：12/3 8nights - アプリクリエイターのためのWindows 8パーティ (Microsoft)

http://www.microsoft.com/ja-jp/events/8nights/default.aspx

2012/12/3(月) 18:00-22:00、ColoR.Tokyo Night Cafe (港区六本木)、無料。12/6に大阪でも開催。

「第32回 HTML5とか勉強会 - HTML5 Conference 2012 Reloaded」活動報告 (技術評論社)

http://gihyo.jp/news/report/2012/11/1501

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

書籍

書籍：Windows8プログラミングバイブル Windowsストアアプリ＆HTML5/CSS/JavaScript編

http://www.amazon.co.jp/dp/488337842X?tag=dothtml5-22

3,129円、出版社：ソシム、著：布留川英一

ツール

MozillaがFirefox OSのブラウザ上で動かすシミュレータをリリース (TechCrunch)

http://jp.techcrunch.com/archives/20121115mozilla-launches-browser-based-simulator-for-firefox-os/

https://hacks.mozilla.org/2012/11/announcing-the-prototype-firefox-os-simulator/

http://news.mynavi.jp/news/2012/11/16/119/

Mozilla、JavaScriptでFlashのオープンな実行エンジンを実装するプロジェクト「Shumway」を発表 (SourceForge)

http://sourceforge.jp/magazine/12/11/14/0022234

https://blog.mozilla.org/research/2012/11/12/introducing-the-shumway-open-swf-runtime-project/

http://mozilla.github.com/shumway/

http://www.moongift.jp/2012/11/20121123/

http://dothtml5.com/archives/20120617_clips.html#pickup3

モジラによるプラグイン無しでSWFが再生できるHTML5+JavaScriptライブラリのプロジェクト。６月あたりにもクリップ済み。ライセンスはMIT。

ヤバイくらい簡単にプロフェッショナルなサイトが作れるStriking.lyが凄い (バンクーバーのうぇぶ屋)

http://webya.opdsgn.com/webservice/strikingly/

https://www.striking.ly/

「Striking.ly - The simplest, quickest way to create a professional website.」

TIPS

HTML5 canvas demo (@fladdict)

http://fladdict.net/sketch/20121113/

http://fladdict.net/sketch/20121114/

http://fladdict.net/sketch/20121115/

@fladdict さんのHTML5 canvasのデモいくつか。

JavaScriptで作成するゲームでのオブジェクト指向設計 (IBM developerWorks)

http://www.ibm.com/developerworks/jp/web/library/wa-objectorientedjs/

スマートフォン向けWebサイトの表示速度高速化手法 (CodeZine)

http://codezine.jp/article/detail/6840

Webサイトの横幅100%表示は、実は結構難しい (x-fit)

https://www.x-fit.jp/tips/149

JavaScript無し、レスポンシブ対応、背景をコンテンツのスクロールに合わせて変更するスタイルシート (コリス)

http://coliss.com/articles/build-websites/operation/css/css-tutorial-curtain-effect-by-pepsized.html

http://pepsized.com/how-to-recreate-the-new-e-bay-site-scrolling-effect/

「How to recreate the new e-bay site scrolling effect (PEPSized) 」

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