Although the CSS gallery thing is starting to get out of hand, viewing “real-world” examples have always been helpful to me. I learned to code by reverse-engineering other people’s code, and it’s inspiring to see how other designers solved practical problems. “CSS Beauty”:http://www.cssbeauty.com has been a consistently strong resource for me.
Thanks for the great collection of web resources. Although I knew some of them it’s always good to have a few more.
For your international readers there might be another great resource: “http://www.selfhtml.org/”:http://www.selfhtml.org/. It covers almost all topics of HTML and CSS in brief. Currently it’s available in German, French, Spanish and Japanese. English translation is on its way.
I’ve been trying my hardest to learn design skills, but coming from a programming background it’s a bit daunting; especially if your girlfriend is a designer herself it makes it out into something like a dark art which you can only be born with.
Something which you can imagine is pretty off-putting at first, but can be challenged with hard work and determination and these articles and links you’ve posted will help a lot in furthering my skills.
The hardest thing i think is just coming up with ideas, I mean when you come home from work tired and drained it’s hard to muster up ideas for your personal site but lately i’m finding inspiration with my flickr pals and the groups i’ve joined and made a few long-term friends along the way.
What can i say, the ALA will always be a site for inspiration and these sources help out a lot.
If anyone’s got any more things they think i should read, let me know, appreciate it.
Thanks dudes, what a great bunch of cool site where to learn from. I also would recommend to visit “Stu Nicholls Site”:www.cssplay.co.uk. He is a well known CSS Artist, who makes extraordinary things just with css.
Copy & paste the code below to embed this comment.
gab pascua
I’m also doing web design and I’ve been accustomed to using Dreamweaver, Photoshop & Flash. I have to admit though that they are expensive. Are there any free or inexpensive alternatives to these 3 that you guys from ALA use?
I wrote something similar a while ago “here”:http://www.badboy.ro/articles/2006-07-23/index.php but Erin’s definitely covering more ground than me. Good job!
Thanks so much for that collection of links. If anyone ever tells me they want to learn how to web design from now on, i’ll be able to keep them busy for quite some time.
I also suggest this “Html Tutorial”:http://www.mcli.dist.maricopa.edu/tut/ . It really got me a solid foundation of the what’s going on behind everything else.
There is a typo in “Designing a CSS-Based Template,” a five-part series from Veerle Pieters – the attribute HREF of A tag is “http://http://” which points to “http://www.w3.org/Protocols/” via Google redirect in Firefox.
Other than that, nice collection of resources! Thanks a bunch!
Great little list. I’d like to add my resource, Devlounge (www.devlounge.net). We try to provide original articles on web design related topics such as web standards, design, and code as often as possible.
That’s a very handy list, your site and many of the others you’ve mentioned have been scoured and many re-visited in my quest to improve my CSS and XHTML knowledge.
One you missed – CSSPlay by Stu Nicholls http://www.cssplay.co.uk
Probably not for beginners, but Stu’s experiments have been very helpful in giving me some new ideas as to what’s possible.
Although some aren’t cross browser or accessible – there’s some great (and fun) ideas on here. Check it out.
Note to self: Check out a List Apart code to work out how they do that nice comment preview thing!
I know that books are rather ‘old media’ but since I usually end up printing out destructions having them pre-printed can be useful. Here are some that I like:
“Head First HTML with CSS & XHTML”:http://www.amazon.com/Head-First-HTML-CSS-XHTML/dp/059610197X/sr=8-4/qid=1161033278/ref=pd_bbs_sr_4/002-7035573-7884056?ie=UTF8 the best introduction I have come across. Tackles syntax, with examples and gently introduces theory (that’s right—what is elements, how inheritance?) as you go along. Totally brilliant—I am using with a class of n00bs and they love it!
Eric Meyer’s “On CSS”:http://www.amazon.com/Eric-Meyer-CSS-Mastering-Language/dp/073571245X/sr=1-1/qid=1161033412/ref=pd_bbs_sr_1/002-7035573-7884056?ie=UTF8&s=books and “More Eric Meyer on CSS”:http://www.amazon.com/Eric-Meyer-CSS-Mastering-Language/dp/073571245X/sr=1-1/qid=1161033412/ref=pd_bbs_sr_1/002-7035573-7884056?ie=UTF8&s=books are well worth shelling out for.
Dave Shea & Molly Holzschlag’s “The Zen of CSS Design”:http://www.amazon.com/Zen-CSS-Design-Enlightenment-Voices/dp/0321303474/ref=pd_sim_b_4/002-7035573-7884056?ie=UTF8
and there are lots more goodies. I do find Zeldman’s “Designing with Web Standards”:http://www.amazon.com/Designing-Standards-Voices-That-Matter/dp/0321385551/sr=1-1/qid=1161033556/ref=pd_bbs_sr_1/002-7035573-7884056?ie=UTF8&s=books rather preachy and over the top. Not one to buy if you’re wanting to do CSS rather than read about how upstanding you are to want to do CSS.
Thanks for the great list of links. There are several blog posts out on the internet of this very theme, but this ALA post is my favorite so far. I’ll be sure to send it to anyone coming to me interested in web design. :)
I’d also like to second the recommendation above: http://www.cssplay.co.uk
“Clearleft”:http://www.clearleft.com/ offers up “this Client Survey”:http://www.clearleft.com/worksheet/survey.rtf to help identify site goals, audience, establish desired look and feel, etc.
Copy & paste the code below to embed this comment.
Richard Warnock
Some useful links for those who provide web page content or design to the U.S. government.
U.S. Government Electronic and Information Technology Accessibility Standards (Section 508) http://www.access-board.gov/508.htm
Final Standards – http://www.access-board.gov/sec508/standards.htm
Preamble (published discussion of the standards) – http://www.access-board.gov/sec508/preamble.htm
Subpart B—Technical Standards (in both Final Standards and Preamble) contains the following:
Section 1194.21 Software Applications and Operating Systems is most applicable to web page applications.
Section 1194.22 Web-based Intranet and Internet Information and Applications is most applicable to web page design.
These standards have a requirment for any work done for any entity of the federal government since June 21, 2001.
Copy & paste the code below to embed this comment.
Shane Morgan
Great links. What about resources for those who have to write for the web?
I’m thinking articles like those from Erin Kissane on “incisive.nu”:http://www.incisive.nu/articles What other good reference or magazine sites might compliment ALA’s Content > Writing category?
Copy & paste the code below to embed this comment.
Nick Tillman
Ok, I have BA in English and decided that I didn’t want to teach (which is sort of like flushing 4 years down the toilet, but iambic pentameter is pretty). I got a job answering emails at my college and then next thing you know, I’m doing design work and discovered 1) I’m not too bad at it and 2)I love IT!
So my question is: do I need a “degree” in order to be a web designer or should I just take some classes to learn things I have difficulty teaching myself like PHP (I already taught myself HTML and CSS)? Does the market require a degree or just a good portfolio?
26 Reader Comments
Back to the ArticleDan Mall
Although the CSS gallery thing is starting to get out of hand, viewing “real-world” examples have always been helpful to me. I learned to code by reverse-engineering other people’s code, and it’s inspiring to see how other designers solved practical problems. “CSS Beauty”:http://www.cssbeauty.com has been a consistently strong resource for me.
Andreas Berg
Thanks for the great collection of web resources. Although I knew some of them it’s always good to have a few more.
For your international readers there might be another great resource: “http://www.selfhtml.org/”:http://www.selfhtml.org/. It covers almost all topics of HTML and CSS in brief. Currently it’s available in German, French, Spanish and Japanese. English translation is on its way.
John Griffiths
I’ve been trying my hardest to learn design skills, but coming from a programming background it’s a bit daunting; especially if your girlfriend is a designer herself it makes it out into something like a dark art which you can only be born with.
Something which you can imagine is pretty off-putting at first, but can be challenged with hard work and determination and these articles and links you’ve posted will help a lot in furthering my skills.
The hardest thing i think is just coming up with ideas, I mean when you come home from work tired and drained it’s hard to muster up ideas for your personal site but lately i’m finding inspiration with my flickr pals and the groups i’ve joined and made a few long-term friends along the way.
What can i say, the ALA will always be a site for inspiration and these sources help out a lot.
If anyone’s got any more things they think i should read, let me know, appreciate it.
All the very best.
John.
anyul rivas
Thanks dudes, what a great bunch of cool site where to learn from. I also would recommend to visit “Stu Nicholls Site”:www.cssplay.co.uk. He is a well known CSS Artist, who makes extraordinary things just with css.
Ray McKenzie
I’ve always found “Brainjar”:http://www.brainjar.com/ to be a valuable resource.
Vanja Ä?urinec
Just what I’ve needed. Thanks!
gab pascua
I’m also doing web design and I’ve been accustomed to using Dreamweaver, Photoshop & Flash. I have to admit though that they are expensive. Are there any free or inexpensive alternatives to these 3 that you guys from ALA use?
Richard Anderson
“http://tacoma.web.design.googlepages.com/#everything”:Tacoma Web Design For America
Richard Anderson
“tacoma web design for america”:http://tacoma.web.design.googlepages.com/#everything
Lucian Slatineanu
I wrote something similar a while ago “here”:http://www.badboy.ro/articles/2006-07-23/index.php but Erin’s definitely covering more ground than me. Good job!
Mr Hen
While a little basic, I still find w3schools’ CSS2 Reference page extremely helpful.
Daniel Ray
Thanks so much for that collection of links. If anyone ever tells me they want to learn how to web design from now on, i’ll be able to keep them busy for quite some time.
I also suggest this “Html Tutorial”:http://www.mcli.dist.maricopa.edu/tut/ . It really got me a solid foundation of the what’s going on behind everything else.
Thanks.
Stefan Isarie
There is a typo in “Designing a CSS-Based Template,” a five-part series from Veerle Pieters – the attribute HREF of A tag is “http://http://” which points to “http://www.w3.org/Protocols/” via Google redirect in Firefox.
Other than that, nice collection of resources! Thanks a bunch!
Andrew C.
Great little list. I’d like to add my resource, Devlounge (www.devlounge.net). We try to provide original articles on web design related topics such as web standards, design, and code as often as possible.
webecho designs
That’s a very handy list, your site and many of the others you’ve mentioned have been scoured and many re-visited in my quest to improve my CSS and XHTML knowledge.
One you missed – CSSPlay by Stu Nicholls http://www.cssplay.co.uk
Probably not for beginners, but Stu’s experiments have been very helpful in giving me some new ideas as to what’s possible.
Although some aren’t cross browser or accessible – there’s some great (and fun) ideas on here. Check it out.
Note to self: Check out a List Apart code to work out how they do that nice comment preview thing!
Mark Pearson
I know that books are rather ‘old media’ but since I usually end up printing out destructions having them pre-printed can be useful. Here are some that I like:
and there are lots more goodies. I do find Zeldman’s “Designing with Web Standards”:http://www.amazon.com/Designing-Standards-Voices-That-Matter/dp/0321385551/sr=1-1/qid=1161033556/ref=pd_bbs_sr_1/002-7035573-7884056?ie=UTF8&s=books rather preachy and over the top. Not one to buy if you’re wanting to do CSS rather than read about how upstanding you are to want to do CSS.
Jeffrey Seely
Thanks for the great list of links. There are several blog posts out on the internet of this very theme, but this ALA post is my favorite so far. I’ll be sure to send it to anyone coming to me interested in web design. :)
I’d also like to second the recommendation above: http://www.cssplay.co.uk
Jim O'Donnell
A few links I’d recommend for building accessible web sites.
“Accessify”:http://accessify.com – general accessibility discussion, hints & tips.
“Building accessible websites”:http://joeclark.org/book/ – Joe Clark’s book.
“Bruce Lawson”:http://brucelawson.co.uk – Bruce Lawson’s blog.
gary lund
“Clearleft”:http://www.clearleft.com/ offers up “this Client Survey”:http://www.clearleft.com/worksheet/survey.rtf to help identify site goals, audience, establish desired look and feel, etc.
Chris Hunt
Sometimes it’s more important, when starting out, to know what not to do on your site. So I’d add http://webpagesthatsuck.com/ to your list.
Richard Warnock
Some useful links for those who provide web page content or design to the U.S. government.
U.S. Government Electronic and Information Technology Accessibility Standards (Section 508) http://www.access-board.gov/508.htm
Final Standards – http://www.access-board.gov/sec508/standards.htm
Preamble (published discussion of the standards) – http://www.access-board.gov/sec508/preamble.htm
Subpart B—Technical Standards (in both Final Standards and Preamble) contains the following:
Section 1194.21 Software Applications and Operating Systems is most applicable to web page applications.
Section 1194.22 Web-based Intranet and Internet Information and Applications is most applicable to web page design.
These standards have a requirment for any work done for any entity of the federal government since June 21, 2001.
Shane Morgan
Great links. What about resources for those who have to write for the web?
I’m thinking articles like those from Erin Kissane on “incisive.nu”:http://www.incisive.nu/articles What other good reference or magazine sites might compliment ALA’s Content > Writing category?
Nick Tillman
Ok, I have BA in English and decided that I didn’t want to teach (which is sort of like flushing 4 years down the toilet, but iambic pentameter is pretty). I got a job answering emails at my college and then next thing you know, I’m doing design work and discovered 1) I’m not too bad at it and 2)I love IT!
So my question is: do I need a “degree” in order to be a web designer or should I just take some classes to learn things I have difficulty teaching myself like PHP (I already taught myself HTML and CSS)? Does the market require a degree or just a good portfolio?
Jesse Phillips
Why is there no section on typography? What The Font should be helpful to some and definately Typophile, among others.
Also listing forums for designers would be useful I think. Maybe Kirupa or Yay hooray or Designers Talk to name a few.
David Bradford
Incorrect URL:
http://http//veerle.duoh.com/blog/comments/designing_a_css_based_template_part_i/
Correct URL:
http://veerle.duoh.com/blog/comments/designing_a_css_based_template_part_i/
Just wanting to help out your other users as Stefan Isarie did some time ago.
Garrick Liyaw
If anyone has a good web design, please let me know, I am collecting them at <a >webdesignrank</a>. :)