HTML5/CSS3のニュースやTIPSなどのまとめ (2012年5月21日) ニュース 炭坑の庭師 (steps to phantasien) http://steps.dodgson.org/b/2012/05/20/gardening-with-canaries/ ChromiumとWebKitのお話し。 Mobile World Congress 2012報告：HTML5によるクロス・プラットフォーム戦略に関心が集まる (KDDI総研) http://www.kddi-ri.jp/RA/rplist.html?category=report&id=1496 「女って髪型変えたときいちいち気づいて欲しいとか面倒くさいな」「お前だってCSSでフォントに1pxのシャドウを追加したとき気付いてくれたら嬉しいだろ！」 (@endoyuma) https://twitter.com/endoyuma/status/203682859922366464 イベント・セミナー [開催レポート] 第2回渋谷 HTML5+CSS3+JS de ゲーム勉強会 (Social Top Runners by HatchUp) http://bit.ly/JtV0IE http://dothtml5.com/archives/20120322_seminar_0516.html 5/16に行われた「第2回 HTML5+CSS3+JS de ゲーム勉強会」のレポート記事。 サイト・アプリ the new A-Class (Mercedes-Benz) http://a-class.mercedes-benz.com/com/en/ メルセデスの新Aクラスの予告サイトがHTML5で作られていて凄い。スクロールさせると背景動画も変わっていく。 ツール Almight AVG Engine - スマホ対応アドベンチャーゲームエンジン (EISYS) http://almight.jp/ http://www.4gamer.net/games/032/G003263/20120522016/ http://www.gpara.com/article/cms_show.php?c_id=30873&c_num=14 ライセンス不明。 Responsive Image Maps jQuery Plugin (Matt Stow) http://www.mattstow.com/experiment/responsive-image-maps/rwd-image-maps.html https://github.com/stowball/jQuery-rwdImageMaps http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-rwd-image-maps.html ウィンドウサイズに追従して画像サイズも変わり、イメージマップもきちんと追従するjQueryプラグイン。ライセンスはMIT (英語) 有名な５つのJavascriptフレームワーク (スマホxHTML5 Web＆ハイブリッドアプリ開発者ブログ) http://dev.web-app.jp/?p=200 TIPS HTML5の便利なTips100選 第1回 スマホアプリ開発にも便利な位置情報API - Geolocation API (Think IT) http://thinkit.co.jp/story/2012/05/18/3550 FlashCS6でHTMLを書きだしてみました (yama-log) http://info.yama-lab.com/?p=1522 Brackets Review (CreativeJS) http://creativejs.com/2012/05/brackets-review/ https://github.com/adobe/brackets アドビから公開されたブラウザで動作するHTML/CSS/JavaScriptエディタの試用レポート (英語) HTML5とSVG、MathML (mikeo_410) http://mikeo410.lv9.org/lumadcms/~webmarkuphtml5svgmathml CSS3とHTML5で実装具合の表示テスト - 2 透過・倍率編 (logical error) http://logicalerror.seesaa.net/article/270505800.html html5でドラッグ＆ドロップでローカルからテキストファイルをアップロード (Web.fla) http://the-zombis.sakura.ne.jp/wp/?p=1318 パノラマのFLASHとHTML5/CSS3対応が完了しました (panorama360 Diary) http://weblog.panorama360.jp/2012/05/flashhtml5css3-.html CSS3 Secret src (Adactio: Journal) http://adactio.com/journal/5474/ レスポンシブなimgのsrcset属性の提案。img src="large.png" srcset="medium.png 800w, small.png 600w" みたく書くらしい (英語) Edgeでつくってみよう css3アニメーション (mockup) http://kuri.nifty.com/cs/mock-report/detail/120503000043/1.htm タブやフォームなどのUIもレスポンシブWebデザインに対応させた960グリッドシステム搭載のCSSフレームワーク「Gumby Framework」 (かちびと) http://kachibito.net/web-design/gumby-framework.html http://www.gumbyframework.com/ text-shadowと::selection擬似要素 (Unformed Building) http://unformedbuilding.com/articles/text-shadow-and-selection-pseudo-element/ CSS3アニメーションをiPhone、Androidで動作させるための実装例 (Masato WATANABE) http://msto.jp/p/1/ CSS3について (Vadim Makeev) http://www.granshe.com/css3/slide01/ Operaの方のセミナーか何かの資料？ CSS3 属性セレクタ 活用方法 (web帳) http://www.webcyou.com/?p=3424 css@iPadで-webkit-transformの返り値のフォーマットについて (html5j.org | Googleグループ) https://groups.google.com/forum/?hl=ja%3D565379d7d422514b&fromgroups#!topic/html5-developers-jp/eQZ5ZiJ92Wg フォントサイズの指定はCSS3の「rem」が便利そう (HTML5 - CSS3 mag) http://html5-css3.jp/tips/css3-rem.html 古記事。 Free CSS3 Social Media Buttons (MediaLoot) http://medialoot.com/item/css-social-media-buttons/ http://abanies.com/css3/css-social-media-buttons.html CSS3で作られた各種ソーシャルサイトのアイコン。個人＆非商用ならフリーらしい (英語) （＊価格は掲載時のものです。購入時にご確認ください。） 次のクリップ：HTML5/CSS3のニュースやTIPSなどのまとめ (2012年5月22日) 前のクリップ：HTML5/CSS3のニュースやTIPSなどのまとめ (2012年5月20日)