Group items tagged

WebM is an open, royalty-free, media file format designed for the web. Dedicated to developing a high-quality, open video format for the web that is freely available to everyone. A key factor in the web's success is that its core technologies such as HTML, HTTP, and TCP/IP are open and freely implementable. WebM was built for the web. By testing hundreds of thousands of videos with widely varying characteristics, we found that the VP8 video codec delivers high-quality video while efficiently adapting to varying processing and bandwidth conditions across a broad range of devices. VP8's highly efficient bandwidth usage and lower storage requirements can help publishers recognize immediate cost savings. Also, the relative simplicity of VP8 makes it easy to integrate into existing environments and requires comparatively little manual tuning in the encoder to produce high-quality results. There are free and commercial tools available for creating and publishing content in the WebM format.

"We, at W3C, believe that having a video codec which is compatible with our Royalty-Free policy would be a great step forward, but we remain skeptical about the likelihood of such a thing happening. In the meantime, the HTML5 specification provides a nice fallback mechanism."

The very recent announcements from Microsoft ("The Future of the Web is HTML5"), Apple ("We are betting big on HTML5") and Google ("New open standards created in the mobile era, such as HTML5, will win on mobile devices (and PCs too)") prove that, while HTML5 is still a work in progress, W3C is increasing implementation experience and building community support. W3C organized an HTML5 camp in the W3C track @ WWW2010. We started with a contextual presentation about HTML5 and a whole range of other W3C technologies which contribute to the ever-expanding Web platform (including CSS3, SVG, and Canvas). Cool slides demonstrated what can already be achieved in most browsers these days. In particular, do not miss the "Rough View of the Future", the funny "Memory Game", the "XHTML5/SVG Video Player", and "Beyond HTML5". To reinforce how simple and easy it is to use Web standards, Philippe Le Hégaret did a live coding session of a SVG/HTML5 video player. Philippe pointed out that, while a lot of work remains on the HTML5 specification inside the HTML Working Group, things are moving forward. Doug Schepers also drew "wow!" and "ahhh!" with his presentation on The Graphical Web, where he demonstrated the features and differences of SVG and Canvas. These graphics technologies complement each other well, and both technologies are enjoying broad support across browsers. HTML5 is getting a lot of coverage nowadays and it's certainly an exciting time to work in Web standards. We look forward to providing even cooler demos in the months and years ahead!

Current HTML5 Demos Our most recent demo is a sample company home page written using HTML5's features. We also have some examples from a Google tech talk showing some HTML5 demos written on the fly. Some of the demos, as well as the video from the talk, are available online. Older demos These demos were created to show some of the features of Web Forms 2. Not all these features were kept, but the demos remain for those looking at the history of HTML5. Repetition model A simple demonstration of the repetition model of Web Forms 2.0 Prefilling the repetition model A simple demonstration of the form prefilling features of the repetition model of Web Forms 2.0 The "datetime" type A simple demonstration of the datetime input type of Web Forms 2.0 Controls belonging to multiple forms A simple demonstration of the form attribute in Web Forms 2.0

Even though Fullsize is not currently in the next HTML spec (yet :), you can still get Fullsize for FREE! I created a jQuery Plug-In that does just what is described above and what you see in the video below. Since there is no fullsize attribute for the tag yet, I am using the longdesc attribute instead. longdesc is a completely valid image attribute and is meant to contain a URL to a description of the image. The Fullsize jQuery plug-in is super easy to use, and provides a kick start to standardizing the way image pop-ups look and work.

Take a walk through the woods and learn about all things HTML5. Starting with the JS APIS (selector API, storage, appcache, web workers, web sockets, notifications, drag and drop, and geolocation). Then delve into the new HTML semantic tags, link relations, micro data, ARIA, forms, audio and video, Canvas, and WebGL. Finally, the holy trinity finishes with CSS and selectors, fonts, text, columns, stroking, opacity, HSL, rounded corners, gradients, shadows, backgrounds, transitions, transforms, and animations.

Plenty of useful things for any newbie in webcasting, links to Java software

HyperDither is an OS X image processing utility that converts color or grayscale images to 1 bit black & white using a sophisticated dithering routine. Way back in the early days of Macintosh, Bill Atkinson (of HyperCard, QuickDraw, MacPaint & nature photography fame) developed a very elegant dithering filter to convert greyscale image data to the 1 bit black & white Mac video display. The dithering produced by this routine was much higher quality than the now-a-days ubiquitous Floyd-Steinberg or "Error-diffusion" filter (used by QuickTime, PhotoShop).

The dither matrix was implemented an option in Apple's HyperScan software (A HyperCard stack with some XCMDs/XFCNs) that would connect to a flatbed scanner. HyperScan, and hence the most-excellent Atkinson dithering routine, has been unavailable for many, many years-but not forgotten! I was able to email Bill Atkinson in January, 2003 and inquire about the details of the algorithm; he was kind enough to respond with a brief write up of the routine-15 minutes later I had it up and running.
It's taken a few spare afternoons since 2003 to pack everything into a nice little application with documentation and an icon-better late than never!