Topic: Javascript
-
Graceful E-Mail Obfuscation
Hide e-mail addresses from spam bots while revealing them to readers as real, clickable links. This transparent and fully automated solution guarantees that all addresses on your site will be safe—even the ones that show up in blog comments!
-
Text-Resize Detection
Chris Heilmann and Lawrence Carvalho serve up a way to detect your visitors' text size settings using 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.
-
Cross-Browser Variable Opacity with PNG: A Real Solution
Think you’re stuck with wimpy GIFs and their rigid binary transparency? Well, think again, Sunshine. Michael Lovitt shows how to overcome flaky browser support for PNG so you can take advantage of this graphic format’s lossless compression, alpha transparency, and variable opacity.
-
Cross-Browser Scripting with importNode()
Anthony Holdener explores the world of XML DOM support for web browsers and presents a new technique for cross-browser scripting.
-
Ruining the User Experience
Anticipating your users' needs is the key to making a good impression; it's the little things that matter most. ALA technical editor Aaron Gustafson explains why progressive enhancement means good service.
-
Flash Embedding Cage Match
Ever had to embed Flash into a web page and just been plain confounded about the best way to do it? Be confused no more! Bobby van der Sluis cuts through the arguments and opinions about the many techniques available.
-
Making Compact Forms More Accessible
Space constraints can put the squeeze on accessibility and usability. Mike Brittain shares his method for making itty-bitty forms more accessible and easier to use.
-
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.
-
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.
-
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.
-
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.
-
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.
-
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.
-
DOM Design Tricks
In Part One of a spankin’ new series, Eisenberg shows you, step by step, how to use the W3C Document Object Model (DOM), Style Sheets, and JavaScript to pull off nifty design tricks and add value to your site's content.
-
DOM Design Tricks III: Using Events in the Document Object Model
Be a code wizard ... or, just look like one. In Part 3 of the DOM Design Tricks tutorial series,Eisenberg shows us how to dynamically change text on a page. The theory, examples, and scripts will work in Mozilla and IE5.
-
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.
