Faux Absolute Positioning

Graphics, Site Feeds, Tutorial, alistapart.com No Comments »

CSS layout is awesome, except when your layout calls for a header, a footer, and columns in between. Use float, and content changes can cause columns to wrap. Use absolute positioning, and your footer can crash into your columns. Add the complexity of drag-and-drop layouts, and a new technique is needed. Enter “faux absolute positioning.” Align every item to a predefined position on the grid (as with absolute positioning), but objects will still affect the normal flow (as with float).

 

Hide Your Shame: The A List Apart Store and T-Shirt Emporium is back. Hot new designs! Old favorites remixed! S, M, L, XL. Come shop with us!

Sketching in Code: the Magic of Prototyping

Graphics, Site Feeds, Tutorial, alistapart.com No Comments »

The rise of Ajax and rich internet applications has thrown the limitations of traditional wireframing into painful relief. When you leave the world of page-based interactions, how do you document all but the simplest interactions? Flowcharts and diagrams don’t work. Prototyping saves the day by focusing on the application and conveying its “magic.” Prototypes can help you sell a decision that is fundamentally or radically different from the client’s current solution or application. Sit a stakeholder down in front of a working prototype and show him or her why your approach is compelling.

 

Hide Your Shame: The A List Apart Store and T-Shirt Emporium is back. Hot new designs! Old favorites remixed! S, M, L, XL. Come shop with us!

Sketching in Code: the Magic of Prototyping

Graphics, Site Feeds, Tutorial, alistapart.com No Comments »

The rise of Ajax and rich internet applications has thrown the limitations of traditional wireframing into painful relief. When you leave the world of page-based interactions, how do you document all but the simplest interactions? Flowcharts and diagrams don’t work. Prototyping saves the day by focusing on the application and conveying its “magic.” Prototypes can help you sell a decision that is fundamentally or radically different from the client’s current solution or application. Sit a stakeholder down in front of a working prototype and show him or her why your approach is compelling.

 

Hide Your Shame: The A List Apart Store and T-Shirt Emporium is back. Hot new designs! Old favorites remixed! S, M, L, XL. Come shop with us!

Saving the Spark: Developing Creative Ideas

Graphics, Site Feeds, Tutorial, alistapart.com No Comments »

Ideas are at the heart of every creative process. However, coming up with them can be hard work. Mark Boulton arms us with tools to meet this challenge.

 

Hide Your Shame: The A List Apart Store and T-Shirt Emporium is back. Hot new designs! Old favorites remixed! S, M, L, XL. Come shop with us!

Writing an Interface Style Guide

Graphics, Site Feeds, Tutorial, alistapart.com No Comments »

Ever designed or developed a beautiful interface only to find your hard work ruined months later by gaudy graphics or invalid markup? With proper documentation you’ll have a better chance at seeing your interface stay beautiful. Jina Bolton guides us through the process of developing an interface style guide.

 

Hide Your Shame: The A List Apart Store and T-Shirt Emporium is back. Hot new designs! Old favorites remixed! S, M, L, XL. Come shop with us!

The Cure for Content-Delay Syndrome

Graphics, Site Feeds, Tutorial, alistapart.com No Comments »

Clients love to write copy. Well, they love to plan to write it, anyhow. On most web design projects, content is the last thing to be considered (and almost always the last thing to be delivered). We’ll spend hours, weeks, even months, doing user scenarios, site maps, wireframes, designs, schemas, and specifications—but content? It’s a disrespected line item in a schedule: “final content delivered.” Pepi Ronalds proposes a solution to this constant cause of project delays.

 

Hide Your Shame: The A List Apart Store and T-Shirt Emporium is back. Hot new designs! Old favorites remixed! S, M, L, XL. Come shop with us!

Why Did You Hire Me?

Graphics, Site Feeds, Tutorial, alistapart.com No Comments »

