Coding Club

Some very useful web resources and articles

Web design

• “A Design Process Revealed,” from Douglas Bowman: for non-designers who need to design
• “Developing with Web Standards and Best Practices,” a practical primer on web standards from Roger Johansson
• “Style vs. Design,” by Jeffrey Zeldman
• Typetester: screen-type comparison tool
• Web-safe fonts page and font samples from The Browser News (more on this from an MIT student’s web fonts page)

Information architecture

• “Information Architecture Tutorial,” an old-school Webmonkey article from John Shiple
• An information architecture glossary (PDF) from the Argus Center for Information Architecture
• “Introduction to Information Architecture,” Chapter two of Rosenfeld and Morville’s foundational Information Architecture for the World Wide Web
• “What is Information Architecture on the Web?” by Iain Barker

Markup, CSS, and scripting

• Cheet sheets on CSS, PHP, JavaScript, and much more — an invaluable resource from Dave Child (see also Brett Merkey’s CSS Cheat Sheet with examples)
• CSS and web standards tutorials and resources from Westciv
• CSS 101, a “self-paced tutorial site for learning the basics of Cascading Style Sheets” from Makiko Itoh
• CSS Basics: just what it sounds like, in 18 chapters, all online
• “CSS From the Ground Up,” from Web Page Design for Designers, is a perfect place to begin if you have graphic design training, but no web design experience
• “CSS No Crap Primer,” from Wendy Peck
• CSS Panic: a guide for the unglued from Owen Briggs
• CSS tutorials from Max Design: Listutorial, Floatutorial, and Selectutorial, plus the mighty Listamatic
• “Designing a CSS-Based Template,” a five-part series from Veerle Pieters
• Designing for print style sheets, from Mark Boulton
• Dev Guru, reference guides on markup, style, and scripting languages
• “Learn CSS positioning in ten easy steps,” from BarelyFitz Designs
• The New York Public Library XHTML Style Guide (see also Dave Shea’s short Markup Guide)
• “On having Layout,” from Ingo Chao offers a fix for troublesome IE behavior — a little advanced, but worth bookmarking
• Step-by-step immersive CSS redesign from Albino Blacksheep
• “Ten good practices for writing JavaScript in 2005,” from Bobby van der Sluis
• Web browser standards support, a resource on the level of support for web standards and maturing technologies in popular web browsers, from Web Devout
• The Web Form Factory automatically builds PHP forms for you: use it wisely
• XHTML Character Entity Reference from Digital Media Minute
• The z–index explained (”rp” stands for “relatively positioned” and “ap” for “absolutely positioned”)

Multi-subject resources

• Digital Web Magazine: articles, columns, interviews, and reviews on a wide range of web topics
• The University of Minnesota Duluth’s extrordinary collection of web design and development reference material
• Web Design from Scratch: oodles of reference material on web design topics

Design

• AIGA: the professional association of the design industry
• Brands of the World: logos, logos, logos
• Colour Lovers and More Crayons: color reference and inspiration for webby folk
• Communication Arts, Computer Arts, and How Design magazines
• css Zen Garden and cssBeauty
• Design Addict, a resource on modern, post-modern and contemporary design
• Design is Kinky, design magazine and community
• Design Meltdown: design elements, problems, and trends in web design
• Design Observer: writings on design and culture
• Netdiver: digital culture and new media design magazine
• Thinking with Type, the online companion to Thinking with Type: A Critical Guide for Designers, Writers, Editors, & Students, by Ellen Lupton
• Typographica, a journal of typography

IA

• Boxes and Arrows magazine
• The IA Institute, information architecture’s professional association; see also the “Introductory sources” section of the Institute’s library
• The Information Architecture mailing list for ASIS&T (American Society for Information Science and Technology) and the IA Institute’s Members’ Listserv (members only)
• The IAWiki, the information architect’s wiki
• Info Design blog and newsletter

Markup, style, standards, and accessibility

• Bite Size Standards, web tutorials, tips, and tricks from standards lovers, frequently updated
• Community MX, Macromedia-centric content and community support, with free and paid membership options
• CSS-Discuss Wiki, an invaluable resource and home of the storied CSS-D mailing list
• HTML Dog, HTML and CSS resources from Patrick Griffiths
• Position Is Everything, home of the piefecta and so much more
• The “Starting Off” section of Your HTML Source, a friendly and very intro-level guide to the world of web development
• WaSP, reference, news, and advocacy
• Web Standards Group