Utility


Wednesday, June 2nd, 2010

See beauty in the Kaleidoscope

Category: Utility

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

Posted by Dion Almaer at 2:17 pm
9 Comments

+----
1 rating from 1 votes

Friday, May 7th, 2010

Great win for WebGL and standards; O3D becomes JS library

Category: Google, JavaScript, Toolkit, Utility, WebGL

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

Posted by Dion Almaer at 12:56 pm
10 Comments

+++--
3.5 rating from 2 votes

Tuesday, April 20th, 2010

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

Category: JavaScript, Utility, WebOS

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

Posted by Dion Almaer at 5:37 pm
11 Comments

++++-
4.2 rating from 21 votes

Friday, April 9th, 2010

ExceptionHub: Catch your site errors online or in email

Category: JavaScript, Utility

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

Posted by Dion Almaer at 1:12 am
10 Comments

+++--
3.9 rating from 10 votes

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

Tuesday, February 23rd, 2010

jsFiddle: a Web playground

Category: Debugging, JavaScript, Utility

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

Posted by Dion Almaer at 6:57 am
16 Comments

+++--
3.3 rating from 126 votes

Monday, November 23rd, 2009

Zen Coding: Generating HTML from selectors

Category: HTML, Utility

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: HTML4 < view plain text > html:xt>div#header>div#logo+ul#nav>li.item-$*5>a and it generates an HTML structure like this: HTML4 < view plain text > < !DOCTYPE html PUBLIC Read the rest…

Posted by Dion Almaer at 6:45 am
13 Comments

+++--
3.2 rating from 19 votes

Tuesday, November 3rd, 2009

Web Inspector gets major improvements

Category: Debugging, Utility, WebKit

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

Posted by Dion Almaer at 6:21 am
2 Comments

++---
2.5 rating from 58 votes

Wednesday, October 21st, 2009

The State of Developer Tools

Category: Utility

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

Posted by Dion Almaer at 6:27 am
3 Comments

++---
2.3 rating from 42 votes

Wednesday, October 14th, 2009

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

+++--
3.2 rating from 81 votes

Friday, September 25th, 2009

Opacity: Fancy a design tool with “Save as Canvas”?

Category: Utility

Our Webmonkey friends have featured Opacity, a vector image manipulation tool that has a couple of features that are interesting for Web developers wanting to do HTML5-y things: To use the new source code feature in Opacity, simply design your vector-based graphic or animation sequence and, once you’re happy with it, head to the Inspector Read the rest…

Posted by Dion Almaer at 6:25 am
5 Comments

+++--
3 rating from 22 votes

Wednesday, September 2nd, 2009

FireCrystal: Observe and roll back interactions

Category: Tip, Utility

FireCrystal is a Firefox extension that helps designers and programmers alike figure out how interactive behaviors on the web work. FireCrystal allows users to record and rewind their interactions with web pages while showing the relevant code.

Posted by Dion Almaer at 6:52 am
8 Comments

+++--
3.3 rating from 15 votes

Monday, August 17th, 2009

punypng: crushing your images even more

Category: Performance, Utility

Conrad Chu, Design Director at Ask.com, thought he needed an image compression tool better suited for designers and front-end developers (compared to smush.it) and scratched the itch with punypng. punypng is serious about image compression — it handles 8-bit PNGs, 24-bit PNGs, JPEGs, GIFs and animated GIFs. It also leverages dirty transparency techniques to further Read the rest…

Posted by Dion Almaer at 6:19 am
24 Comments

++++-
4.5 rating from 42 votes

Friday, August 14th, 2009

Detecting globals with a bookmarklet

Category: Utility

Kangax stumbled upon a blog post by Remy Sharp on detecting global variable leaks. He took that work and updated it a little to filter out Prototype, Script.aculo.us, Google and Mozilla globals. If you want to add sets it is easy to do so… go fork away. The bookmarklet itself is here. Of course: It’s Read the rest…

Posted by Dion Almaer at 6:04 am
3 Comments

+++--
3.5 rating from 11 votes

Tuesday, August 4th, 2009

Curve Explorer: Visualize with Ease

Category: Showcase, Utility

Chris Vanrensburg has created a curve explorer that gives you a nice visualization of curve functions which are used for animations (easing and the like). Chris has more: I looked at the work of Robert Penner, since it seems to have become the gold standard for motion curves. Nice stuff, and it inspired me. I Read the rest…

Posted by Dion Almaer at 6:43 am
12 Comments

++++-
4.4 rating from 22 votes