Tuesday, September 14th, 2010
Via Mr. Doob comes a cool canvas demo called “Or so they say…” he created. What’s interesting about this demo is it uses HTML5 Audio and Canvas, including Mr. Doob’s Three.js library and sequencer that he also used on The Wilderness Downtown project. Three.js is similar to Papervision3D in the Flash world, allowing you to Read the rest…
Monday, September 13th, 2010
Category: Web Ninja Interview
Today kicks off a new series focused on interviewing people doing amazing work on the web using JavaScript, CSS, HTML, SVG, WebGL, or any of the other new-fangled Three-Letter Acronyms coming out. We call these people Web Ninjas. Our kickoff blog post for the Web Ninja Interviews is Erik Arvidsson, one of the original Obi Read the rest…
I’ve been doing alot of experimenting with HTML5/CSS3 on the iPhone doing animation, and I’ve been surprised with the low frame rate of animating through Canvas or SVG. If you are trying to do animation, especially 3D, on the iPhone it seems like the name of the game is to it through the GPU, and Read the rest…
Sunday, September 12th, 2010
Exciting news from Adobe; they’ve announced a new HTML5 Pack on Adobe Labs with support for HTML5, CSS3, and SVG: Adobe is pleased to announce the availability of the Adobe® Illustrator® CS5 HTML5 Pack. This add-on for Illustrator CS5 15.0.1 provides initial support for HTML5 and CSS3, extends SVG capability in Illustrator CS5, and helps Read the rest…
Friday, September 10th, 2010
Category: Canvas
Marco Lisci has written a tutorial on creating a black and white image effect using the Canvas tag. The heart of his tutorial is using getImageData() and looping through the red, green, blue, and alpha values of each pixel to change it’s luminance: So, what can we use to make an image black and white? Read the rest…
Thursday, September 9th, 2010
Our very own Christian Heilmann has posted a tutorial on creating a fancy sticky note effect using CSS3 and HTML5: He breaks it down in five easy steps to produce the final following demo:
Wednesday, September 8th, 2010
Category: Offline
[CC-A by Anomalous4] Michael Mahemoff has posted an extremely in-depth tutorial on HTML5Rocks on the subject of offline web apps: Introduction: The Meaning of “Offline” Application Cache and Offline Storage Older Offline Storage Techniques Cookies Plugin Based Storage Browser-specific features Offline Storage in the Era of HTML5 Web Storage Web SQL Database IndexedDB File API Read the rest…
Tuesday, September 7th, 2010
Category: Performance
Steve Souders just pointed me to the great news that two great open source performance projects are working well together: Pat Meenan just blogged about Page Speed results now available in Webpagetest. This is a great step toward greater consistency in the world of web performance, something that benefits developers and ultimately benefits web users. Read the rest…
Category: Mobile
If you’re working with mobile browsers tinySrc will dynamically scale your images down to the right size on the server side: < View plain text > HTML http://i.tinysrc.mobi/http://mysite.com/myimage.png To use, you simply prefix the URL to your image with a pointer to tinysrc: < View plain text > HTML <img src=’http://i.tinysrc.mobi/http://mysite.com/myimage.png’ alt=’My image’ /> tinySrc Read the rest…
Monday, September 6th, 2010
Category: HTML
I recently saw the new HTML5 Search input element and wondered what the heck it does: < View plain text > HTML <input name="s" type="search" /> Chris Coyier has posted an in-depth article going into this new HTML5 input type to appease your curiosity. The HTML5 spec actually says you don’t have to do much Read the rest…
Friday, September 3rd, 2010
Category: YUI
The Yahoo! YUI is an incredibly feature-rich JavaScript library with a LOT of functionality but getting your head around all of those features can be tough. The YUI team wants to help developers get up and running more quickly and announced yesterday the release of SimpleYUI; a basic and more streamlined version of the YUI Read the rest…
Category: HTML
Josh Duck has put together a fun and useful list of the 104 elements currently in the HTML5 working draft but organized like a periodic table of elements: When you click on one of the tags more information appears: Who says chemistry can’t be fun? [via Jackson Harper]
Thursday, September 2nd, 2010
By Dion Almaer webOS 2.0 SDK has just launched, and it has node.js built in (and more). The following is taken from my personal blog At our last Palm Developer Day, Ben and I discussed future APIs for webOS including “JavaScript services” as a way to write code that runs on the other side of Read the rest…
Category: Mozilla
I stumbled on the Mozilla Foundation’s Drumbeat project recently: Drumbeat gathers smart, creative people like you around big ideas, practical projects and local events that improve the open web. It’s very well done combination of projects + community. There’s a whole slew of cool projects already one here. A small sample:
Wednesday, September 1st, 2010
Category: Tutorial
Google Rich Snippet Oli Studholme has an excellent new article on HTML5 Doctor on the different ways HTML5 can be extended with things like microformats, the link tag, and more. Why would you want to do this? While HTML5 has a bunch of semantic elements, including new ones like <article> and <nav>, sometimes there just isn’t an element Read the rest…
In Episode 25, we chat about IE 8, standards, Acid3, server side JavaScript, and more.
