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

HTML5/CSS3のニュースやTIPSなどのまとめ (2013年2月16日)

ニュース

Ubuntuスマートフォンの発売は今年の10月 (TechCrunch)

http://jp.techcrunch.com/archives/20130206the-first-ubuntu-smartphones-will-debut-in-october/

イベント・セミナー

京都まゆまろ杯第1回スマホアプリコンテスト

http://cts-1.sakura.ne.jp/client/mayumaro/

優勝賞金100万円。

サイト・アプリ

HTML5を使ったクールなサイトデザイン集21 (phpspot開発日誌)

http://phpspot.org/blog/archives/2013/01/html5_22.html

http://webdesignledger.com/inspiration/21-fresh-examples-of-websites-using-html5

「21 Fresh Examples of Websites Using HTML5 (Inspiration) 」

ツール

ZinoUI - jQuery UI components library, HTML5 framework

http://zinoui.com/

http://zinoui.com/license

http://phpspot.org/blog/archives/2013/03/jqueryuizinoui.html

jQueryを使ったUIフレームワーク。コンポーネントたくさん。非商用であれば無償っぽい (英語)

使い勝手のよさそうなHTML5+CSS3フレームワーク「Workless」 (コメンター)

http://cmmntr.com/t/07c1c1b0294a36a5581fa5b228d0138b

http://workless.ikreativ.com/

https://github.com/iKreativ/Workless

http://kachibito.net/web-design/workless.html

「フォームやボタンのスタイルやWebフォントアイコン、ツールチップなどのよく使うjQueryプラグインがセットに」

タッチデバイスにも対応したシンプルなLightboxを実装するjQueryプラグイン「Swipebox」 (かちびと)

http://kachibito.net/web-design/swipebox.html

http://brutaldesign.github.com/swipebox/

https://github.com/brutaldesign/swipebox

http://phpspot.org/blog/archives/2013/02/lightboxjquerys.html

画像を使用しないで、背景などにストライプ柄を手軽に適用できるスクリプト「jQuery Stripes」 (コリス)

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

https://github.com/gunderson/jquery.stripes

TIPS

Creating an HTML5 Responsive-Ready Contact Form with JavaScript Detection (Onextrapixel)

http://www.onextrapixel.com/2013/01/18/creating-an-html5-responsive-ready-contact-form-with-javascript-detection/

HTML5+JavaScriptでスマホにも対応したレスポンシブなフォームを作るチュートリアル (英語)

アクセシビリティに配慮した代替テキストの話 (すちゃらかコーダー)

http://code.kzakza.com/2013/01/accessible_alt_txt/

CSS3

jQueryとCSS3を使ったアコーディオンメニューを詳しく説明します (Webpark)

http://weboook.blog22.fc2.com/blog-entry-347.html

CSS3 tips : RGBAを指定してシースルー効果 (武者がえし | Kumamoto Music Press)

http://amadeusrecord.net/archives/177

SVG

D3.js 鶴舞う形の群馬県をSVGで描いてみる (GUNMA GIS GEEK)

http://shimz.me/blog/d3-js/2351

http://shimz.me/example/d3js/geo2/topo.html

D3.jsと国土交通省が公開してるデータを利用して群馬県を描くチュートリアル。

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