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

ニュース

「Hybridcast」「HTML5ブラウザ機能を搭載」

米アップル参入で変わる電子教科書事情 - 情総研レポート (ITpro)

http://itpro.nikkeibp.co.jp/article/COLUMN/20120508/395121/

「各社、HTML5ベースのWebアプリなどマルチデバイス対応を進めている」

[ESEC] QNX、HTML5を用いた車載機器向けソフトを展示 (Tech-On)

http://techon.nikkeibp.co.jp/article/NEWS/20120510/217276/

http://monoist.atmarkit.co.jp/mn/articles/1205/16/news091.html

Fireworks CS6体験版を使って驚いてしまった強化点 (Webデザインのタネ)

http://oshare.jugem.cc/?eid=775

イベント・セミナー

[HTML5xスマホ] ハイブリッド＆Webアプリ開発セミナー - 変化する世界観と開発手法 (ATND)

http://atnd.org/events/28864

http://atnd.org/events/28865

2012/5/23(水) 18:00-20:00 or 2012/5/26(土) 10:00-12:00、Samurai Startup island (品川区東品川)、会費 1,000円

サイト・アプリ

NCombinator - a different kind of combinator

http://ncombinator.com/

最近流行りのページ遷移なくスクロールでコンテンツ＆背景画像を変化させてるサイト (英語)

ボカスカRPG

http://tele.6.ql.bz/yokos/rpg.php

http://f-game.jp/html/modules/Plugg/index.php?q=%2Fxigg%2F1073

HTML5 canvasで作られた横スクロールRPGゲーム。

ツール

Timeline Portfolio (Tutorialzine)

http://demo.tutorialzine.com/2012/04/timeline-portfolio/

http://tutorialzine.com/2012/04/timeline-portfolio/

CSS3+jQueryで画面下部に横向きのタイムラインを表示、クリックで画面上部が該当箇所にスクロール。カッコいい (英語)

lake.js

http://alligator.github.com/lake.js/

https://github.com/Alligator/lake.js

http://creativejs.com/2012/04/lake-js/

HTML5 canvasで作られた、水面の反射の揺らぎを実現するjQueryプラグイン (英語)

スライドを縦横斜めのダイナミックなスクロールで表示するスクリプト「Ascensor.js」 (コリス)

http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-ascensor.html

http://kirkas.ch/ascensor/

TIPS

HTML5を使ってセマンティックなWebサイトを作ろうの一覧第3回 GooglePlay、YouTubeも導入しているマイクロデータschema.orgとは？ (Think IT)

http://thinkit.co.jp/story/2012/05/09/3539

ちょっとした工夫。ブラシ風入力にするだけでここまでスムーズな絵が描ける「HTML5 Canvas Brush Sketch」 (MOONGIFT)

http://www.moongift.jp/2012/03/20120331-2/

http://www.tricedesigns.com/?p=1212

https://github.com/triceam/HTML5-Canvas-Brush-Sketch

HTML5 Canvasの基本 (Web/DBプログラミング徹底解説)

http://keicode.com/script/html5-canvas-1.php

iOS5.1 Safari、touchmoveのtarget (html5j.org | Googleグループ)

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

CSS3

[CSS3] HSL色空間による色指定のすゝめ (アシアルブログ)

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

CSS3で縞模様にさせるジェネレータみたいなの作ってみた (@thorikiriのてょりっき)

http://d.hatena.ne.jp/t-horikiri/20120510/1336622839

http://www.horihavalabo.jp/cssgen/#stripe

テキストをCSSアニメーションさせてクールに演出させる「Rotating Words with CSS Animations」 (ぱんにゃっと／H&Y)

http://pannyatto.firebird.jp/archives/557

http://pannyatto.firebird.jp/sample/CSS3RotatingWords_sample.html

http://pannyatto.firebird.jp/sample/CSS3RotatingWords_sample2.html

Easily checking in JavaScript if a CSS media query has been executed (Bricss)

http://bricss.net/post/22198838298/easily-checking-in-javascript-if-a-css-media-query-has

JavaScriptで端末の表示サイズ確認をCSS3 Media Queriesも使って簡単に (英語)

SVG

HTML5とあわせて知りたい周辺技術第4回ベクター形式のグラフィックを扱うSVGの基本 (Think IT)

http://thinkit.co.jp/story/2012/05/10/3529

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