View Post

read full howto

View Post

read full howto

View Post

read full howto

Paul Irish and Jonathan Neal have created a fun example of various CSS tweaks that you can make, and see the results instantly.

CSS3, Please! lets you play with fancy new rules such as:

• border-radius
• box shadow
• gradients
• rgba support in backgrounds
• transforms
• font-face

Really nice way to make tweaks inline in the page….. nicely done. Hope to see some other examples out there :)

read full howto

The idea is simple: Vimeo/Canon supply a still photograph, and contestants then submit short films based on the still. The contest comprises 7 chapters, with each chapter building on the previous one. Kind of like Layer Tennis, only with film.

The inaugural short film, “The Cabbie”, was filmed by Vincent Laforet with—you guessed it—a Canon 7D.

read full howto

If you’re confused as I was about when to use vs. when coding an HTML5 document, this article by Oli Studholme will help clear things up.

To decide which of these three elements is appropriate, first think if the enclosed content would make sense on it’s own in a feed reader—if so use . If that’s not the case, is the enclosed content related? If so use . Finally if there’s no semantic meaning use

. Except for occasional use to provide a hook for styles, I expect the humble

will mostly be superseded by , and where required more specialised HTML5 elements.

read full howto

The view, the interior… absolutely stunning. On the market for roughly USD $2.5 million.

read full howto

What does it do?

Kangax has forked John Resig’s HTML parser which parses the HTML and sends that into the Minifier. This has rules that do things like whitespace optimization, comment removal, and collapsing boolean attributes (e.g. disabled=”true” -> disabled).

He also has a linter going:

While working on minifier, I realized that oftentimes the most wasteful part of the markup is not white space, comments or boolean attributes, but inline styles, scripts, presentational or deprecated elements and attributes. None of these can be simply stripped, as that could affect state of the document and is just too obtrusive. What can be done, however, is reporting of these occurences to the user. HTMLLint is even a smaller script, whose job is exactly that—to log any deprecated or presentational elements/attributes encountered during parsing. Additionally, it detects event attributes (e.g. onclick, onmouseover, etc.). The rationale for this is that moving contents of event attributes to external script allows to take advantage of resource caching.

read full howto

Harmony is a new drawing tool, a HTML5/Canvas experiment with great potential. It provides some unique brush styles, and can produce some great-looking charcoal pencil style sketches, among other things. Better to try it out than explain it in words.

Creator Mr. Doob (Richard Cabello) explains how he used Canvas to make it darker the more you draw over it:

The whole thing is quite modular so I can keep adding more brush styles whenever I get inspired. During the process I found out that, for some reason (apparently lack of hardware acceleration), Firefox and Opera do not support context.globalCompositeOperation = ‘darker’. This was on the HTML5 spec before but got removed. Just so you know what I’m talking about, this is like the “multiply” blending in Photoshop. Webkit does support it tho. I hope they put it back on the specs and all browsers support it.

You can also save images using data URI encoding.

As it works on webkit, he made sure it worked on the mobile Android and iPhone browsers. No multi-touch as yet, but the touch UI still makes a nice input mechanism.

(Thanks FND)

read full howto

read full howto