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

ニュース

「Facebook x モバイル x HTML5」

イベント・セミナー

Webサイト作成コース (Life is Tech!)

http://life-is-tech.com/local/webmaking.html

「HTML5, CSS3, JavaScriptなどの最新技術を学べます」3日コース 34,500円から、5日コース 52,500円から。割引やオプションあり。

サイト・アプリ

HTML5 Rubik's cube

http://www.html5rubik.com/

http://www.html5rubik.com/tutorial/

https://github.com/dferreiroval/html5rubik

http://design-develop.net/design/rubiks-cube-with-html5.html

http://www.moongift.jp/2012/06/20120612-2/

HTML5+CSS3+JavaScriptで作られたルービックキューブ。制作チュートリアルもアリ (英語)

Tweetopia

http://tweetopia.net/#HTML5

Twitterの# (ハッシュタグ) の3Dビジュアル検索ツール。凄い (英語)

Proto.io - Silly-fast mobile prototyping.

http://proto.io/

ブラウザ上でモバイルアプリのプロトタイプやワイヤーフレームが作成できるツール。有料の他に無料のプランもアリ (英語)

さくらのクラウドのコンパネをつくる話 (SlideShare)

http://www.slideshare.net/kanreisa/20120421

http://cloud.sakura.ad.jp/

HTML5 canvasやWebSocketで作られているらしい。

ツール

高速なJavaScriptコードを生成できるWebアプリケーション向け言語「JSX」が公開 (SourceForge)

http://sourceforge.jp/magazine/12/05/31/0748237

http://jsx.github.com/

https://github.com/jsx/JSX/

http://ginpen.com/2012/05/31/jsx/

http://hoshi.air-nifty.com/diary/2012/06/jsxjavascriptwe.html

DeNA製。ライセンスはMIT。

bbUI.js - HTML5 Framework v0.9.2 Released (BerryReview)

http://www.berryreview.com/2012/05/31/devs-bbui-js-html5-framework-v0-9-2-released-webworks/

https://github.com/blackberry/bbUI.js

RIM BlackBerry用のHTML5アプリ向けJavaScriptフレームワーク。ライセンスはApache License v2 (英語)

HTMLはシンプルで、紙をぺろっと折ったエフェクトをつけるチュートリアル (コリス)

http://coliss.com/articles/build-websites/operation/css/css-tutorial-simple-folded-corner-effect-by-designshack.html

http://designshack.net/articles/css/code-a-simple-folded-corner-effect-with-css/

Webデザインツールについて質問です (html5j.org | Googleグループ)

https://groups.google.com/forum/?hl=ja%3D157308c8b723ba71&fromgroups#!topic/html5-developers-jp/nC7t2DxCbf8

TIPS

スマートフォン向け、電池使用量を抑えた実装方法 (スマホ×HTML5 Web＆ハイブリッドアプリ開発者ブログ)

http://html5dev.jp/?p=161

HTML5 canvas (web帳)

http://www.webcyou.com/?p=3421

背景をCanvasにする (Qiita)

http://qiita.com/items/e96e68aedc04a37f0c6d

HTML5とJavaScriptによる動き検知 - motion detection (Modern Syntax)

http://www.aivy.co.jp/BLOG_TEST/nagasawa/c/2012/05/html5javascriptmotion-detection.html

http://www.adobe.com/devnet/html5/articles/javascript-motion-detection.html

[HTML5] キャンバスで点をはねさせる (ma-san)

http://ma-san.org/archives/2011/1223_161338.html

古記事。

HTML5「Web Workers」でマルチスレッドプログラミング (progress.from.tv)

http://progress.from.tv/2009/06/09/html5-%E3%80%8Cweb-workers%E3%80%8D%E3%81%A7%E3%83%9E%E3%83%AB%E3%83%81%E3%82%B9%E3%83%AC%E3%83%83%E3%83%89%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0/

古記事。

CSS3

Thoughts on upcoming CSS parent selector (RedTeamDesign)

http://www.red-team-design.com/css-parent-selector

CCS4で導入される親要素のセレクタ。$E > F や E! > F のように記述するらしい (英語)

CSS3でアニメーション／その１ (スマホ×HTML5 Web＆ハイブリッドアプリ開発者ブログ)

http://html5dev.jp/?p=228

たった3つのCSS3プロパティでTag Cloudをオシャレにする方法 (TM Life)

http://tmlife.net/web/css3/css3-tag-cloud.html

サイトやブログに3Dボタン表示してみよー！ (actyway)

http://actyway.com/6733

CSS 3D cube with touch gestures, click and drag (Paul Hayes)

http://www.paulrhayes.com/experiments/cube-3d/touch.html

http://www.paulrhayes.com/2010-09/3d-css-cube-ii-touch-gestures-click-and-drag/

https://github.com/fofr/paulrhayes.com-experiments/

CSS3 3Dで作られたドラッグ＆ドロップで回転できる立方体 (英語)

Zoom In CSS3 Dialogue Pop Up Boxes (InsertHTML)

http://inserthtml.com/demo/pop-in-dialogue/

http://www.inserthtml.com/2012/05/zoom-dialogue-pop-boxes/

CSS3で作る吹き出し風のアニメーションするボックス (英語)

電子書籍

偶然にも同じ日：OverDriveとInkling、それぞれHTML5ベースの電子書籍ビューワを発表 (ITmedia)

http://ebook.itmedia.co.jp/ebook/articles/1205/31/news050.html

http://www.overdrive.com/

https://www.inkling.com/

大学教科書を対話型eブックで提供するInklingがiPadオンリーからWebへ飛躍 (TechCrunch)

http://jp.techcrunch.com/archives/20120530inkling-for-web-html5-ipad-launch/

https://www.inkling.com/

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