Activate your free membership today | Log-in


Wednesday, August 25th, 2010

Adobe Releases Web Fonts

Category: Adobe, CSS, Font

Last week Adobe announced they are jumping into the Web Fonts game in a partnership with Typekit: For this debut of Adobe Web Fonts, I think we’ve made some great choices. Everyone knows Myriad and Minion — pervasive workhorse sans serif and serif typefaces, respectively, which will prove to be as useful on the web as they have Read the rest…

Posted by Brad Neuberg at 6:00 am
3 Comments

++---
2 rating from 1 votes

Real World Canvas Tips from Hakim El Hattab

Category: Canvas

From Hakim El Hattab (who has some very nifty HTML5 experiments up) comes some nice tips on using the Canvas tag: Cross browser implementation There are no real discrepancies between the canvas outputs of different browsers so long as the JavaScript code is written correctly (if not, browsers tend to try and fix things for Read the rest…

Posted by Brad Neuberg at 5:00 am
12 Comments

OOOOO
Rate the above post

Tuesday, August 24th, 2010

Motorola Purchases 280 North

Category: Announcements

I don’t usually post acquisition news on here, but I just wanted to congratulate 280 North, who we’ve covered on here many times and are fellow members of the Ajax community. 280 North produces the awesome Cappuccino language/framework, including the 280 Slides presentation web application. Techcrunch is reporting that Motorola has bought 280 North. From Read the rest…

Posted by Brad Neuberg at 5:26 pm
2 Comments

OOOOO
Rate the above post

CSS Media Queries: Bees Knees Or Spawn of Satan?

Category: CSS

The last month has seen an interesting back and forth over CSS Media Queries. In a nutshell, CSS Media Queries make it possible to apply style sheets only if certain properties are available on the display device. For example, you could have a stylesheet only display for screen devices with a maximum screen width of Read the rest...

Posted by Brad Neuberg at 6:00 am
6 Comments

++++-
4.5 rating from 2 votes

Blow Things Up!

Category: Animation

Jonas Wagner has ported the Flash 2D physics engine Box2DFlash to JavaScript: In his demo Jonas uses the Canvas tag to map the physics simulations on. Click on it to create explosions: Jonas talks about the approach he used to convert the original library from ActionScript to JavaScript: At first I thought this conversion would Read the rest...

Posted by Brad Neuberg at 5:00 am
5 Comments

+++++
5 rating from 1 votes

Monday, August 23rd, 2010

The CSS3 Song

Category: CSS, Fun

Don't be bummed it's Monday, 'cuse the CSS3 Song is here to cheer you up: How can you go wrong with lyrics like this: CSS3 Web animation done properly CSS3 Degrading gracefully I had a dream, an awesome dream People surfing in the park On Windows, Linux and Mac And their page load speeds were Read the rest...

Posted by Brad Neuberg at 6:00 am
Comment here

OOOOO
Rate the above post

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: PLAIN TEXT Read the rest...

Posted by Brad Neuberg at 5:00 am
3 Comments

+++++
5 rating from 1 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

+++++
5 rating from 1 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: PLAIN TEXT JAVASCRIPT:   // ---------------------------------------------------------- // 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 which version: //  Read the rest...

Posted by Brad Neuberg at 6:00 am
25 Comments

++++-
4 rating from 1 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

+++++
5 rating from 1 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

+++++
5 rating from 1 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

OOOOO
Rate the above post

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

+++++
5 rating from 2 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

OOOOO
Rate the above post

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

+++++
5 rating from 1 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

+++++
5 rating from 2 votes