Dive Into HTML5. HTML5 Watch. #Portal for mobile/desktop browsers Full WriteupKeyboard Controls: It’s AWSD or arrow keys for movement and mouse button and mouse movement for the portal gun. On mobile, it’s hold down your finger to run toward your finger and hold down above you to jump, tap to aim and fire the portal gun, and second finger (multi-touch) to move the portal gun without firing (like to maneuver a held box). #CSS Tilt We’re not quite at the stage where we can fly through the Internet in 3D à la Johnny Mnemonic, diving between skyscrapers of data and along streets of shimmering bytes. Full Writeup.
WebOS HTML5 Database Storage Tutorial. WebOS skill level: BeginnerTechnologies covered: HTML5, SQL, JavascriptPrerequisite knowledge: Intermediate-level HTML, CSS, and Javascript With the release of Chapter 1 of Palm webOS by O'Reilly, Palm has confirmed that local storage will indeed be handled by HTML5's new local storage functionality. If you haven't been able to find any tutorials on HTML5's storage capability, you're not alone.
After looking around, we realized that the HTML5 spec is still at such an early revision that there are few resources out there that describe how it should be used. But with a little digging, we found this excellent little HTML5 database application over at webkit.org. We eagerly grabbed the source code, deconstructed it, and we're proud to bring you the first webOS / HTML5 database storage tutorial! Let's start from the top, shall we? First of all, if you haven't seen the application yet, try it out here. <! Right off the bat we find a new HTML5 attribute in the html tag. HTML 5 SQL Storage Notes Demo. When can I use... # CSS inline-block - Recommendation Method of displaying an element as a block while flowing it with text. Only supported in IE6 and IE7 on elements with a display of "inline" by default. Alternative properties are available to provide complete cross-browser support.
No known issues # PNG alpha transparency - Recommendation Semi-transparent areas in PNG files IE6 does support full transparency in 8-bit PNGs, which can sometimes be an alternative to 24-bit PNGs. # CSS 2.1 selectors - Recommendation Allows more accurate element selecting, using >, +, [attr], :first-child, etc. # CSS3 Text-overflow - Working Draft Append ellipsis when text overflows its containing element # CSS min/max-width/height - Recommendation Method of setting a minimum or maximum width or height to an element.
IE7 does not support "inherit" as a value on any of these properties. . # CSS Table display - Recommendation Method of displaying elements as tables, rows, and cells # CSS Counters - Working Draft # querySelector/querySelectorAll. Video JS | HTML5 Video Player. Dylan Schiemann on Mobile Web application Development with HTML 5 and JavaScript. That's a big question - maybe we'll split it up. The first thing I would recommend is you need to decide if this is an application that can build on the web or not. You may still want to deploy it as application in stores for distribution, but is it something that's inherently a web application or is it like a 3D game?
Right now, 3D games and such need to be native. Even the work Palm has done is towards native APIs for games. Assuming we're talking about web applications, because that's my expertise, you are going to focus on these in web technologies, but there are a lot of things you want to do that may be native capabilities - camera access, GPS, local file system, contact information, etc. Because you don't want to have to learn Objective C and C and Java and Windows or whatever they are using on and on. From the Dojo Foundation perspective we're also working on a version of Dojo that is more optimal for mobile devices. HTML5 Demos and Examples. HTML 5 WebSocket 示例 - qqread.com. 转载请保留作者信息： 作者：88250 时间：2010 年 1 月 1 日 我们通过一个简单的例子来熟悉 HTML 5 WebSocket。 该例子服务端从 0 开始每秒递增一个整数并发送给客户端浏览器显示。 准备：下载 Jetty 7 ，Java Web 开发环境，Chrome 4+ 。 服务端 Java 代码： final public class CounterSocketServlet extends WebSocketServlet { @Override protected WebSocket doWebSocketConnect(final HttpServletRequest hsr, final String string) { return new CounterSocket(); final class CounterSocket implements WebSocket { private Outbound outbound; public void onConnect(final Outbound outbound) { System.out.println("onConnect"); this.outbound = outbound; public void onMessage(final byte frame, final String data) { System.out.println("onMessage"); if (data.equals("Hello, Server!
")) new Thread() { public void run() { try { outbound.sendMessage(frame, "Hello, browser :-)"); int i = 0; while (true) { sleep(1000); outbound.sendMessage(frame, String.valueOf(i++)); } catch (final Exception e) { System.err.println(e.getMessage()); }.start(); public void onMessage(final byte frame, final byte[] data, final int offset, final int length) { if (! 运行： 新技术新疑问 HTML 5将给开发者带来什么？_天极网. 【天极网开发频道 评论】在新的时代里，相信网页技术会伴随HTML 5的来临进入大洗牌的局面，HTML 5旨在解决Web中的交互，媒体，本地操作等问题，一些浏览器已经尝试支持HTML 5的一些功能，而开发者们有望最终从那些Web插件中得到解脱。 不过，需要指出的是，尽管一些重量级Web技术厂家，象Apple，Google，Mozilla基金会，Vimeo，YouTube已经开始支持这个新标准。
但W3C表示，HTML 5前面的路还很长，它的一些细则目前还存在争议，主流的Web在转至HTML 5之前还要经过很长的时间。 而开发者们也不得不面临两难的境地，就是如何使用现在的技术设计出富Web应用，同时又为今后的HTML 5做好准备。 富Web的现代HTML 富Web应用和HTML之间并不般配，Web之父TimBerners-Lee这样看待HTML，它是一种用来创建平台独立的超文本文档的标记语言，随着XHTML的诞生，W3C也将网页视为文档。 这样那些视Web为应用平台的开发者十分恼火，2004年，Apple，Mozilla基金会和Opera成立了一个超文本应用技术工作组(WHATWG)，寻求创建一个W3C之外的标准组织，以打造一个更适合应用的Web。 2007年，他们的XHTML2陷入永无止境的纷争之中。 HTML 5:标签的改变 HTML 5吸取了XHTML2的一些建议，包括一些用来改善文档结构的功能，比如，新的HTML标签header,footer,dialog,aside,fugure等的使用，将使内容创作者更加语义地创建文档，之前的开发者在这些场合是一律使用div的。 HTML 5还包含了一些将内容和展示分离的努力，开发者们也许会惊讶，b和i标签依然存在，但它们的意义已经和之前有所不同，这些标签的意义只是为了将一段文字标识出来，而不是为了为它们设置粗体或斜体式样。 新标准适用了一些全新的表单输入对象，包括日期，URL，Email地址，其它的对象则增加了对非拉丁字符的支持。 实现基于标准的富Web Web开发者们更会为HTML 5的audio和ideo标签欢呼，这些标签让Web页面轻松实现媒体的嵌入，它们的编码标准是中立的，意味着浏览器厂商可以自己使用何种编码输出媒体，而它的video标签更将使那些不支持Flash的移动浏览器获益匪浅。
浏览器插件：还不至于死 早期采用者 欢迎在新浪微博上关注我们.