A List Apart

Menu

Topic: JavaScript

  • User-Proofing Ajax

    ·

    Ajax offers the ability to avoid both needless browser behavior like page reloads and useful browser behavior like error handling. When good web apps go bad, Peter Quinsey’s guidelines and techniques can help you and your users stay informed and productive.

  • Print to Preview

    ·

    Going from the browser to the printer has always been a bit of a guessing game. In this article, Pete McVicar shows us a method for providing users with a reliable print preview.

  • Text-Resize Detection

    ·

    Chris Heilmann and Lawrence Carvalho serve up a way to detect your visitors’ text size settings using JavaScript.

  • Behavioral Separation

    ·

    Breaking up is hard to do. But in web design, separation can be a good thing. As Jeremy Keith explains, content, style, and behavior all deserve their own space.

  • Community Creators, Secure Your Code! Part II

    ·

    In part two of his two-part series on protecting your community site from malicious cross-site scripting attacks, Niklas Bivald rolls up his trousers and wades into the JavaScript.

  • Community Creators, Secure Your Code!

    ·

    Don’t be like MySpace. Protect your community site from malicious cross-site scripting attacks. Part one of a two-part series.

  • A More Accessible Map

    ·

    Nifty web maps powered by Google and Yahoo! APIs are all the rage. And rage is what a visually impaired user may feel when trying to use them. Is there a way to make beautiful web maps accessible? In a word, yes.

  • Getting Started with Ajax

    ·

    In this excerpt from O’Reilly’s Web Design in a Nutshell, 3rd Edition, ALA’s production editor would like to take you aside for a little chat about the birds and the bees. Or maybe about Ajax.

  • Web 3.0

    ·

    Web 2.0 is a fresh-faced starlet on the intertwingled longtail to the disruptive experience of tomorrow.  Web 3.0 thinks you are so 2005.

  • Introducing the CSS3 Multi-Column Module

    ·

    Cédric Savarese would like you to meet the CSS3 multi-column module. It may not have extensive browser support yet, but this semantically sound method of dividing content into columns may be more relevant than you think.

  • Improving Link Display for Print

    ·

    Some time ago, Eric Meyer showed you how to add URIs to the printed version of your pages using print styles. Sometimes, though, too many inline URIs can make pages hard to read. Aaron Gustafson comes to the rescue with a JavaScript add-on that’ll have you loving your linkage again.

  • JavaScript Logging

    ·

    Debugging got you down? Weep no more. David F. Miller introduces fvlogger, a script library that brings simple logging functionality to JavaScript and the browser and makes your life easier and more fun.

  • Complex Dynamic Lists: Your Order Please

    ·

    Help your site’s visitors reach their goals quickly with a dynamic menu that takes its cue from the Mac OS X Finder.

  • Hybrid CSS Dropdowns

    ·

    Yup. It’s yet another CSS dropdown article — but one that resolves many problems associated with common dropdown methods and degrades beautifully. Hybrid CSS dropdowns allow access to all pages, keep the user aware of where she is within the site, and are clean and light to boot. It’s a tasty little vitamin pill, so quit sighing and try it.

  • JavaScript Triggers

    ·

    Now that you’ve separated your website’s (XHTML) structure from its (CSS) presentation, wouldn’t it be great to similarly abstract the behavioral (JavaScript) layer from the others? ALA prodigal Peter-Paul Koch shows how to use JavaScript Triggers to do just that.

  • The Way It’s Supposed to Work

    ·

    Groundbreaking accessibility information. Project management and information architecture theory from old-school experts. Plug-and-play solutions to universal design and development problems. Experimental CSS/DOM hacks that use non-semantic elements to do funky design tricks. One of these things is not like the others…which is why we’re introducing a tiny new feature to the magazine.

  • Invasion of the Body Switchers

    ·

    Wouldn’t it be great if we could update the classic ALA style switcher to accommodate multiple users and devices, including some that aren’t even traditional browsers, all from a single JavaScript and CSS file? Well, now we can! Enter the Body Switcher.

  • Enhance Usability by Highlighting Search Terms

    ·

    Google’s cache offers users a copy of your website with their search terms highlighted. You can do the same thing and make it easier for users to find what they’re looking for — whether they’re coming from an external search engine or your own site search — by making their search terms easy to spot.

  • A Better Image Rotator

    ·

    The first image rotator made it easy to generate a random image on a web page, even if you had never worked with PHP before. The new, more powerful (but still dead easy) version uses a simple configuration file to create custom links, alt tags, titles, and even CSS styles for each image. Plus it handles differently sized images without a hiccup. Enjoy!

  • Dynamically Conjuring Drop-Down Navigation

    ·

    Got content? Got pages and pages of content? Wouldn’t it be nice if you could offer your readers a drop-down menu providing instant access to any page, without having to sit down and program the darned thing? By marrying a seemingly forgotten XHTML element to simple, drop-in JavaScript, Christian Heilmann shows how to do just that. There’s even a PHP backup for those whose browsers lack access to JavaScript. Turn on, tune in, drop-down.