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

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

ニュース

Adobe: Web standards match 80 percent of Flash features (CNET)

http://news.cnet.com/8301-1023_3-57464545-93/adobe-web-standards-match-80-percent-of-flash-features/

Flashの80%はHTML5で実現可能、とアドビの幹部が発言？ (英語)

Mozilla、HTML5ベースのモバイルOSの正式名を「Firefox OS」に (ITpro)

http://itpro.nikkeibp.co.jp/article/NEWS/20120703/407101/

http://internet.watch.impress.co.jp/docs/news/20120703_544346.html

http://ascii.jp/elem/000/000/706/706929/

http://japan.internet.com/allnet/20120703/2.html

http://jp.techcrunch.com/archives/20120702mozillas-boot-to-gecko-becomes-firefox-os-scores-support-from-sprint-deutsche-telekom-zte-and-more/

Boot to Gecko (B2G) の正式名称が「Firefox OS」に！

ジョブズの誇り：AppleがFlashとの戦いに勝つまで (TechCrunch)

http://jp.techcrunch.com/archives/20120630steve-jobs-war-against-flash/

iXVL PublisherがHTML5形式の出力に対応 (＠IT)

http://monoist.atmarkit.co.jp/mn/articles/1207/03/news047.html

イベント・セミナー

PhoneGap UserGroup 第一回勉強会 PhoneGap入門 (ATND)

http://atnd.org/events/30536

2012/8/2(木) 19:00-21:00、アドビ (品川区大崎)、無料

書籍

HTML5 Webアプリケーションプログラミング入門 - HTML5 as a Web development

http://www.amazon.co.jp/dp/4798034037?tag=dothtml5-22

http://www.shuwasystem.co.jp/products/7980html/3403.html

2,940円、出版社：秀和システム、著：掌田津耶乃

サイト・アプリ

Pneuservis Praha a autoservis Praha - HMR

http://hmrservis.cz/

チェコのクルマ屋さん？のサイトがHTML5で作られている。横のパララックスな作り。

縦にも横にも移動するダイナミックなNIKEのサイトが凄い!! (Html5 Collect)

http://jp.html5collect.net/%e7%b8%a6%e3%81%ab%e3%82%82%e6%a8%aa%e3%81%ab%e3%82%82%e7%a7%bb%e5%8b%95%e3%81%99%e3%82%8b%e3%83%80%e3%82%a4%e3%83%8a%e3%83%9f%e3%83%83%e3%82%af%e3%81%aanike%e3%81%ae%e3%82%b5%e3%82%a4%e3%83%88/

http://nike.jp/nikefree/

ツール

コンテンツ幅に対してテキストを最大にして美しくレイアウトできる「BigText」 (phpspot開発日誌)

http://phpspot.org/blog/archives/2012/07/bigtext.html

http://www.zachleat.com/web/bigtext-makes-text-big/

https://github.com/zachleat/BigText

TIPS

クリエイターのためのWebテク講座第3回 videoタグを使ったプレイリストの作成 (マイナビクリエイター)

http://creator.mynavi-agent.jp/jinzai/feature/webtech/0002.html

http://news.mynavi.jp/articles/2012/06/18/mc3/

CSS3 HTML5 Contact Form with No Images Example (Onextrapixel)

http://www.onextrapixel.com/examples/html5-css3-contact-form/

http://www.onextrapixel.com/2012/01/23/full-css3-html5-contact-form-with-no-images/

HTML5/CSS3で作られたコンタクトフォーム。古記事 (英語)

CSS3

Ligature Iconフォントセットの自作方法とWebFont (くらげだらけ)

http://d.hatena.ne.jp/kudakurage/20120701/1341116002

ゼロから始めるレスポンシブWebデザイン入門第5回 CSSでスマートフォンでも見やすくスタイリング (ASCII)

http://ascii.jp/elem/000/000/700/700095/

ol要素で利用出来るHTML5のreversed属性をjQueryでクロスブラウザ対応にする (かちびと)

http://kachibito.net/web-design/reversed-attribute-in-x-browser.html

http://www.w3schools.com/html5/att_ol_reversed.asp

https://forrst.com/posts/HTML5_ordered_list_reversed_attribute_in_non_w-x3d

属性セレクタを使ったちょっと面白いスタイルシートのテクニックのまとめ (コリス)

http://coliss.com/articles/build-websites/operation/css/amazing-powers-of-css-by-ilmari.html

http://updates.html5rocks.com/2012/06/The-amazing-powers-of-CSS

CSS属性セレクタ (jQueryのサンプルをメモするブログ)

http://kishiken.com/jq/cat-110/

CSS3のセレクタをjQueryで実現。

CSS Columns (David Walsh Blog)

http://davidwalsh.name/css-columns

http://davidwalsh.name/dw-content/css-columns.php

CCS3カラムのチュートリアル (英語)

電子書籍

イースト、ACCESSのNetFront BookReaderの開発ライセンスを取得し、多様な用途に向けたカスタマイズを開始 - EPUB 3を更に推進 (ValuePress!)

http://www.value-press.com/pressrelease/98455

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