A Information for New Readers – A Checklist Aside

For those who’re going to construct a home—or a web site—you want the proper instruments. A Checklist Aside presents tons of of articles on design, markup, model, accessibility, usability, and extra. We’ve chosen a couple of that you simply may need to begin with. (Consider this information as a kind of reassuring brochures from Lowe’s or House Depot, however about web sites as a substitute of ceramic tile.)

Article Continues Under

Word: A Checklist Aside publishes intermediate and superior articles written for net professionals, so we assume familiarity with HTML, CSS, and ideas like usability and accessibility. For those who’re searching for introductory articles, maintain on for half two of this sequence, by which we’ll advocate sources for freshmen.

Laying the inspiration#section2

If your own home’s basis is sweet, the home will stand for years regardless of the altering world round it. So, too, with web sites. Listed below are a couple of of the articles that element the theories, ideas, and practices on which a lot of the trendy net is constructed.

Design idea #section3

John Allsopp’s “A Dao of Net Design,” is foundational as a result of it offers an enlightened take a look at what net design was, what it might be, and the way designers and builders might let the online be the online.

Curt Cloninger’s “Usability Specialists are from Mars, Graphic Designers are from Venus” addressed the growing rift between usability specialists and graphic designers within the early days of the online. This text and others prefer it blunted the sharp edges of controversy by encouraging visible designers and usefulness specialists to collaborate on stunning, usable websites.

Requirements advocacy#section4

In 2001, ALA writer Jeffrey Zeldman wrote “From Desk Hacks to CSS Structure: A Net Designer’s Journey,” a summation of his (and his buddies’) foray into standards-based design. This text was necessary as a result of it championed the idea of separating model and content material with CSS, HTML (and later XHTML) and the DOM. Together with different articles on the topic, it impressed tons of of designers to think about standards-based design.

In 2001, Zeldman additional mentioned the significance of standards-based, accessible design in two extra articles: “To Hell with Unhealthy Browsers” and “Why Don’t You Code for Netscape?”. Each articles could seem technologically outdated, however their core theories concerning the significance of net requirements and accessibility are nonetheless related.

Structure and elegance#section5

Mark Newhouse’s “CSS Design: Taming Lists,” was a visionary article on model lists to be used as navigation. This matter can be extensively elaborated on and refined by different designers similar to Dan Cederholm.

“Suckerfish Dropdowns,” by Patrick Griffiths and Dan Webb was one of many first articles to indicate designers create CSS dropdown thực đơn programs, a feat that was beforehand attainable solely via the usage of in depth JavaScript.

“Various Type: Working with Various Type Sheets,” by Paul Sowden was essential within the development of standards-based design. It launched and promoted model switching as a tangible observe, whereas serving to to additional illuminate (by instance) the necessity for accessibility in our net designs.

Few names in fashionable net design are extra recognizable than Eric Meyer’s. A pioneer within the realm of CSS, Eric has preached from the pulpit about CSS and standards-based design for the reason that pulpit was constructed. His 2002 article, “CSS Design: Going To Print,” defined how ALA model 2 addressed the necessity to ship a nicely designed web page to the printer.

If partitions might speak#section6

As soon as the inspiration is laid, it’s time to border the partitions. A Checklist Aside publishes round 50 new articles per 12 months, so there’s no scarcity of articles that can assist you construct the structural partitions of your web site. Listed below are a couple of we expect each net designer ought to learn, print, and retailer in a protected, dry place.

Web page structure and design#section7

  • “In Search of the Holy Grail,” by Matthew Levine. Three-column fluid layouts inside a standards-based design are among the many most tough to realize. Consequently, they’ve been dubbed the Holy Grail of net design. Quite a few strategies have been developed to deal with this design drawback, however sacrifices are frequent in using it. Matthew Levine produced maybe probably the most compact, unobtrusive model of this course of so far.
  • “Exploring Footers,” by Bobby Van Der Sluis. Primarily geared in direction of footer positioning, this text outlines strategies for bettering the positioning and dealing with of footers and different components with CSS.
  • “Elastic Design,” by Patrick Griffiths. Patrick explores the method of elastic design in a single full package deal protecting sort, structure, and picture dealing with.
  • “Flash Satay: Embedding Flash Whereas Supporting Requirements,” by Drew McLellan. This text confirmed us embed Flash components and nonetheless be capable to name ourselves “requirements compliant.” For these of us who err on the aspect of obsessive compulsive, it was factor.

