いま、Html5でできること

HTML5 2011.4.3 Untitled!!!!!!!!HTML5-WEST.jp

@bathtimeﬁshWeb IT /Web /HTML5-WEST.jp / GTUG / CSS Nite in OSAKA / OSC Kansai / IT HTML5-WEST.jpHTML5 JavaScript Python Google Apps http://html5-west.jp/

• 1• HTML5 (AudioElement) + jQuery Mobile• Open JTalk•

AudioElement<audio controls src=”audios/a01.mp3”></audio>

jQuery Mobile

/ <div style="text-align:center" class="reader"> <p> 1 </span></p> <audio controls id="a01" src="audios/a01.mp3"></audio> <a href="#" id="c01" class="txtbtn"> </a> <div id="t01" style="display:none;text-align:left;padding:3px;"> ... </div> </div>

$("#c01").toggle( function () { $("#t01").css("display","block"); $(this).text(" "); }, function () { $("#t01").css("display","none"); $(this).text(" "); });

Audacity mp3

jQuery Mobile• iPhone, Android, WinPhone, BlackBerry• non JavaScript, non CSS• HTML UI

Android• Android Web• Opera for Android, Firefox for Android

mobile safari ...

Firefox for Android

jQuery Mobile +CSS MediaQuery

• jQuery Mobile HTML5• CSS3 PC• HTML5 + CSS3 + WebFw WEB

Thanks.

http://mj89sp3sau2k7lj1eg3k40hkeppguj6j-a-sites-opensocial.googleusercontent.com	120
http://www.slideshare.net	2
url_unknown	1
http://twitter.com	1

いま、Html5でできること

by Masakazu Muraoka on Apr 07, 2011

Accessibility

Categories

Tags

Upload Details

Usage Rights

4 Embeds 124

Statistics

いま、Html5でできること — Presentation Transcript