DOM | JavaScript blog posts

  • jQuery for UX Designers

    I’m giving a virtual seminar on using jQuery in interactive wireframes. As a UX designer, it’s the course I wish had been available to me a few years ago.

  • Bulletproof Ajax

    I’m extremely proud to say my esteemed colleague, Jeremy Keith, has finished his latest book, Bulletproof Ajax. Jeremy is also running an Ajax training workshop to coincide with the book launch.

  • Ajax and accessibility

    There have been some great articles published recently on the accessibility of Ajax and DOM scripting.

  • Variable fixed width layout

    There’s a different approach to web page layout which is gradually getting some traction. The idea is that the layout is changed to best accommodate the window size.

  • Glaucoma and photography

    Sorry not some wonderful cure, but instead a few sites that might be of interest: an great looking, accessible charity site and some approachs to presenting photos on web pages.

  • Ajax training workshop

    Following on from the great response we had to d.Construct, Clearleft is proud to be putting on an Ajax training course early next year.

  • JavaScript-enhanced image replacement

    Most image replacement techniques work by displaying a background image of text and shifting the real text out of view which is fine unless you have images turned off. This can be addressed with some unobtrusive JavaScript.

  • Browser stickies

    Browser Stickies is a little experiment I knocked together in the lull between SxSW Interactive and SxSW Music.

  • HTML is better than XHTML

    Judging by the latest SitePoint TechTimes, it seems Stuart Langridge has won the argument. SitePoint’s DHTML book will be published with HTML.

  • Photo fades and then some

    Scott Upton of Couloir has taken things to the next level with a resizing, fading JavaScript slideshow. I’ve made some bookmarking and accessibility suggestions (picking nits as usual).

  • Photo fades

    I’ve been admiring the ‘image loading…’ and subsequent fade-in of (spectacular) photos on Couloir. It seems they use a rather nifty trick to achieve this.

  • XMLHttpRequest

    Just recently on Stylish Scripting, Simon Willison introduced the possibilities presented by the XMLHttpRequest extension to JavaScript:

  • Mozilla DOM inspector

    Mozilla’s DOM Inspector (also available in Firefox) can seem daunting at first but is amazingly powerful. Amongst other things, it allows you to see which CSS rules are affecting any given element in order of cascade priority.

  • Recent mark-up chatter

    I’ve contributed my two penn’orth to a couple of interesting HTML related posts.

  • CSS crib sheets

    Another CSS crib sheet (on centering divs) from Andy Budd and a first A List Apart article (on creating a JavaScript image gallery) from Jeremy Keith.

  • Discovering DOM scripting

    DOM scripting is much more than getElementById. Elements can be isolated and manipulated without having an id at all. To demonstrate this I’ve put together a simple script which redefines the styles of a class.

  • Accents in alerts

    Ever needed to put accented characters such as é into a JavaScript alert? It’s surprisingly problematic.

  • Spectacular calendar

    Mishoo has created a quite spectacular Web site. Using structural XHTML 1.1 (not quite valid, but the intention is clear) and CSS, the end result is visually very rich. But the most impressive bits (to me) are all his DHTML work, from some sleek animations, through mouseovers…

  • Good stuff

    Good stuff on design, usability and elegant coding from Adrian Holovaty and Tantek Çelik. And Dean has introduced a great Google highlighting tool which highlights your Google search terms. See it in action here (click the top link to clagnut). Update: Cal Henderson…

  • spam and stuff

    A List Apart has a geeky double issue which has partly pissed me off. On the good side there’s a pretty good attempt to prevent spam bots reading email addresses which uses JavaScript and character encoding. On the disappointing side is an article explaining how to…