Archive for the 'Utility' Category

See beauty in the Kaleidoscope

Sofa love to create beautiful things. They worked on Aristo, the the open source theme that came from Cappuccino, but has also been picked up by jQuery UI and others.
This time around Sofa has created a simple purpose Mac application called Kaleidoscope that allows you to visualize diffs for both text docs and images.
The Website [...]

Great win for WebGL and standards; O3D becomes JS library

This is fantastic news. A lot of people were claiming that O3D was going to beat WebGL because of performance. Then the O3D team showed that the two could be complimentary, and they have taken the next step on that journey. As of today, O3D will stop being a plugin, and will become a JS [...]

Ares 1.0: The easy to use, browser-based, powerful mobile touch UI app creator goes final

A few months back we announced an early build of Ares the full mobile development environment from Palm that runs entirely in the browser.
I was really excited to be at JSConf at the weekend where Matt McNulty announced Ares going 1.0 in our session. He promptly went on to do demos that show how easy [...]

ExceptionHub: Catch your site errors online or in email

Ryan Stout (of BustaName fame) has created ExceptionHub, a place that holds JavaScript exceptions from your apps, for you to peruse.

In an attempt to make error tracking easier in JavaScript, we are releasing exceptionhub.com into beta. ExceptionHub lets you drop a few lines of code into your site and it will track all errors [...]

Firefox Heads Up Display for Developers

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 that [...]

Border Image Generator Tool

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 has [...]

jsFiddle: a Web playground

Piotr Zalewa has created a really great playground, jsFiddle, for testing sample code and playing with the Web. With an area for the holy trinity of the Web (HTML, CSS, JS) and an output region, you can get right to hacking.
It goes beyond this though. You can also add resources, an Ajax echo backend, and [...]

Zen Coding: Generating HTML from selectors

Normally we use CSS selectors to find and tear apart HTML. Sergey Chikuyonok’s jujitsu move is to do the opposite. With Zen Coding you take a CSS selector like this:
PLAIN TEXT
HTML:

 

html:xt>div#header>div#logo+ul#nav>li.item-$*5>a

 

and it generates an HTML structure like this:
PLAIN TEXT
HTML:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”en”>

<head>

        <title></title>

        [...]

Web Inspector gets major improvements

Joseph Pecoraro has made some major improvements to Web Inspector.
It is now much easier to create and much around with the content. Create new CSS selectors with ease; Add content in-line with elements; see color representations of any value.
And, there is more:

DOM Storage
The DOM Storage DataGrids now displays live updates. You don’t need to manually [...]

The State of Developer Tools

Our very own Ben Galbraith took a dip down under to talk about the state of developer tools.
The session description is:

For many years, developing for the web left quite a bit to be desired when it came to the tools at developers disposal, particularly in comparison with the sorts of development environments available for desktop [...]