Wednesday, September 15th, 2010

Cool SVG Puzzle Demo Using JQuery SVG

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…

Posted by Brad Neuberg at 6:00 am
Comment here

+++--
3.9 rating from 7 votes

Tuesday, September 14th, 2010

CSS 3 Live: Progressive Enhancement

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:

Posted by Brad Neuberg at 7:00 am
4 Comments

++---
2.8 rating from 5 votes

“Or so they say…” by Mr. Doob

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…

Posted by Brad Neuberg at 6:00 am
Comment here

+++--
3.4 rating from 12 votes

Monday, September 13th, 2010

Web Ninja Interview: Erik Arvidsson

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…

Posted by Brad Neuberg at 6:30 am
10 Comments

++---
2.7 rating from 6 votes

Animated CSS3 cube using 3D transforms

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…

Posted by Brad Neuberg at 6:00 am
Comment here

+++--
3 rating from 8 votes

Sunday, September 12th, 2010

Adobe Announces HTML5/CSS3/SVG Pack for Illustrator

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…

Posted by Brad Neuberg at 5:15 am
4 Comments

++++-
4.5 rating from 8 votes

Friday, September 10th, 2010

HTML5 Canvas Image Effects: Black & White

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…

Posted by Brad Neuberg at 5:30 am
4 Comments

+++--
3 rating from 3 votes

Thursday, September 9th, 2010

Create a Sticky Note Effect in 5 Easy Steps with CSS3 and HTML5

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:

Posted by Brad Neuberg at 5:30 am
Comment here

+++--
3.2 rating from 6 votes

Wednesday, September 8th, 2010

Offline: What does it mean and why should I care?

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…

Posted by Brad Neuberg at 5:30 am
3 Comments

++---
2.3 rating from 3 votes

Tuesday, September 7th, 2010

WebPagetest and PageSpeed join up via PageSpeed SDK

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…

Posted by Dion Almaer at 12:47 pm
2 Comments

++---
2.3 rating from 3 votes

TinySrc: Free Easy Way to Reformat Graphics for Mobile Devices

Category: Mobile

If you’re working with mobile browsers tinySrc will dynamically scale your images down to the right size on the server side: HTML4 < view plain text > http://i.tinysrc.mobi/http://mysite.com/myimage.png To use, you simply prefix the URL to your image with a pointer to tinysrc: HTML4 < view plain text > <img src=’http://i.tinysrc.mobi/http://mysite.com/myimage.png’ alt=’My image’ /> tinySrc Read the rest…

Posted by Brad Neuberg at 5:30 am
7 Comments

++---
2.5 rating from 4 votes

Monday, September 6th, 2010

Searching for the HTML5 Search Input

Category: HTML

I recently saw the new HTML5 Search input element and wondered what the heck it does: HTML4 < view plain text > <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…

Posted by Brad Neuberg at 5:30 am
9 Comments

++---
2.8 rating from 5 votes

Friday, September 3rd, 2010

The Quick & Easy Way of Getting into YUI: SimpleYUI

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…

Posted by Rey Bango at 7:00 am
13 Comments

++---
2.3 rating from 3 votes

A Periodic Table for HTML

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]

Posted by Brad Neuberg at 5:30 am
4 Comments

++++-
4.1 rating from 7 votes

Thursday, September 2nd, 2010

The Node.js now running on webOS – and more Web improvements

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…

Posted by jvaughan at 8:20 pm
4 Comments

+++--
3.3 rating from 3 votes

A Drumbeat for the Open Web

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:

Posted by Brad Neuberg at 5:30 am
Comment here

+++--
3 rating from 3 votes