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
Coding Club