Landing a new job or client is difficult in this economic climate. Undelivered contractual promises and work environment shortcomings can transform that challenge into a long-term nightmare. Keith LaFerriere shows how to get paid what you’re worth; how to fight for control of your projects using management tools corporate cultures respect (even if they don’t understand your work); and how to tell when it’s time to jump ship.

 

Hide Your Shame: The A List Apart Store and T-Shirt Emporium is back. Hot new designs! Old favorites remixed! S, M, L, XL. Come shop with us!

Community: From Little Things, Big Things Grow

Graphics, Site Feeds, Tutorial, alistapart.com No Comments »

Q. What technology do you need to build the next Flickr? A. Trick question. What you need to build the next Flickr is people. George Oates, a key member of the core team that shaped the Flickr community, shares lessons that can help you grow yours.

 

Hide Your Shame: The A List Apart Store and T-Shirt Emporium is back. Hot new designs! Old favorites remixed! S, M, L, XL. Come shop with us!

Zebra Striping: Does it Really Help?

Graphics, Site Feeds, Tutorial, alistapart.com No Comments »

Just because a design convention exists doesn’t mean it works. Our field runneth over with design patterns, but is low on evidence of their utility. Jessica Enders drops some science on the widespread belief that zebra stripes aid the reader by guiding the eye along a table row.

 

Hide Your Shame: The A List Apart Store and T-Shirt Emporium is back. Hot new designs! Old favorites remixed! S, M, L, XL. Come shop with us!

Getting Started with Ruby on Rails

Graphics, Site Feeds, Tutorial, alistapart.com No Comments »

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.

 

Hide Your Shame: The A List Apart Store and T-Shirt Emporium is back. Hot new designs! Old favorites remixed! S, M, L, XL. Come shop with us!

Creating More Using Less Effort with Ruby on Rails

Graphics, Site Feeds, Tutorial, alistapart.com No Comments »

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?”

 

Hide Your Shame: The A List Apart Store and T-Shirt Emporium is back. Hot new designs! Old favorites remixed! S, M, L, XL. Come shop with us!

Take Control of Your Maps

Graphics, Site Feeds, Tutorial, alistapart.com No Comments »

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.

 

Hide Your Shame: The A List Apart Store and T-Shirt Emporium is back. Hot new designs! Old favorites remixed! S, M, L, XL. Come shop with us!

Accessible Data Visualization with Web Standards

Graphics, Site Feeds, Tutorial, alistapart.com No Comments »

When designing interfaces for browsing data-driven sites, creating navigation elements that are also visualization tools helps the user make better decisions. Wilson Miner demonstrates three techniques for incorporating data visualization into standards-based navigation patterns.

 

Hide Your Shame: The A List Apart Store and T-Shirt Emporium is back. Hot new designs! Old favorites remixed! S, M, L, XL. Come shop with us!

Sign Up Forms Must Die

Graphics, Site Feeds, Tutorial, alistapart.com No Comments »

You load a new web service, eager to dive in and start engaging, and what’s the first thing that greets you? A sign-up form. We can do better, says Luke Wroblewski, author of Web Form Design: Filling in the Blanks. Via a technique of “gradual engagment,” we can get people using and caring about our web services instead of frustrating them (or sending them to a competitor’s site) by forcing them to fill out a sign-up form first.

 

Hide Your Shame: The A List Apart Store and T-Shirt Emporium is back. Hot new designs! Old favorites remixed! S, M, L, XL. Come shop with us!

Findability, Orphan of the Web Design Industry

Graphics, Site Feeds, Tutorial, alistapart.com No Comments »

Findability is to Search Engine Optimization (SEO) as “web standards” is to “table layouts.” In a web whose vastness exceeds comprehension, sites with findable content win. The good news is that everyone on your team can help make your site findable. Get a taste for this essential discipline from Aarron Walter, author of Building Findable Websites: Web Standards, SEO, and Beyond.

 

Hide Your Shame: The A List Apart Store and T-Shirt Emporium is back. Hot new designs! Old favorites remixed! S, M, L, XL. Come shop with us!