HTML5/CSS3のニュースやTIPSなどのまとめ (2012年7月9日) ニュース BitTorrent Torqueアルファ版公開、JSでBitTorrentをウェブアプリ化 (engadget) http://japanese.engadget.com/2012/07/07/bittorrent-torque-js-bittorrent/ http://internet.watch.impress.co.jp/docs/news/20120709_545844.html P2Pをブラウザベースで?? Chromeをデスクトップからスマートフォンまで全てに広げるGoogleの戦略 (PC Watch) http://pc.watch.impress.co.jp/docs/column/kaigai/20120706_545327.html ツール Recline.js - Recline Data Explorer and Library http://reclinejs.com/ https://github.com/okfn/recline/ http://blog.okfn.org/2012/07/05/announcing-recline-js-a-javascript-library-for-building-data-applications-in-the-browser/ http://phpspot.org/blog/archives/2012/08/reclinejs.html データ処理に適したJavaScriptライブラリ。表、グラフ、タイムライン、地図など。ライセンスはMIT (英語) jQuery Mobileの必要なモジュールだけを選んでカスタマイズできる「Download Builder」、α版が公開 (Publickey) http://www.publickey1.jp/blog/12/jquery_mobiledownload_builder.html http://jquerymobile.com/download-builder/ HTML5でコーディングするときに役立つ10のオンラインツール (DesignDevelop) http://design-develop.net/web-design/html5.html http://www.catswhocode.com/blog/10-online-tools-to-simplify-html5-coding Introducing Nettuts+ Fetch (Nettuts+) http://net.tutsplus.com/articles/news/introducing-nettuts-fetch/ Sublime Textというテキストエディタで、HTML5やjQueryなどを便利にする機能拡張プラグイン (英語) TIPS Happy 1st Birthday us (HTML5 Doctor) http://html5doctor.com/happy-1st-birthday-us/ sectionなどのアウトライン関連タグのフローチャート図。古記事 (英語) What Marketers Need To Know About HTML5 (Co.Create) http://www.fastcocreate.com/1681076/what-marketers-need-to-know-about-html5 HTML5のインフォグラフィック (英語) HTML5の新要素 sectionとarticle (WebCreator Note) http://www.webcreatornote.com/2011/11/%E3%80%8Chtml5%E3%80%8D%E3%81%AE%E6%96%B0%E8%A6%81%E7%B4%A0-%E3%80%8Esection%E3%80%8F%E3%81%A8%E3%80%8Earticle%E3%80%8F/ 古記事。 CSS3 Magnifying glass for image zoom using Jquery and CSS3 (TheCodePlayer) http://thecodeplayer.com/walkthrough/magnifying-glass-for-images-using-jquery-and-css3 CSS3+jQueryで虫メガネ風のズーム効果 (英語) Using CSS Sprites to optimize your website for Retina Displays (miekd) http://miekd.com/articles/using-css-sprites-to-optimize-your-website-for-retina-displays/ http://coliss.com/articles/build-websites/operation/css/css-sprites-for-retina-displays-by-miekd.html Retina対応のCSSスプライトのチュートリアル (英語) クリエイターのためのWebテク講座 第5回 CSS3のアニメーション効果 CSS3のtransitionプロパティを使ってみよう http://creator.mynavi-agent.jp/jinzai/feature/webtech/0004.html http://news.mynavi.jp/articles/2012/07/02/mc5/ 必読!5分でわかる流行のレスポンシブWebデザインまとめ (LIG) http://liginc.co.jp/designer/archives/6154 Multiple Background Images using CSS3 (CSSJockey) http://www.cssjockey.com/web-design-tutorials/multiple-background-images-using-css3 http://www.cssjockey.com/web-design-tutorials/multiple-background-images-using-css3/attachment/multiple-background CSS3の複数の背景画像のチュートリアル (英語) SVG 時代は完全に透明なSVGをbase64せずにData URIで仕込んでspacer.gifの代わりにするのが流行り (@hail2u_) https://twitter.com/hail2u_/status/221177625744379904 (*価格は掲載時のものです。購入時にご確認ください。) 次のクリップ:HTML5/CSS3のニュースやTIPSなどのまとめ (2012年7月10日) 前のクリップ:HTML5/CSS3のニュースやTIPSなどのまとめ (2012年7月8日)