A word from the editors: Approach again within the early days of net design—again earlier than, even, A Listing Aside—there was Zeldman.com, the place 1000’s of us spent hour after hour absorbing each little bit of net design data we may. Between 1995 and 1999, Jeffrey Zeldman himself even answered your questions—or no less than, his alter ego Dr. Net did.
Article Continues Beneath
The times the place one column can cowl “All the things You Ever Wished To Know About HTML, CSS, Graphics, & Multimedia” are lengthy gone (besides on the Web Archive), however Dr. Net is again. This time, our fearless chief is right here that can assist you discover your home and construct a satisfying profession on this large, bizarre, altering business we name the net.
Learn on for Dr. Net’s recommendation, and don’t overlook to submit a query of your personal.
Expensive Dr. Net,
I’m a print designer attempting to transition into the net world, however the assets on the market appear to be countless. It’s overwhelming attempting to determine the place to start out. Do you will have any options for what to learn, who to hearken to, or easy methods to in any other case take cautious sips from the firehose?
Expensive Simply,
Humorous you need to ask. 4 rating and 13 years in the past, I wrote a e-book for designers transitioning to the net. That e-book is now obtainable freed from cost, and whereas a few of the websites it references are not with us, and various of its browser references and front-end methods are amusingly dated, the essential premises are as true right this moment as they have been in 2001. Take pleasure in Taking Your Expertise To The Net, Dale Cruse’s HTML rendition of the e-book, or obtain the PDF model, containing the unique format, typography, and art work. (Due to New Riders, my unique publishers, for believing within the e-book, and for permitting me to present it away on-line after its best-used-by date expired.)
If you’re prepared to be taught HTML and CSS—and, no less than till Macaw is in its 5.0 model, each net designer ought to be taught these issues, no less than nicely sufficient to know the ideas behind them—learn Designing With Net Requirements adopted by Bulletproof Net Design and HTML5 for Net Designers.
Then dive into Aaron Gustafson’s fashionable traditional, Adaptive Net Design: Crafting Wealthy Experiences with Progressive Enhancement. Although compact and approachable, it’s jam-packed with the collective knowledge of actually 1000’s of recent net designers, builders, and consultants, all filtered by means of Aaron’s experience, practicality, and pleasant type. No one has ever performed a greater job of explaining progressive enhancement and why it’s the foundation of common net design.
In fact, net designers don’t dwell by code alone. So subsequent, or concurrently, I like to recommend getting your mitts on Steve Krug’s traditional, Don’t Make Me Assume, which is the quickest and friendliest method I do know for a print designer to understand all these issues about usability and interplay design that you just’d by no means, ever choose up in a standard graphic design curriculum or profession. In print for 13 years, it’s been translated into 20 languages and offered over 400,000 copies—and now it’s obtainable in a completely revised version.
As a print designer, you’re aware of kind—and on the net, interfaces consisting virtually fully of kind are used to current content material consisting virtually fully of kind. Bone up on what kind means for the display screen with Ellen Lupton’s newly launched Kind on Display screen, and Jason Santa Maria’s upcoming On Net Typography.
When you’re studying these books, you also needs to be visiting web sites, viewing supply, choosing all, and copying right into a textual content editor. The extra you examine different individuals’s HTML markup and CSS, the higher you’ll start to know easy methods to construction net content material so individuals and search engines like google can discover it, and browsers and units can show it. Wanting working as a part of a front-end improvement crew with skilled colleagues, viewing supply is one of the best front-end net improvement training you may have. (“Entrance-end” is what we name it to differentiate from the heavier sorts of coding that go into the “back-end” of most websites right this moment.)
In fact, it helps if the websites whose supply code you’re viewing are well-made. Apart from viewing supply on A Listing Aside (cough), you’ll discover nice supply code on Chris Coyier’s CSS Tips. (You’ll additionally be taught a lot about CSS, the visible language of net design.) You’ll be taught masses extra about CSS, and get extra nice supply code as well, within the articles part of Sara Soueidan’s web site.
Different nice assets—for training, inspiration, nice supply code, and simply plain good studying—embody:
That is barely a distracted begin; readers, please listing your favourite websites within the feedback part.
Don’t examine or work in isolation. For those who’re freelancing or working remotely, Twitter could be your finest pal (or may also help you discover your new finest buddies). After every week of working at dwelling, find time for a meetup in your hometown, and in case your metropolis gives free or cheap design, improvement, or consumer expertise (UX) occasions, benefit from these choices and get on the market. This can be a heat neighborhood filled with passionate practitioners who like to share suggestions and make connections.
Lastly and maybe most significantly, take the time to develop into deeply aware of a number of web sites that you just love and use on a regular basis. Analyze what design selections and particular touches (whether or not of interactivity, or visible hierarchy, or copy, or no matter) make the expertise of utilizing the location so particular. Likewise, if you encounter an unpleasant-to-use website (on-line banking, anybody?), as a substitute of fleeing in frustration, power your self to spend further time on that website, to find which explicit interplay design selections are chargeable for your dangerous expertise. After which by no means, ever make selections like that on the websites you design.
Design on the net is a mixture of aesthetics and value, management and give up, constraint and countless creativity. Designing books is great, however designing for the net is an entire ’nother factor. Welcome, pal!
Have a query about skilled improvement, business tradition, or the state of the net? That is your probability to choose Jeffrey Zeldman’s mind. Ship your query to Dr. Net through Twitter (#askdrweb), Fb, or electronic mail.