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

ニュース

HTML5関連ではSPDYが有効に、CSS3関連ではcolumn-fillと3Dのangle単位に対応など。

「Googleマップ 8ビット」開発の舞台裏 (Google Japan Developer Relations Blog)

http://googledevjp.blogspot.jp/2012/06/google-8.html

グーグルのエイプリルフール、ドラクエ風Google Mapsの舞台裏の紹介記事。

HTML5とかtopi (9) Metro版のIE10がFlash Playerに一部対応 (＠IT)

http://www.atmarkit.co.jp/fwcr/design/ux/html5toka09/01.html

イベント・セミナー

Interop Tokyo 2012 - W3C CEOによるThe Open Web Platform / HTML5アプリとネイティブアプリの融合 / HTML5が与えるマルチスクリーンメディアへ

http://www.interop.jp/2012/theme/other_theme.html#html5

2012/6/12-15、幕張メッセ

第4回 SmartHacks - スマートフォンブラウザ技術勉強会 - スマートフォン上で動くhtml5+CSS3+Javascriptについてhackathon形式で学びます (ATND)

http://atnd.org/events/29681

2012/6/28(木) 19:30、HatchUp (渋谷区千駄ヶ谷)、無料。

サイト・アプリ

Boom Town - One HTML5 Code Base to 1.5 Billion+ Devices

http://www.appmobi.com/?q=node/273

http://dothtml5.com/archives/20101021_appmobi.html

http://dothtml5.com/archives/20120118_jqmobi.html

appMobiやjqMobieの会社から、HTML5ベースのクロスプラットフォームのパズルゲーム (英語)

「絵や文字と同じようにウェブを描こう」コーディング知識不要のScroll Kit (TechCrunch)

http://jp.techcrunch.com/archives/20120605dont-know-how-to-code-use-scroll-kit-to-build-your-next-website/

http://www.scrollkit.com/

HTML5ゲームをたくさん集めました！ (KAYAC DESIGNER'S BLOG)

http://design.kayac.com/topics/2012/06/html5games.php

数式をツイートするWebアプリを試作してみました (catatsuy)

http://blog.catatsuy.org/a/147

https://matw.co/

http://blog.catatsuy.org/a/196

ツール

ベースライングリッド用に表示させる罫線を手軽に利用出来る「Basehold.it」 (かちびと)

http://kachibito.net/web-service/basehold-it.html

http://basehold.it/

https://github.com/daneden/Basehold.it

グリッドに沿ってさまざまな要素を互い違いにスライドさせるスクリプト「Grid Slide」 (コリス)

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

http://jasuten.com/grid-slide-plugin/

美しいバランスを生み出す黄金比をウェブページのレイアウトに使ってみたい人に役立つ「The Golden Grid」 (コリス)

http://coliss.com/articles/build-websites/operation/design/freebies-the-golden-grid.html

http://www.thegoldengrid.com/

http://kachibito.net/web-design/the-golden-grid.html

カッコいいカバーフローを実現できるjQueryプラグイン「CoverScroll」 (phpspot開発日誌)

http://phpspot.org/blog/archives/2012/06/jquerycoverscro.html

http://slobodan.99k.org/plugins/coverscroll.html

HTML5製のダイナミックフォトブックアプリを書き出せるネイティブiPhoneアプリ「Mooklet」をリリース (@Press)

http://www.atpress.ne.jp/view/27806

http://mooklet.in/ja

http://news.mynavi.jp/news/2012/06/06/051/

http://techwave.jp/archives/51749017.html

http://bit.ly/KbrrSR

「iPhone、iPad向けのアニメーション付きフォトブックを誰でも5分で公開」

TIPS

囲まれた庭からの脱却を目指すアプリ開発第2回スマホアプリ開発にも役立つHTML5の8つの技術 (Think IT)

http://thinkit.co.jp/story/2012/06/05/3572

HTML5の味見しちゃうよ (2) Meteorでチャットアプリを作ってしまったよ (＠IT)

http://www.atmarkit.co.jp/fwcr/design/tool/ajimi02/01.html

ペンローズタイルの楔形20と凧形10を組み合せてプログラムする｜HTML5 (Hiroshi Ogawa)

http://wiredhiro.jp/blog/2012/06/05/%e3%83%9a%e3%83%b3%e3%83%ad%e3%83%bc%e3%82%ba%e3%82%bf%e3%82%a4%e3%83%ab%e3%81%ae%e6%a5%94%e5%bd%a220%e3%81%a8%e5%87%a7%e5%bd%a210%e3%82%92%e7%b5%84%e3%81%bf%e5%90%88%e3%81%9b%e3%81%a6%e3%83%97-2/

JSF 2の魅力 - HTML5複合コンポーネント (IBM developerWorks)

http://www.ibm.com/developerworks/jp/java/library/j-jsf2fu-1010/

http://www.ibm.com/developerworks/jp/java/library/j-jsf2fu-1110/

古記事。

CSS3

Fullscreen Slit Slider with jQuery and CSS3 (Codrops)

http://tympanus.net/Tutorials/FullscreenSlitSlider/

http://tympanus.net/codrops/2012/06/05/fullscreen-slit-slider-with-jquery-and-css3/

http://coliss.com/articles/build-websites/operation/work/tutorial-fullscreen-slit-slider-by-codrops.html

http://phpspot.org/blog/archives/2012/06/jquerycss3_7.html

画面の真ん中から割れるような画面切り替えエフェクト (英語)

CSS3 3D Transforms - The future of User experience? (Found)

http://www.found.co.uk/css3-3d-transforms-the-future-of-user-experience/

CSS3 3Dで作られた、マウスを載せると表裏がひっくり返るようなボタン (英語)

How to Resize Background Images with CSS3 (SitePoint)

http://www.sitepoint.com/css3-background-size-property/

http://blogs.sitepointstatic.com/examples/tech/background-size/index.html

CSS3による背景画像のサイズ指定 (英語)

Create a Drop Down Menu In Blogger (The MBT Lab)

http://zailab.blogspot.jp/

http://www.mybloggertricks.com/2011/07/create-drop-down-menu-in-blogger.html

CSS3で作られたナビゲーションメニュー幾つか。JS必要なのも必要ではないのも (英語)

9 superb css3 buttons which might keep java-script unused (Web developer juice)

http://www.webdeveloperjuice.com/2012/06/04/9-superb-css3-buttons-which-might-keep-java-script-unused/

http://papermashup.com/pretty-css3-buttons/

http://www.zurb.com/playground/radioactive-buttons

http://webdesignerwall.com/tutorials/css3-gradient-buttons

http://nicolasgallagher.com/lab/css3-github-buttons/

http://www.zurb.com/article/266/super-awesome-buttons-with-css3-and-rgba

CSS3だけで作られたボタン９種 (英語)

電子書籍

[HTML5 Dev] TRONの舞台裏 - HTML5による電子書籍サイト構築 (インターネットコム)

http://japan.internet.com/webtech/20120606/2.html

http://dothtml5.com/archives/20110606_tron.html

角川グループ、電子書籍をすべてEPUB3.0化へ - 電子書籍ビューワ開発に着手 (RBB TODAY)

http://www.rbbtoday.com/article/2012/06/06/90143.html

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