Lint Your Javascript

Thursday, March 13th, 2008

Lint... brush...

Lint started life as a C program checker, going beyond the errors and warnings that the regular UNIX C compiler would issue. The idea spread and many other languages have had ‘lint’ programs written for them.

Most web developers need to be able to do at least a little bit of Javascript work, but I’d be willing to bet them few of them really know Javascript particularly well. I certainly don’t… I cobble together bits and pieces of it based on examples.

(more…)

XRAY

Friday, August 3rd, 2007

XRAY demo

A very nice new tool called XRAY showed up recently. XRAY works with the Safari, Firefox, Camino and Mozilla web browsers (unfortunately no Opera or Internet Explorer support yet). It helps you examine elements on a web page, bringing up information about their dimensions, inheritance, attributes and styling. Best of all, it requires no installation and it’s free. Just drag its bookmark to your bookmarks bar and click on it when you want to examine a web page.

Thanks very much to Western Civilisation Pty Ltd for sharing this with everyone.
[tags]x-ray, javascript, css, web, bookmarklet[/tags]

(more…)

Developing Web Content for the iPhone

Friday, July 6th, 2007

Apple iPhone

Apple has published guidelines for developing web content for the iPhone. Some of the guidelines are just good practice (separating HTML, Javascript and CSS, for instance). Some of it is informational (how many pixels you can expect to be available in the iPhone - at least, in this version of it). Some of it is very iPhone-specific (META tags to help control the viewport and scaling).

The article also includes guidelines for encoding audio and video for access over EDGE and Wifi networks.

The iPhone runs a slimmed down version of Apple’s desktop browser “Safari” - you get real HTML, Javascript and CSS support, and it can do Ajax. In my few days with an iPhone I haven’t found any web sites that simply didn’t work on it, including Javascript-heavy sites like Flickr.

(more…)

Rounded Image Corners Through CSS and Javascript

Thursday, April 19th, 2007

Teahouse

Ajaxian has an article on a Javascript package called Corner.js. It allows you to use CSS class specifications to add some simple effects to images at page-load time - you can round the corners, add shadows and shade the edges. The only things you need to do on your web page are load the script and add the appropriate CSS class definitions to your images.

Corner.js works with Firefox 1.5+, Safari and Opera 9+. Older browsers and Internet Explorer will just display images normally without the added effects.

Ajaxian » Canvas Corner 1.0
[tags]rounded corners, javascript, css, images, web[/tags]

Sponsored Links