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

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

ニュース

Mozilla Firefox 17が正式リリース

http://www.mozilla.jp/firefox/#v17

http://www.mozilla.jp/firefox/17.0/releasenotes/

https://dev.mozilla.jp/2012/10/firefox-17-site-compatibility/

https://dev.mozilla.jp/2012/11/firefox-17-addon-compatibility/

http://www.itmedia.co.jp/news/articles/1211/21/news033.html

http://internet.watch.impress.co.jp/docs/news/20121121_574412.html

http://www.forest.impress.co.jp/docs/news/20121121_574438.html

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

http://sourceforge.jp/magazine/12/11/20/2320202

http://scan.netsecurity.ne.jp/article/2012/11/22/30492.html

http://gigazine.net/news/20121121-firefox-17/

http://news.mynavi.jp/articles/2012/11/21/ff17/

http://www.forest.impress.co.jp/docs/news/20121121_574476.html

http://japan.cnet.com/mobile/35024644/

http://internet.watch.impress.co.jp/docs/news/20121120_574148.html

HTML5/CSS3関連で特に大きなアップデートは無いっぽい。

HTML5に注目、変遷してきたERPクライアント技術の今後とは (TechTarget)

http://techtarget.itmedia.co.jp/tt/news/1211/02/news01.html

イベント・セミナー

Chrome+HTML5 Developers Live Japan #0 - パララックスでレスポンシブでjQuery Mobileなサイトのつくりかた (YouTube)

https://www.youtube.com/watch?v=dsbx5V240Ck&feature=player_embedded

https://plus.google.com/107085977904914121234/posts/a5h9BrgrCMU

グーグルの北村さんとhtml5j.orgでお馴染みの白石さんによるライブストリーミングのアーカイブ。

ツール

Introducing Wikipedia’s new HTML5 video player (Wikimedia blog)

http://blog.wikimedia.org/2012/11/08/introducing-wikipedias-new-html5-video-player/

ウィキペディアに導入されたHTML5 videoプレイヤーについて (英語)

TIPS

「Network Service Discovery API ができました！」と言われた時 (SlideShare)

http://www.slideshare.net/ourmaninjapan/network-service-discovery-api#btnNext

UPnPにアクセスできるAPI。ブラウザから家電をコントロールできる？Operaのダニエルさんのスライド。

ブラウザのスクロールバーのデザインを変更するTips。webkit系は:-webkit-scrollbarなんて疑似セレクタがあってCSSで変更できるんですねー (高橋のり | Google+)

https://plus.google.com/116578177130489958038/posts/B2Td8R3xuaq

http://webdesigntutsplus.s3.amazonaws.com/tuts/404_toolbar/demo/Untitled.html

http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/quick-tip-styling-scrollbars-to-match-your-ui-design/

「Quick Tip: Styling Scrollbars to Match Your UI Design (Webdesigntuts+) 」

HTML5による2Dゲームの開発：グラフィックスとアニメーション (IBM developerWorks)

http://www.ibm.com/developerworks/jp/java/library/j-html5-game2/

HTML5でルビ付き表示を行う方法 - FirefoxとChromeのルビの扱い (結城浩のはてな日記)

http://d.hatena.ne.jp/hyuki/20121102/ruby

CSS3

CSSrefresh - automatically refresh CSS files

http://cssrefresh.frebsite.nl/

http://www.sitepoint.com/cssrefresh-instant-css-testing/

http://phpspot.org/blog/archives/2012/11/csscsscssrefles.html

http://kachibito.net/useful-resource/cssrefresh

F5せずにCSSのみを再読みさせるツール。JSとCSSを組み込んでBookmarkletで実行するらしい (英語)

細部までこだわるためのCSS3フォームデザインパーツチートシート「CSS3 Form Styling Cheat Sheet」 | DesignDevelop

http://design-develop.net/web-design/css3-form-styling-cheat-sheet.html

http://code.tiffbits.com/css3-form-styling-cheat-sheet/#Button

http://coliss.com/articles/build-websites/operation/css/css3-form-styling-cheat-sheet.html

「CSS3 Form Styling Cheat Sheet (Tiffbits) 」

くるっとして、ゆらゆらしてぴたっと止まる素敵アニメーションを備えたメニュー「CSS Swinging Panel Menu」 (コリス)

http://coliss.com/articles/build-websites/operation/css/css-swinging-panel-menu-by-codepen.html

http://codepen.io/sethabbott/full/cewzF

「CSS Swinging Panel Menu (CodePen) 」

JavaScriptなしで地域ごとに色が変わる日本地図を作る (Stocker)

http://stocker.jp/diary/japan-map-css/

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