A List Apart

Menu

Topic: JavaScript

  • Inline Validation in Web Forms

    ·

    Web forms don’t have to be irritating, and your inline validation choices don’t have to be based on wild guesses. In his examination of inline form validation options, Luke Wroblewski offers that rarest of beasts: actual data about which things make people smile and which make them want to stab your website with a fork.

  • JavaScript MVC

    ·

    As JavaScript takes center stage in our web applications, we need to produce ever more modular code. MVC (Model-View-Controller) may hold the key. MVC is a design pattern that breaks an application into three parts: the data (Model), the presentation of that data to the user (View), and the actions taken on any user interaction (Controller). Discover how MVC can make the JavaScript that powers your web applications more reusable and easier to maintain.

  • Creating Intrinsic Ratios for Video

    ·

    Have you ever wanted to resize a video on the fly, scaling it as you would an image? Using intrinsic ratios for video and some padding property magic, you can. Thierry Koblentz shows us how.

  • Advanced Debugging With JavaScript

    ·

    JavaScript debuggers help find and squash errors in code. To become an advanced debugger, you’ll need to know about the tools available to you, the typical JavaScript debugging workflow, and code requirements for effective debugging. In this article, using a sample web application, Steen and Mills share advanced techniques for diagnosing and treating bugs.

  • Progressive Enhancement with JavaScript

    ·

    Our introductory series on progressive enhancement and the ways it can be implemented concludes with a look at the mindset needed to implement PE in JavaScript, and a survey of best practices for doing so.

  • Progressive Enhancement with CSS

    ·

    Organize multiple style sheets to simplify the creation of environmentally appropriate visual experiences. Support older browsers while keeping your CSS hack-free. Use generated content to provide visual enhancements, and seize the power of advanced selectors to create wondrous (or amusing) effects. Part two of a series.

  • Understanding Progressive Enhancement

    ·

    Steven Champeon turned web development upside down, and created an instant best practice of standards-based design, when he introduced the notion of designing for content and experience instead of browsers. In part one of a series, ALA’s Gustafson refreshes us on the principles of progressive enhancement. Upcoming installments will translate the philosophy into sophisticated, future-focused design and code.

  • Test-Driven Progressive Enhancement

    ·

    Starting with semantic HTML, and layering enhancements using JavaScript and CSS, is supposed to create good experiences for all. Alas, enhancements still find their way to aging browsers and under-featured mobile devices that don’t parse them properly. What’s a developer to do? Scott Jehl makes the case for capabilities testing.

  • CSS Sprites2 - It’s JavaScript Time

    ·

    In 2004, Dave Shea took the CSS rollover where it had never gone before. Now he takes it further still—with a little help from jQuery. Say hello to hover animations that respond to a user’s behavior in ways standards-based sites never could before.

  • Getting Out of Binding Situations in JavaScript

    ·

    Every wonder who you really are? Congratulations! You have a lot in common with JavaScript. Learn once and for all how to train your JavaScript to remember who it is and what it’s doing.

  • Creating More Using Less Effort with Ruby on Rails

    ·

    The “why” of Ruby on Rails comes down to productivity, says Michael Slater. Web applications that share three characteristics, they’re database-driven, they’re new, and they have needs not well met by a typical CMS, can be built much more quickly with Ruby on Rails than with PHP, .NET, or Java, once the investment required to learn Rails has been made. Does your web app fall within the RoR “sweet spot?”

  • Getting Started with Ruby on Rails

    ·

    The “how” of Ruby on Rails: Hivelogic’s Dan Benjamin prepares non-Rails developers, designers, and other creative professionals for their first foray into Rails. Learn what Ruby on Rails is (and isn’t), and where it fits into the spectrum of web development and design. See through the myths surrounding this powerful young platform, and learn how to approach working with it.

  • Take Control of Your Maps

    ·

    It is now possible to replicate Google Maps’ functionality with open source software and produce high-quality mapping applications tailored to your design goals. Paul Smith shows how.

  • Beyond DOCTYPE: Web Standards, Forward Compatibility, and IE8

    ·

    For seven years, the DOCTYPE switch has stood designers and developers in good stead as a toggle between standards mode and quirks mode. But when IE7, with its greatly improved support for standards, “broke the web,” it revealed the flaw in our toggle. The quest was on to find a more reliable ensurer of forward compatibility. Is version targeting the answer?

  • If I Told You You Had a Beautiful Figure…

    ·

    Laying out images consistently within a design is difficult, especially when you hand the keys over to someone else to fill in the content. ALA Staffer Aaron Gustafson demonstrates how a little clever JavaScript goes a long way toward resolving inconsistencies in image layout.

  • 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!

  • 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.