Today's Question:  What does your personal desk look like?        GIVE A SHOUT

 HTML5

  Who Uses PhoneGap/Apache Cordova?

The HTML5 Microzone is presented by DZone and Microsoft to bring you the most interesting and relevant content on emerging web standards.  Experience all that the HTML5 Microzone has to offer on our homepage and check out the cutting edge web development tutorials on Script Junkie, Build My Pinned Site, and the HTML5 DevCenter. I see questions and comments all the time with the general sentiment “it looks nice, but who really uses PhoneGap/Apache Cordova?”. There is no way to have a finite list of everyone who uses it, but the general answer is ...

5,180 0       APACHE HTML5 APP PHONEGAP


  A New Experimental Feature: scoped stylesheets

Chromium recently implemented a new feature from HTML5: scoped stylesheets, aka. <style scoped>. A web author can limit style rules to only apply to a part of a page by setting the ‘scoped’ attribute on a <style> element that is the direct child of the root element of the subtree you want the styles to be applied to. This limits the styles to affect just the element that is the parent of the <style> element and all of its descendants. Example Here’s a simple document that uses standard styling:<html><body> <div>a div! <span>a span!...

2,295 0       HTML5 STYLE DRAW USE CASE


  HTML5 photo taking and uploading app implementation

Underthe support of HTML5 standard, Building Web App to take photos is now possible.I will elaborate on how to take photos using Web App, display them on the pageand upload them to the server.1.     VideostreamHTML5 TheMedia Capture API provides the programmable  access to video camera on phones, users canuse the getUserMedia() method to get the video stream provided by video camera.What we need to do is to add a HTML <video> tag and make the videostream from the video camera as the input to the <video> tag.  (Please note currently only Chrome and...

24,126 1       HTML5 IMPLEMENTATION PHOTO TAKING MEDIA CAPTURE API


  A JS1K competition demo for 2012

JS1K is a website which hosts some competitions to attract geeks from the world to create  JS apps which are less than 1K (1024 bytes). The object of this competition is to create a cool JavaScript "application" no larger than 1k. Starting out as a joke, the first version ended with a serious amount of submissions, prizes and quality.Recently, I revised a previous project of mine and compressed it to 1018 bytes and submitted it. It is an analog clock. The code is shown below:w=c.width;h=c.height;x=w/2;y=h/2;r=60;o=window;function D(){M=Math;p=M.PI;W="#FFF";n=new Date();h=n.getHours()%12;m...

4,223 0       HTML5 COMPETITION JS1K ANALOG CLOCK LOVE


  â€œNative vs Web” Is Total Bullshit

The web is dead. HTML5 is the be-all end-all of the future. Users are spending more time on apps and less time on the web. You can do anything on the web that you can in a native app. Yawn. Here’s how I feel whenever I hear/read anything about the overplayed “Native Versus Web” argument:It’s not an either-or decisionWhy aren’t we still arguing over “Print vs Digital”? Well, because (most) people understand that each medium has its place in this world, and as it turns out, they can compliment each other quite nicely. Direct mail, magazine ads, et a...

6,090 2       WEB APP NATIVE APP COMPARISON


  HTML5 Video and DRM

Many people call HTML5 an Adobe Flash replacement and I agree. Adobe already discontinued Flash on mobile devices. So HTML5 Video is a must for video on mobile phones and tablets. On the desktop Flash Video players are used more than HTML5 Video players but HTML5 video will work with a current web browser on a site that supports HTML5 video. Commercial video sites like YouTube will play partnered content in Flash even if you turned on HTML5 video at http://www.youtube.com/html5. I assume the reason for this is HTML5 video doesn’t really support DRM. The HTML5 v...

5,564 0       HTML5 VIDEO FLASH DRM COMPARISON


  Diving Deeper into HTML5 Offline Browsing

Recently, I published an article on one of the new features in HTML 5 called Offline Browsing  in HTML5 with ApplicationCache.The response to that article was good, and I was asked to expand on some further points including:how to decide on what files to cachethe implications of caching those filesdebugging the ApplicationCacheSo, that’s where this article will start: where the last one finished.  If you haven’t, you should probably read the previous article before this one.Let’s dive into what resources you and should not add to the ApplicationCache.What Should ...

2,622 0       HTML5 FEATURE OFFLINE BROWSING NEW BREAKTHROUGH


  HTML5 History of 20th Century Music

We've seen some neat interactive HTML5 infographics before -- but the periodic table, for example, doesn't really care that much about time.Visual representation of time introduces numerous complications. Traditional ways of representing time visually were, roughly speaking, translations of dimension-type, from temporal to spatial; the mapping selected would depend on what kind of temporal relation was meaningful for the particular application. For example, circles represent cyclical behavior; lines represent development; trees represent evolutionary history; and so forth. New media change the...

8,923 0       JAVASCRIPT HTML5 MUSIC TIMELINE