Monday, September 20th, 2010
Category: HTML
, Standards
, Video
Did you know that work is being done to enable videoconferencing from HTML5 applications? Ian Hickson has been doing work on the element in a separate draft to make this possible. The element will be used to allow the user to give permission to a page to use a device, such as a video camera. Read the rest...
Friday, September 17th, 2010
Category: Node
, Yahoo!
, YUI
Progressive enhancement is still a confusing matter for a lot of people who are very excited about the capabilities of JavaScript in modern browser environments. It can feel anachronistic to write your solutions for a non-JS environment and then once more enhances in JavaScript. I grew up like that so for me it is a Read the rest...
Category: Web Ninja Interview
As part of our Doob-a-thon today, we have a Web Ninja Interview with Mr. Doob. The Web Ninja Interview series focuses on people doing amazing and interesting work using JavaScript, CSS, HTML, SVG, WebGL, and more. Mr. Doob has delighted us with many awesome visualization and demos, including the recent Wilderness Downtown project. He is Read the rest...
Category: Graphics
The Wilderness Downtown HTML5 web site came out recently and blew people away. Via Mr. Doob comes a detailed blog post breaking down how the web site was actually created. First, he makes clear that this was a team effort, including work by Chris Milk, Aaron Koblin, "Spite", George Michael Brower, Eduard Prats Molner, Guille Lopez, Read the rest...
Thursday, September 16th, 2010
Category: CSS
When creating mobile web apps on devices like the iPhone, iPad, and Android you lose the beloved CSS :hover property which can make things so much easier to create. Chris Coyier has been exploring how to respond to single and double clicks still using pure CSS even when we don't have :hover. For single clicks, Chris Read the rest...
Category: CSS
CSS has always been a powerful tool in the web programmer's arsenal, especially today with CSS3, CSS Animations/Transforms/Transitions, CSS FlexBox and Columns, CSS with SVG, etc. If you're trying to do it all with JavaScript, many times you are probably doing things wrong -- a CSS solution will often be more elegant, terse, and performant. Read the rest...
Wednesday, September 15th, 2010
Category: Node
pushState is a nifty way to manipulate browser history state without having to mess with the #hash value. You can use this to change the full path portion of the URL: PLAIN TEXT JAVASCRIPT: var stateObj = { foo: "bar" }; history.pushState(stateObj, "page 2", "bar.html"); This would change the URL bar to http://example.com/bar.html Read the rest...
Category: SVG
Via HRJ ("Overworked mad genius readying to take on the world. I am his neighbor") comes a cool puzzle piece demo written using SVG and JQuery SVG: HRJ has some nice code. First he calls the Flickr API using JQuery and JSON and makes a JigSaw puzzle piece for each one; in the code below Read the rest...
Tuesday, September 14th, 2010
Category: CSS
, Tutorial
, Video
From SitePoint comes a nice series of videos on CSS3, called CSS Live. Here's one on Progressive Enhancement when using CSS3 features:
Category: 3D
, Canvas
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...
Category: Animation
, CSS
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
Category: Adobe
, CSS
, SVG
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
Category: CSS
, Tutorial
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...