Friday, October 9th, 2009

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”): http://www.flickr.com/photos/heyjohngreen/ / 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
8 Comments

+++--
3 rating from 23 votes

Vanthia

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
10 Comments

+++--
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 Comments

+++--
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
10 Comments

+++--
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
3 Comments

++---
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
16 Comments

+++--
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
18 Comments

+++--
3.5 rating from 41 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
6 Comments

++---
2.9 rating from 35 votes

@font-face: How to embed it, and how it looks across browsers

Category: Typography

Zoltan Hawryluk has written a detailed in-depth post on @font-face. Not only does he go into detail on using fonts via CSS: < View plain text > css @font-face {     font-family: ‘Droid Sans’;     src: url(’/shared/fonts/DroidSans/DroidSans.eot’);     src: local(’Droid Sans’),          local(’Droid Sans’),          url(’/shared/fonts/DroidSans/DroidSans.ttf’) Read the rest…

Posted by Dion Almaer at 6:13 am
5 Comments

+++--
3.4 rating from 29 votes

Monday, October 5th, 2009

QueryLoader, a full page preloader

Category: CSS, JavaScript, jQuery

The classic animated gif, or the “loading…” text, could be now easily replaced thanks to this new jQuery plug-in. Specially suited for a page loads of images, the final result showed in this demo looks really nice and flashy. Features: Preload a whole web page. Preload a part of the page. Gets all images, <img> Read the rest…

Posted by webreflection at 12:30 pm
11 Comments

+++--
3.3 rating from 11 votes

toDataURL, Canvas, and SVG

Category: Canvas, SVG

I’m a fan of all the new ways of drawing on the web. I consider myself a Canvas evangelist, an SVG evangelist, and an evangelist for the new CSS Animation work going on. When asked “SVG or Canvas” I’ve long felt the right answer is: “Yes” :) Canvas is great at pixels, SVG is great Read the rest…

Posted by Brad Neuberg at 6:30 am
21 Comments

+++--
3.8 rating from 30 votes

Friday, October 2nd, 2009

Hide and Seek via Mouse

Category: Sencha, UI

It’s always nice when a basic shared idea with a simple proof of concept becomes something concrete, usable, and well explained. This is the case with Shea Frederick’s post titled Forwarding Mouse Events Through Layers. The aim of the technique is to provide an ExtJS plug-in that can capture dragged and dropped data from external sources, Read the rest…

Posted by webreflection at 6:30 am
4 Comments

++++-
4.3 rating from 63 votes

Detecting Chrome Frame; All of the details

Category: Chrome

Tamura Jones has published a detailed look at detecting for Chrome Frame (.xhtml huh, wow! :). He nicely aggregates a lot of the info that has been seen on Chrome Frame into one place, and his series covers: Basics of Chrome Frame: what is it? Supporting Chrome Frame: <meta http-equiv=”X-UA-Compatible” content=”chrome=1″> and the like Detecting Read the rest…

Posted by Dion Almaer at 4:39 am
2 Comments

+++--
3.4 rating from 25 votes

Thursday, October 1st, 2009

QUnit – A JavaScript Unit Testing Framework

Category: jQuery, Testing

There are many options for JavaScript Unit Testing but a “de facto” standard for the jQuery library, related plug-ins, and jQuery UI is QUnit. Nothing new so far? Check this out: According to tweets from John Resig the state of QUnit is: QUnit is now completely standalone (it no longer depends upon jQuery) QUnit now Read the rest…

Posted by webreflection at 12:30 pm
7 Comments

+++--
3.6 rating from 47 votes

ChemDoodle Web Components

Category: Canvas, HTML

Via jzornig comes news of a cool set of components written with HTML 5 and the Canvas tag: ChemDoodle Web Components are pure javascript objects derived from ChemDoodle™ to solve common chemistry related tasks on the web. These components are powerful, fully customizable, easy to implement, and are free under the open source GPL license. Read the rest…

Posted by Brad Neuberg at 6:30 am
1 Comment

+++--
3.8 rating from 22 votes

All Posts of October 2009