Wednesday, October 14th, 2009

View Source Tutorial: Sticky Notes With HTML5 and CSS3

Category: Tutorial, View Source

View Source is a new series where we crack open cool web sites and applications and detail how they were made, step by step. Today we will take a look at the Webkit Sticky Notes demo that was created when Webkit first landed it’s HTML 5 SQL storage support: In this demo you can create Read the rest…

Posted by Brad Neuberg at 7:30 am

3.1 rating from 66 votes

Ext JS Designer Preview

Category: Sencha, Utility

Aaron Conran has published a new preview of Ext JS Designer which includes the new features: Duplicating Components Transforming Components Undo/Redo Configuration Searching Auto Updating Screenshots It is a great time for new tools popping out with Atlas coming along nicely too…. and a couple more being hacked on. Open Web Tools FTW! :)

Posted by Dion Almaer at 7:15 am

3.2 rating from 81 votes

@font-face Is Cool… But Does It Scale?

Category: CSS, Performance

Our favorite ex-Yahoo at-Google web performance fast-driving all-around guru Steve Souders took a look at @font-face performance recently: There have been a number of great posts about @font-face performance issues: * Paul Irish: Fighting the @font-face FOUT * Stoyan Stefanov: Gzip your @font-face files * Zoltan Hawryluk (again): More @font-face fun This blog post summarizes Read the rest…

Posted by Ben Galbraith at 6:00 am

2.5 rating from 42 votes

Tuesday, October 13th, 2009

Behold the, um, Beholder!

Category: Library, SVG

Over on my blog I report a new release of SVG Web from the SVG Web team: Yowsers! It’s another release of SVG Web, this time code named Beholder: According to the classic D&D Monster Manual, the Beholder is an “aggressive and avaricious spherical monster that is most frequently found underground.” In other words, you Read the rest…

Posted by Brad Neuberg at 8:00 am

3.3 rating from 25 votes

Firefox Trunk: Accelerometers, WebGL, and CSS Transitions

Category: Firefox

Paul Rouget shows off some cool new demos that are baking on the trunk of Firefox currently. First are some nifty new events that get fired if your computer has an accelerometer: < View plain text > javascript window.addEventListener("MozOrientation", function(e) { /* 3 values: e.x, e.y, e.y */ }, true) It works with MacBooks and Read the rest…

Posted by Brad Neuberg at 7:30 am

4 rating from 34 votes

Mobile WebKit Compatibility

Category: Browsers, Mobile

PPK has cried “There is no WebKit on mobile!” as he posts new compatibility tables that test WebKit across desktop and mobile: I compare 19 WebKits in order to prove that there is no “WebKit on Mobile” and to figure out which one is the best. My hope is that eventually I’m going to gain Read the rest…

Posted by Dion Almaer at 6:51 am

3.1 rating from 26 votes

Monday, October 12th, 2009

Crazy Times: Rendering HTML…. in Canvas

Category: Canvas, HTML

It’s still early work but James Urquhart has gotten HTML rendering inside the Canvas tag. In his demo, he renders the following HTML into the Canvas element: < View plain text > HTML &lt;html&gt;   &lt;head&gt;     &lt;title&gt;&lt;/title&gt;   &lt;/head&gt;   &lt;body&gt;     &lt;p class="woo" id="render" style="display:none;"&gt;       Rendering &lt;b&gt;HTML&lt;/b&gt;…   Read the rest…

Posted by Brad Neuberg at 6:30 am

2.6 rating from 39 votes

Friday, October 9th, 2009

Making HTML5 Microdata Usable

Category: HTML

This is really awesome; I’ve long thought that applying usability studies to APIs like we do for user-interfaces can yield real results and make development easier. The HTML5 spec recently had something called microdata added to it. The idea behind microdata is to allow HTML to be annotated with machine-readable data. A natural question is Read the rest…

Posted by Brad Neuberg at 7:30 am

2.5 rating from 20 votes

Fun Friday: Mullets and Space Battles

Category: Fun, Games

The week is almost over, and that means it’s Fun Friday! Ajax and HTML5 aren’t just for serious business apps (“business in the front, party in the back”): / CC BY 2.0 This week we have JS Wars from Jonas Wagner: There are a couple of unique things about this game that makes it Read the rest…

Posted by Brad Neuberg at 6:30 am

3 rating from 23 votes


Category: Games

Scott Schiller, favourite DHTML hax0r, pointed us to Vanthia “a browser based Massive Massively Multiplayer Online Role-Playing Game in development.” The game appears to use Mootools for the underlying library, the UI is quite well done and the map uses an isometric, pixel-based style. Check out the forum.

Posted by Dion Almaer at 12:12 am

3.8 rating from 33 votes

Thursday, October 8th, 2009

What’s New in HTML 5: From the Large to the Nitty Gritty

Hot off the presses comes a new This Week in HTML5 episode. In this episode Mark Pilgrim notes: Since I started publishing these weekly summaries over a year ago, I’ve watched the HTML5 specification grow up…Slowly, steadily, and sometimes painstakingly, the HTML5 specification has matured to the point where the hottest topic last week was Read the rest…

Posted by Brad Neuberg at 6:30 am

3.2 rating from 24 votes

Play Kings Quest, Space Quest, and More… Using Canvas Tag

Category: Canvas, Games

Martin Kool and Sjoerd Visscher have gotten many of the old Sierra Online games running on the Canvas tag, including many of the Kings Quest series, Space Quest series, and Leisure Suit Larry. Martin Kool describes some of the long process it took to get these into the shape they are: In 2003, I created Read the rest…

Posted by Brad Neuberg at 6:00 am

3.9 rating from 44 votes

Wednesday, October 7th, 2009

Enhanced Firefox Memory Profiler Add-on

Category: Firefox, Mozilla

Atul Varma keeps on producing more amazing tools for the Web than I have had hot dinners. I got to work with him on the original memory tool experiment and he has just improved it a lot. As well as the nice new look, there is a new API with nice methods such as getObjectTable Read the rest…

Posted by Dion Almaer at 7:27 am

2.6 rating from 25 votes

Ext JS in Action: The Table Layout

Category: Books

Jesus Garcia kindly gave us excerpts from his book Ext JS in Action. Now he is back with a new excerpt from a chapter on the Table Layout (download PDF): The table layout gives you complete control over how you want to visually organize your components. Many of us are used to building HTML tables Read the rest…

Posted by Dion Almaer at 6:45 am

3.1 rating from 63 votes

View Source Tutorial: Fancy Web Page Using HTML5, CSS, and SVG

Category: HTML, SVG, Tutorial, View Source

I recently ran across a site that made my jaw drop when I realized it’s completely made with HTML5, CSS, and SVG. It’s the site for the GNU Emacs for Mac OS X release: Who ever knew GNU Emacs could look so sexy? When I think of GNU Emacs I generally imagine Richard Stallman‘s beard Read the rest…

Posted by Brad Neuberg at 6:30 am

3.5 rating from 42 votes

Tuesday, October 6th, 2009

Interactive CSS 3 Generator

Category: CSS

Many browsers have been experimenting with new custom CSS properties lately. Keeping track (and learning how to use them) can be a bit of a challenge. Via WidgetPad comes a nifty CSS 3 Generator that helps you understand the new CSS 3 features in Webkit with an interactive tool that will build up and show Read the rest…

Posted by Brad Neuberg at 7:15 am

2.9 rating from 35 votes