Monday, August 23rd, 2010

Pure Pulsing CSS Map Markers

Category: CSS

Via Zachary Johnson (aka the Zachstronaut) comes a cool experiment using pure CSS to generate pulsing rings/map markers. He’s put together a nice video explaining the concept: He has a cool demo (Chrome or Safari + Snow Leopard only) of the effect: The pulsing effect, for example, is generated by a CSS3 Animation: css < Read the rest…

Posted by Brad Neuberg at 5:00 am
3 Comments

+++--
3 rating from 4 votes

Sunday, August 22nd, 2010

Want to pack JS and CSS really well? Convert it to a PNG and unpack it via Canvas

Category: Canvas, Performance

Jacob Seidelin of nihilogic fame (remember his Super Mario in JavaScript solution) is one of my unsung heroes of JavaScript. His solutions have that Dean Edwards “genius bordering on the bat-sh*t-crazy” touch that make you shake your head in disbelief when they come out but later on become very interesting. One of his posts from Read the rest…

Posted by Chris Heilmann at 2:30 pm
19 Comments

+++--
3.8 rating from 4 votes

Friday, August 20th, 2010

Attack of the IE Conditional Comment…

Category: IE

Just in time for Friday, James Padolsey wins the award for most creative Internet Explorer detection code: javascript < view plain text > // ———————————————————- // If you’re not in IE (or IE version is less than 5) then: //     ie === undefined // If you’re in IE (>5) then you can determine Read the rest…

Posted by Brad Neuberg at 6:00 am
25 Comments

++---
2.8 rating from 6 votes

Auto-Generate CSS3 For Fame and Fortune!

Category: CSS

We’ve seen a number of nice CSS3 generators. I stumbled across another one recently that has a nice set of features for autogenerating the following from a single CSS3 generator web page: Border Radius Gradients CSS Transforms CSS Animations CSS Transitions Text Shadow Box Shadow Text Rotation @Font Face

Posted by Brad Neuberg at 5:00 am
Comment here

+++--
3.8 rating from 5 votes

Thursday, August 19th, 2010

An Implausibly Illustrated Introduction to HTML5 Web Workers

Category: JavaScript

Been hearing about HTML5 Web Workers but can’t wrap your brain around them? Mark Pilgrim is here to help with an (implausibly) illustrated tongue-in-cheek guide. A small visual snippet: Yet another snippet: [Disclosure: Mark Pilgrim owes me money; just kidding]

Posted by Brad Neuberg at 6:00 am
3 Comments

++---
2.6 rating from 5 votes

Will Native Mobile Applications Wither Away?

Category: Mobile

James Pearce has started a fascinating series, called WhitherApps.com, trying to rewrite the BBC iPhone application and other native mobile apps using HTML5. From the kickoff blog post: WhitherApps is a bandwagon-busting experiment. I believe there are far too many native client apps which could have been far better written as mobile web apps. What Read the rest…

Posted by Brad Neuberg at 5:00 am
17 Comments

+++--
3 rating from 3 votes

Wednesday, August 18th, 2010

When does JavaScript trigger reflows and rendering?

Category: CSS, Performance

Thomas Fuchs has some good performance things to say reflows and rendering. A video of wikipedia gives you an idea of how much happens when a basic page is rendered: The advice? The important thing is to always remember that reflowing and rendering HTML is the single most expensive operation browsers do. If your page Read the rest…

Posted by Michael Mahemoff at 6:26 am
9 Comments

++++-
4 rating from 4 votes

JavaScript Gameboy Emulator: Memory and GPU

Category: Canvas, Tutorial

Jack Vaughn posted on Ajaxian recently about a new blog series on building a Gameboy emulator using JavaScript. Now Parts II and III have been posted in the series: Part 1: The CPU Part 2: Memory Part 3: GPU Timings In the Memory section, Imran Nazar builds up a JavaScript MMU that can interpret the Read the rest…

Posted by Brad Neuberg at 6:00 am
4 Comments

+++--
3.6 rating from 5 votes

The Web as an API

