Monday, April 5th, 2010

Firefox Heads Up Display for Developers

Category: Firefox, Utility

Firefox was the Web runtime that gave us the best Web developer tools… some built-in, and then the likes of Firebug. We are seeing more, newer tools coming out of Mozilla. David Dahl, Firefox engineer, is working on a fun new console heads up display: Create an interactive Console to help web developers understand everything Read the rest…

Posted by Dion Almaer at 12:57 pm
6 Comments

+++++
5 rating from 30 votes

Border Image Generator Tool

Category: CSS, Utility

Working on mobile Web apps such as the Facebook app on webOS offers one huge advantage over standard desktop development. You can code to a single runtime (in our case, WebKit). This means that crazy hacks can go away as you use functionality such as border-image. Kevin Decker is an engineer on my team, and Read the rest…

Posted by Dion Almaer at 6:11 am
3 Comments

+++--
3.1 rating from 14 votes

Friday, April 2nd, 2010

Web Developers preparing for iPad

Category: Apple

I am sure that a fair few of you have your iPad order honing in from China (I got a WiFi one and use Mobile Hotspot when I need to use the carrier networks. Some fun deals right now ;). As the Quake demo shows, you can do a lot with the Web, and we Read the rest…

Posted by Dion Almaer at 9:28 am
6 Comments

+++--
3.8 rating from 19 votes

A very detailed look at object to primitive conversions

Category: JavaScript

Ben Cherry continues to write nice detailed posts on JavaScript. This time he delves into the magic of Object – primitive conversions. He post has some good fodder for wtfjs as he shows details of toString, valueOf, and implicit fun. Take a simple example like population: javascript < view plain text > function population(country, pop) Read the rest…

Posted by Dion Almaer at 8:10 am
8 Comments

+++--
3.8 rating from 14 votes

Thursday, April 1st, 2010

Are browsers Quake-ing in their boots?

Category: GWT, Showcase

Ben and I are often touting the fact that we are about to see amazing Web applications as browsers support more and more of “HTML5″ and the engines under the hood have become world class. The GWT team has developed something that truly shows off this engine in their port of Quake2 to GWT. Seeing Read the rest…

Posted by Dion Almaer at 4:19 pm
19 Comments

++++-
4.9 rating from 49 votes

Open Web Video Puzzle

Category: Canvas, Video

This is a fun one. The Open Video Sliding Puzzle takes a running video (from the public videos project) cuts it up, and builds a sliding puzzle on the fly. How does it work? Why Canvas and HTML5 video of course: javascript < view plain text > for (var i=0;i&lt;12;i++){         var Read the rest…

Posted by Dion Almaer at 6:10 am
7 Comments

+++--
3.8 rating from 18 votes

Stop sniffing my breadcrumbs!

Category: CSS, JavaScript, Mozilla, Security

Chris Blizzard has done a nice roundup of David Baron’s post, the bug and the post on the security blog which discusses the :visited issue. We have seen :visited sniffing for good as well as ill (Aza wrote about using it to detect what networks you are on which can help you put up the Read the rest…

Posted by Dion Almaer at 12:01 am
5 Comments

++++-
4 rating from 13 votes

Wednesday, March 31st, 2010

From Whisper to Shout; A new form of volume control

Category: Fun, Showcase, Sound

David Friedman calls is “silly”, but he has created something simple and fun in his new form of volume control that moves from whisper to shout as you change the volume. The code (which works on Firefox and Opera right now) uses different tracks for each level: HTML4 < view plain text > <audio id="apA" Read the rest…

Posted by Dion Almaer at 9:03 pm
3 Comments

++++-
4 rating from 8 votes

CSS gets more Sassy with version 3

Category: CSS

Nathan Weizenbaum promised that Sass will become a superset of CSS back in June 17, 2009. And we now have version 3 of Sass and Haml available that brings life to the promise: The new syntax is known as “SCSS”, for “Sassy CSS” SCSS was built from the ground up based on the CSS3 spec, Read the rest…

Posted by Dion Almaer at 11:53 am
3 Comments

+++--
3 rating from 36 votes

jQuery one-line plugin to crash IE6

Category: Browsers, JavaScript

Malicious code that targets browsers has quite some history and it gets bizarre when you see just how easy it can be to crash a certain browser. If you remember, an input type of “crash” used to kill IE6. Now there is an interesting one line jQuery plugin to crash IE6 available: javascript < view Read the rest…

Posted by Chris Heilmann at 9:23 am
19 Comments

+++--
3.5 rating from 28 votes

Chrome Embeds Flash!

Category: Adobe, Flash, Google, Mozilla

For some time now, Adobe has been working with platform vendors to include the Flash plug-in pre-loaded. We’ve seen this ages ago in Windows, and more recently with Adobe’s efforts in the Open Screen Project. Now, there’s news of something a little bit different. In our second Google-y post of the week, there’s the news Read the rest…

Posted by Ben Galbraith at 9:00 am
17 Comments

+++--
3.1 rating from 45 votes

text/x-artwork with some coffee and graphics

Category: JavaScript, Showcase

Chris Lloyd has a fun demo that randomly shows off some art using CoffeeScript and Raphael in an interesting way. There is some choice coffee in there: javascript < view plain text > for tag in document.getElementsByTagName(‘script’) when tag.type is ‘text/x-artwork’         eval(CoffeeScript.compile(tag.innerHTML)) The coffee creates some Art which is encapsulated as: Read the rest…

Posted by Dion Almaer at 6:26 am
3 Comments

+----
1.2 rating from 452 votes

Tuesday, March 30th, 2010

JSINQ 1.0: now fully supports .NET 3.0 query operators

Category: Database, JavaScript

Kai Jäger’s JSINQ has now gotten to the long sort after 1.0 release. Kai has kindly shared a few thoughts on the release and the project: I’m happy to announce that one year after its initial release, JSINQ is now stable and packed with new features. Just like the previous version, JSINQ supports the complete Read the rest…

Posted by Dion Almaer at 6:25 am
6 Comments

+++--
3.1 rating from 27 votes

Ext Designer 1.0: WYSIWYG application design tool for the Web

Category: Showcase

The long awaited Ext Designer is out. “Our developers write in Ext.” This has been said because Ext is a very high level language for Web development. It is almost DSL like versus offering low level functions that you can sprinkle in your code. If you buy into the Ext way then you can build Read the rest…

Posted by Dion Almaer at 1:02 am
23 Comments

++++-
4.1 rating from 73 votes

Monday, March 29th, 2010

CSS: Designers are doing AOP? No way!

Category: CSS

AOP? that is for whiz kids and Enterprise Java folk (or Lisp hackers have been doing it for years and years). Jonny Tran thinks that every time you use CSS, you’re doing Aspect-Oriented Programming”. He brings up the core parts and pieces behind AOP: But what deeper AOP fun like the wormhole effect which has Read the rest…

Posted by Dion Almaer at 6:10 pm
4 Comments

+++--
3 rating from 20 votes

jQuery Special Events; Virtually… not in Real Life

Category: JavaScript, jQuery

Ben Alman has a mother of a post on his special events work for jQuery. I have a special penchant for custom events and the like, even though I have abused them just as I did in the old days of AOP! :) What are special events? The jQuery special events API is a fairly Read the rest…

Posted by Dion Almaer at 3:08 pm
4 Comments

+++--
3.7 rating from 39 votes