Making use of model#section8

  • “Invasion of the Physique Switchers,” by Andy Clarke and James Edwards. This text took the highly effective model switching method launched by Paul Sowden in 2001 and enhanced it to offer the designer and consumer extra management.
  • “The Excellent 404,” by Ian Lloyd. This nice little piece explored the tactic of making customized 404 pages for generally encountered issues.

Higher dwelling via server-side code#section9

  • “A Higher Picture Rotator,” by Dan Benjamin. This 2004 article was a observe as much as Dan’s earlier article, “Random Picture Rotation.” On this piece, Dan launched a revised methodology of picture rotation utilizing PHP that permits the usage of alt attributes and particular URLs for every picture.
  • “URLs URLs URLs,” by Invoice Humphries. This text reveals rework CGI-generated URLs into significant addresses utilizing Apache.
  • “The right way to Succeed with URLs,” by Until Quack.  This addendum or add-on helped us to perform the identical course of written about in “URLs URLs URLs,” utilizing PHP.
  • “Slash Ahead (Some URLs are Higher Than Others),” by Waferbaby. One other nice within the net design world, Waferbaby’s 2002 article helped us contemplate the construction of our hyperlinks and the significance of the trailing slash.

Worthy of particular point out#section10

A Checklist Aside has been fortunate sufficient to host articles by a number of the greatest designers within the net trade. Listed below are a couple of written by designers who went on to alter the online.

Douglas Bowman’s “Sliding Doorways of CSS Half I and Half II” launched us to the method of making elegant navigation and different interface components with semantic markup. This methodology has popped up on numerous web sites, and Doug’s gone on to do too many good issues to checklist.

CSS Sprites: Picture Slicing’s Kiss of Demise,” by Dave Shea, gave us an entire new method to deal with rollovers by way of CSS, permitting us to ditch picture slicing methods left over from table-based design. I don’t assume there’s a standards-based designer on the market who isn’t accustomed to Dave Shea and his unbelievable undertaking, the CSS Zen Backyard.

One other duo of large articles from Dan Cederholm—creator of Easy Bits and creator of a number of great books—had been printed in ALA in 2004. “Fake Columns” breaks down the method of simulating columns via a repeated background picture. “Mountaintop Corners” explores the method of making better-rounded field corners with photos and CSS.

The ultimate main step in the home development course of helps us get in out of the rain. Listed below are a number of the ALA articles that, whereas they don’t cope with structural and stylistic requirements, do matter ultimately.

Graphic design and typography#section12

  • “The Bathing Ape Has No Garments (and different Notes on the Distinction between Type and Design),” by Adam Greenfield. This text is within the operating for the longest article identify award at ALA. It speaks volumes concerning the variations between design and styling.
  • “Good Designers Redesign, Nice Designers Realign,” by Cameron Moll. One other excellent article by a well known designer, this name to realign web sites as a substitute of redesigning them is persuasive and to the purpose.
  • “The Hassle with Em n En (and Different Shady Characters),” by Peter Okay. Sheerin. Minding your P’s and Q’s is one factor, however have you learnt your ems and ens? Sheerin offers a definitive information to net typography. This text may help designers to get just a little extra of a grip on their typography abilities.
  • “Studying Design,” by Dean Allen. Allen speaks out concerning the want for designers to grasp the fabric they’re designing; to render their concepts clearly based mostly on an in depth information of the product / undertaking they’re engaged on. His checklist of issues a non-illiterate designer should know is insightful.


  • “Cheaper Over Higher: Why Net Shoppers Accept Much less,” by Adam Schumacher. Schumacher’s reassuring article helps us perceive why purchasers typically decide on low cost over good regardless of our profitable options.
  • “The 4-Day Week Problem,” by Ryan Carson. The final word dream is to hang around your little design shingle, set your work hours and do it your approach. Ryan Carson supplied his strategies for mastering the four-day workweek.

State of the trade#section14

And from the saving-the-best-for final division, Joe Clark’s 2006 article, “To Hell with WCAG 2,” is a scathing diatribe on the Net Accessibility Initiative’s incapacity to get out of their very own approach. The article offers a deep look into the issues going through accessibility requirements at present and describes Joe’s plans to do one thing about it.

We’ve laid the inspiration, assembled the partitions, and topped the entire thing with a shiny new roof. Our home is full… or is it?

With eight years of content material on net design greatest practices stacked up in our archives, we don’t count on this text to function the definitive information to A Checklist Aside, however we hope it helps new readers discover their approach. Whereas we’re at it, a query to our longtime readers: what articles would you advocate to starting designers and builders?

And sure…we do know that there are sources outdoors of our journal. Keep tuned for half two of this sequence, by which we’ll advocate an entire slew of beginning factors and sources that don’t dwell on our personal servers.

Leave a Comment