Category: XmlHttpRequest

(Photo CC-A by JSConf) The ever prolific Michael Mahemoff has a nice blog post up about using Cross-Origin Resource Sharing to do cool cross site scraping, especially of microformats: Cross-Origin Resource Sharing makes it possible to do arbitrary calls from a web page to any server, if the server consents. It’s a typical HTML5 play: Read the rest…

Posted by Brad Neuberg at 5:00 am
1 Comment

+++--
3.3 rating from 3 votes

Tuesday, August 17th, 2010

How to Become a JavaScript Bad… Shut Yo Mouth!

Category: JavaScript

[Image CC-A by Terry Johnston] A fun post for a Tuesday morning, Aaron Newton shares his path to becoming a JavaScript ninja, and how you can too. Some of his tips (I encourage you to read the whole article): Study design and designers. I’m not saying you have to have the talent to be an Read the rest…

Posted by Brad Neuberg at 6:00 am
4 Comments

+++--
3 rating from 9 votes

Glimmer: Visual Builder for JQuery Animations

Category: jQuery, Library

From Tim Aidlin over at Microsoft comes a tutorial on using JQuery to do animation. The tutorial is focused on using a new library they have designed called Glimmer that allows designers and developers to create interactive elements and animations on web pages using JQuery. Using Glimmer you setup your HTML and CSS and then Read the rest…

Posted by Brad Neuberg at 5:00 am
8 Comments

+++--
3 rating from 8 votes

Monday, August 16th, 2010

HTML5Rocks Gets Awesomer

Category: Announcements, Google

Version 2 of HTML5Rocks is hot off the presses! We think HTML5 will make your work more engaging and create a faster, more responsive experience for your users, so we’re happy to add today a slew of new content to html5rocks.com. If you want to not only get up to speed, but understand the browser differences Read the rest…

Posted by Brad Neuberg at 5:45 am
Comment here

++---
2.3 rating from 3 votes

Tricks From Our Flash Friends: 3D in a 2D Context

Category: 3D, Flash, Tutorial

If you’ve seen some of the cool work that folks like Mr. Doob or Gerard Ferrandez have done with HTML5/CSS3/SVG/etc., you’ve probably seen them emulating nifty 3D effects in the browser (move your mouse to pan the camera): The demo above, by Gerard, uses SVG plus various mathematical tricks to emulate 3D. Mr. Doob has Read the rest…

Posted by Brad Neuberg at 5:00 am
8 Comments

+----
1.8 rating from 5 votes

Friday, August 13th, 2010

jQuery Mobile Announced; Touch-Optimized Web Framework for Smartphones & Tablets

Category: jQuery, Mobile

I have had the pleasure to start working with the awesome jQuery team on a new mobile development. Today, John announced jQuery Mobile, “a unified user interface system across all popular mobile device platforms, built on the rock-solid jQuery and jQuery UI foundation.” Palm has sponsored the effort with other great folks, and I wrote Read the rest…

Posted by Dion Almaer at 9:12 pm
6 Comments

++---
2.9 rating from 7 votes

Wednesday, August 11th, 2010

Don’t Build from Scratch. You Now Have an HTML5 Boilerplate to Work With

The HTML5 love continues to be doled out by Paul Irish. First, he offered up Modernizr and now, he’s teamed up with Divya Manian to create an HTML5 boilerplate which leverages best practices to get your started. It’s essentially a good starting template of html and css and a folder structure that works. But baked Read the rest…

Posted by Rey Bango at 10:58 am
11 Comments

+++--
3.3 rating from 4 votes

Free talk at Yahoo on the 27th about the software revolution that is JavaScript

Category: Presentation, Yahoo!

Yahoo invites to their campus in Sunnyvale, California on the 27th of August to hear Douglas Crockford talk about “Loopage”. In his own words: Software development is hampered by a specific set of design mistakes that were made in the first programming languages and repeated in everything that has been done since. And, somewhat miraculously, Read the rest…

Posted by Chris Heilmann at 3:42 am
6 Comments

++---
2.3 rating from 3 votes