Topic


All topics go here


Monday, August 30th, 2010

View Source Tutorial: Content Site Using HTML5 Canvas + CSS3

Category: Canvas, Tutorial, View Source

Posted by Brad Neuberg at 5:00 am
5 Comments

+++--
3 rating from 16 votes

Friday, August 27th, 2010

Find Info On Webkit Spec Extensions

Category: WebKit

I stumbled across http://webkit.org/specs recently, which is basically a nifty listing of all custom extensions Apple/Webkit has made to web specs, written up as specs themselves so that other browsers can implement them: Squirrelfish Bytecode Timed Media Elements CSS Effects Extensions to CSS 3 Media Queries The ‘pointer-events’ property There were some on here that Read the rest…

Posted by Brad Neuberg at 6:00 am
1 Comment

++---
2.6 rating from 7 votes

It’s Gmail: The Game!

Category: Fun, Games, Google

TechCrunch reports on a Googler, Paul Truong, who created an HTML5-based game for Gmail called Galactic Inbox using his 20% time: When you start it up, a little Gmail logo envelope guy pops out of a “20% Projects Lab” and starts flying. Essentially, he’s a spaceship and can shoot objects coming his way. It’s simple, Read the rest…

Posted by Brad Neuberg at 5:00 am
Comment here

+++--
3.4 rating from 7 votes

Thursday, August 26th, 2010

How to Drag Out Files Like Gmail

Category: Google, JavaScript

Ryan Seddon, aka the CSS Ninja, has a nice blog post up where he reverse engineers the new feature in Gmail where you can drag attachments from an email on to your desktop. Note that the feature only currently works in Chrome. Ryan begins with the following code: < View plain text > javascript var Read the rest…

Posted by Brad Neuberg at 6:00 am
5 Comments

+++--
3.5 rating from 13 votes

innerShiv: Make innerHTML + HTML5 Work in IE

Category: IE, Library

(Various Shivs) Via JD Bartlett comes HTML5 innerShiv for IE. Before innerShiv, the following would not work in IE: < View plain text > HTML var s = document.createElement(‘div’); s.innerHTML = "<section>Hi!</section>"; document.body.appendChild(s); For example, let’s imagine we have some CSS that defines the following for the HTML5 elements footer, header, and section: < View Read the rest…

Posted by Brad Neuberg at 5:00 am
5 Comments

++---
2.3 rating from 6 votes

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

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

++---
2.8 rating from 10 votes

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

++---
2.7 rating from 6 votes

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

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

+++--
3.3 rating from 7 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

+++--
3.3 rating from 3 votes

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: < View 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: < View 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 Read the rest…

Posted by Brad Neuberg at 6:00 am
25 Comments

++---
2.9 rating from 7 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