To celebrate the launch, and now availability, of Web Standards Solutions, I’m running a little book giveaway contest.
How to Enter
Add a comment (1 per person, anonymous comments will not be counted) to this entry with a link to your favorite article or weblog entry regarding web standards. The topic is wide open — markup practices, CSS tips and tricks, general web standards thoughts, etc. The idea here is twofold. Hopefully we’ll have a nice collection of links for people to browse, while at the same time we’ll have a pool of entries in order to pick a winner.
How to Win
To keep things fair, and to give everyone an equal chance to win, I’ll be drawing three numbers out of a hat (or some such device) — pure BINGO style. Each number corresponding to the number that’s automatically (and sequentially) assigned to each comment.
Entries must be received before 11:59pm EST on Friday June 18.
Update: The contest is now closed. The winners will be chosen and announced soon. Thanks to all who entered!
The Prizes
Each of the three winners will receive one free copy of Web Standards Solutions and one friends of ED T-shirt from the publisher. Did I mention that both were free? Delivered to you.
Good luck to all!
CSS3 For Web Designers Paperback + eBook A Book Apart
Bulletproof Web Design Third Edition New Riders 
Handcrafted CSS Book and DVD New Riders 
Web Standards Solutions Special Edition Friends of Ed 
Dribbble What are you working on? 
Instapaper Icon design
487 Comments
90% of All Usability Testing is Useless
———-
Catchey title with a nice amount of information.
http://www.adaptivepath.com/publications/essays/archives/000328.php
A Better Tighty Whitey!
http://www.airbagindustries.com/archives/002868.php
“The benefits of Web Standards to your visitors, your clients and you”
http://www.maxdesign.com.au/presentation/benefits/
Has helped convince a client on more than one occassion.
Andy Budd’s No Margin For Error
Sick of talking about web standards
10 Reasons for Web Standards
http://jessey.net/blog/archive/entries/?id=144
Probably Developing with Web Standards. Nice one to start with the basics of web standards.
“An Objective Look at Table Based vs. CSS Based Design”
http://www.andybudd.com/archives/2004/05/
an_objective_look_at_table_based_vs_css_based_design/index.php
The long url broke things so the links on 2 lines
“CSS Based Design”
http://adactio.com/articles/display.php/CSS_based_design
One of the first CSS articles I read. Written in an easy to read “Matrix” style.
CSS/Edge, cool things you can do with CSS, especially neat are the complexspiral demos.
http://meyerweb.com/eric/css/edge/index.html
Since i haven’t been participating in CSS design for long time, i have not read many articles, but i think this one from “A List Apart” really gave me a deep sight into CSS design.
http://www.alistapart.com/articles/taminglists/
Accessible HTML/XHTML Forms
The Business Case for Web Accessibility
http://www.andybudd.com/archives/2004/01/the_business_case_for_web_accessibility/index.php
Design Eye for the Usability Guy
Blue Robot’s Layout Reservoir
http://www.bluerobot.com/web/layouts/
(This stuff is what made me first understand CSS’s layout capability. The 3-column version remains the foundation for graphicPUSH.)
I like Dave Shea’s Roadmap to standards post. I use this a lot when asked how one would break old habits.
An oldie but goodie:
Design Rant
The good ‘ol Floatutorial is one of my favorites.
http://css.maxdesign.com.au/floatutorial/
http://www.zeldman.com/dwws/ which changed the way we design websites today. Or atleast encouraged more people to write a book about web standars and how to use them ;)
Great idea (perhaps, as a bonus, you can give away Gmail accounts?)
Here’s my link:
http://tantek.com/log/2003/01.html#L20030114t1345
Box Tutorial
This really helped me out quite a bit.
Simply Mountaintop Corners wich I love :)
Click here.
Best. Tabs. Ever.
unless they’re outdated now
Web Standards ROI by D. Keith Robinson.
Nothing catches the boss’s attention faster than numbers.
The article that started me on standards.
http://www.alistapart.com/articles/tohell/
CSS Crib Sheet @ Mezzoblue
Good for beginners and refreshers.
Also gotta love anything thats translated into 10 diffrent languages.
http://www.mezzoblue.com/css/cribsheet/
CSS Wiki
Behind the Wired News Design
Wired.com’s explanation why they switched to web standards for their redesign in 2002. It’s just nice to see that there are companies out there who care. :-)
This article got me interested in standards-compliant design/development.
Wired News Redesign
Making the Absolute, Relative
http://www.stopdesign.com/articles/absolute/
A great explanation of Absolute and Relative positioning.
NYPL: Style Guide
It seems with me that your only as good as your last game. The very recent The real reason you should care about web standards gets my vote.
(and it’s post #99 on that blog – very significant to a Canadian!)
Rounded Corners without images
Personally I think this is a step in the wrong direction, but it’s just experimentation.
Clagnut’s “How to size text using ems”: http://clagnut.com/blog/348/
I’ve already ordered a copy of the book, but if I should win, I’ll donate it to my local library.
Rounded corners without images, review
(spanish)
CSS and Email, Kissing in a Tree
Here’s a good article I read a few months ago:
http://www.mezzoblue.com/archives/2004/03/10/css_problems/
Good problem-solving checklist for CSS design.
i read this recently and decided it would be a great link to point my friends to who are learning about design and some who are thinking about relearning design.
css vs. tables
I was first inspired to start designing with standards after reading the Elastic Design article (http://www.alistapart.com/articles/elastic/) on A List Apart (http://www.alistapart.com).
My favorite article is just any article about the LIR; It’s my image replacement of choice and theres no span involved!
http://www.moronicbajebus.com/playground/cssplay/image-replacement/
The Business Value of Web Standards
http://www.adaptivepath.com/publications/essays/archives/000266.php
http://www.mezzoblue.com/archives/2003/12/04/css_is_visua/
It’s simple, and I really liked the response.
http://www.thenoodleincident.com/tutorials/typography/
Super Ragged Floats
A cleaner alternative to Eric Meyer’s ragged floats. Not being a web designer by profession, this is one of my best contributions to a community which has taught me, among other things, the importance of web standards. And approved by the web design community too.
SimpleQuiz
The Business Value of Web Standards by Jeffrey Veen:
http://www.adaptivepath.com/publications/essays/archives/000266.php
http://www.alistapart.com/articles/journey/
This article has both a discussion of standards and an intricate look at the redesign process, both very helpful and a good resource.
Creating Custom Corners
http://alistapart.com/articles/customcorners2/
The Learning Curve of Web Standards by Bobby van der Sluis. Nice, honest look at web standards that’s a resource unto itself.
The infamous Semantic Obsolescence, by Mark Pilgrim.
Sobering, though it didn’t quite change my mind.
Cool effect.
http://www.simplebits.com/notebook/2003/08/22/css_photo_zoom.html
Wow, sign me up! I go with Dave Shea’s Image Slicing’s Kiss of Death.
Good luck to all of you!
Why tables for layout is stupid
http://www.hotdesign.com/seybold/
Accessible, stylish form layout
http://www.themaninblue.com/writing/perspective/2004/03/24/
CSS Sprites: Image Slicing’s Kiss of Death by Dave Shea
I am a big fan of this page, CSS Round Corners, which explains how to create tabs that can expand to the font size. Really a good tutorial and read.
My other site that I have probably spent a ton of time on and learned so much is the Css Vault simply because it gives us an outlet to see all the great css designs around us and allows us to dig inside the code that put those sites together. I am a fan because inside that blog is TONS of standards links to so many different sites.
Great resource to have!
An oldie but goody.
Rules Based Design
Just an excellent working version of how to learn and use web standards. When anybody asks, I direct them here.
Great looking navigation via css, Navigation Matrix Reloaded.
http://www.htmldog.com/
Does the second comment count? :P
“Web Standards ROI” by D. Keith Robinson.
Excellent real-world reasons that effect the $_Bottom Line_$.
http://www.7nights.com/asterisk/archives/web_standards_roi.php
Navigation Matrix Reloaded by Didier Hilhorst
additionally (not quite CSS but still a killer technique)
Inman Flash Replacement by Shaun Inman
A nifty CSS thingie that showed me how far it capabilities went to:
http://web-graphics.com/mtarchive/001242.php
Best wishes with the book.
Simon Wilson’s rather spiffy approach to
separating out JavaScript from content.
Helps to convince when you can talk about the bottom line
http://www.7nights.com/asterisk/archives/nonstandard_code_hurts_the_bottom_line.php
The Business Value of Web Standards has been a good resource for me to pitch to clients when they ask why I code the way I do (instead of, say, Frontpage).
sorry to pimp myself, but the first css trick that comes to my mind is my tutorial describing how to acheive a css drop down menu.
the tutorial: http://www.alexkeeny.com/simplicity/archives/entry-21/
the result: http://www.alexkeeny.com/cssdropdown/
Making the Absolute Relative, by Doug Bowman.
I love it.
Zeldman’s “Spelling and grammar not the same“.
HTML Utopia: Designing Without Tables Using CSS
Paul Griffin’s Cross-Browser CSS Tabs.
As useful as toilet paper.
I’ll start by giving a link to the site that started it all for me, http://www.twothirty.com, and the article that started it all for me
http://www.glish.com/css/
Reading this interview really made me want to work hard at learning CSS and semantic markup and all that.
http://www.webstandards.org/learn/interviews/dcederholm/
Accessibility within [Company Name] – Building a business and legal case for accessible websites from <isolani/>
I really sometime feel to listen rather than read.. And that is what was done succefully by webtalkguys
http://www.webtalkguys.com/article-usability-2.shtml
love this one, as its good and also has an audio interview by Steve Krug… His book “Don’t make me think” firstly introduced me to Web Usability .
I like What Every Web Site Owner Should Know About Standards: A Web Standards Primer.
http://www.hotdesign.com/seybold/
this one definetivily converted me.
Great presentation content, great design…
Seybold – Why tables for layout is stupid (Go get your boss)
sosa – great minds think alike…
Catching web standards by John Allsopp’s girlfriend.
Separating Behaviour and Structure by ppk
This was the first thing I ever read about web standards (I’m a newbie): Developing with Web Standards.
My favorite web standards article of recent memory has been When Semantic Markup Goes Bad by Matthew Thomas. Because presentational markup is better than markup with false semantics.
Source Ordered Columns, at positioniseverything.net.
This article got me away from absolute-positioning sidebars.
Youngpup – Article on popup windows, and how you should properly use them.
http://www.youngpup.net/2003/popups
Roadmap to Standards is one of the better reaeds on why standards matter.
On a side note, the comment form was rejecting my comment since my URL contained the nickname for William in it.
Standards with Flash, the best article i have ever seen.
http://alistapart.com/articles/flashsatay/
http://stopdesign.com/articles/absolute/
This article finally made positioning clear (no pun intended) to me.
Not trying to kiss up but this article fixed a lot of issues with my sites.
A list apart – faux columns
Clagnut made ems easy. Now I use ems all the time for my text.
I have to propose this as a why not a how article:
The Way Forward with Web Standards
Onion skinned drop shadows at ALA. My latest obsession.
silverorange’s updated tabs: durable, crossbrowser, scalable, semantic tabs.
http://labs.silverorange.com/archives/2004/may/updatedsimple
For all you Dreamweaver users out there: Validating XHTML with Dreamweaver MX!
Sliding Doors by Douglas Bowman
I really am in love with this technique although I have never actually used it I think its fabulous and rules when you use multiple levels of tabs.
I’ve no idea of the amount of times I’ve used Doug’s The IE Factor to make it clear to slightly-techie people how much of a pain IE is, but I know it’s far more than you’d expect to have to do if the most used browser on the planet was of any use.
Separating behavior and structure
Design Eye for the Usability Guy
http://www.designbyfire.com/000094.html
This has to have been the best read in the last two months. It puts Standards into action and make the visually impaired Jacob Nielsen look good
The IE Factor from Stopdesign is a nice one :)
/Peter
A Practical Start to Web Standards by Steve Smith
An amusing rant about “click here” and it’s misuse on the web:
http://www.scribbling.net/dont_click_here
I would have to say that Eric Meyer’s css/edge (espesially complexspiral) really opened my mind to the potential of CSS which in turn helped me see the value of web standards (web standards doesn’t mean ugly)
This one helped me a lot:
Webcontent: Best Practices
The devedge interview with Mike Davidson of ESPN really helped me sell web standards to the bigwigs at my work.
An Interview With Mike Davidson of ESPN
CSS Design: Taming Lists from A List Apart really made me realize that almost everything in my sites was a list of some sort or another and how to deal with it.
CSS Design: Taming Lists
Granted, all of A List Apart is great.
Sam Ruby’s excellent article on i18n was a good one: Survival guide to i18n. Incidentally, I pre-ordered your book on Amazon ages ago, so if I win another copy I’ll roll it over into another competition or something.
This was one of the neatest css tricks I’ve seen in a while.
Onion Skinned Drop Shadows
CSS and CSS3 cursors.
Mike Rundle’s Accessible Image Replacement.
Since I had something to do with it :D
The Way Forward with Web Standards
Separation: The Web Designer’s Dilemma
Look Ma – no tables! – thats the heading for me. Not sure who wrote the original article but this heading says it all. If you’ve done your first table less xhtml standards based design, then you are really proud of it and wanna tell everyone because its not easy!
The latest from A List Apart; using negative margins for layouts is cool.
Creating Liquid Layouts with Negative Margins
Sliding Doors of CSS
http://www.orderedlist.com/articles/a_practical_start
The article that made it all start to make sense to me:
Better Living Through XHMTL
Pick me, pick me!
I’ve found the NYPL Style Guide to be a great one-stop resource for the basics on XHTML/CSS/Web standards goodness.
I’m a fan of http://diveintoaccessibility.org/
=)
Of course Stefan M
I found that this article on A Roadmap to Standards by Dave Shea to be very good and it helped me greatly in starting my journey into designing with Web Standards.
This was a great article and reminded me that some times you just need to use the right tool for the job. No matter wheather its tables,css,php,asp or what ever.
An Objective Look at Table Based vs. CSS Based Design
Heh… I came here looking for this article:
Faux Columns
But it looks like Colin Cameron beat me to the punch. How ’bout:
XHTML Web Design for Beginners – Part II
That article got me started on XHTML, and I’ll never go back!
The Way Forward with Web Standards
This Article at A List Apart really got me started. It just gives simple starting points.
http://www.alistapart.com/articles/practicalcss/
It’s even transformed me into a part-time webdesigner – originally I was only designing my personal site.
SimpleBits’ article on Standards, comparing Web standards to Home standards, really got me thinking on how good it is to send the same information to everyone, everywhere.
I will find this link useful.
http://www.simplebits.com/notebook/2004/06/16/contest.html#comments
sorry the few I came up with were already mentioned.
Separation: The Web Designer’s Dilemma
http://www.alistapart.com/articles/separationdilemma/
A Basic ALA Tutorial (of yours, actually)
Hope this counts…I just came across this today in a mailing list…it’s a “semantic validator” of sorts. And while you can have valid, web-standards compliant markup without good semantic markup, I think they do/should go hand-in-hand.
http://www.w3.org/2003/12/semantic-extractor.html
Here’s a good one:
Purple Numbers
Entering quite late in the contest I find quite a few of my resources already listed. But when it comes to illustrate the enormous possibilities to what a standards based design can look like, it was the CSS Zen Garden that opened my eyes.
Put me down for a dose of Progressive Enhancement and the Future of Web Design.
Definitly is going to be the
37SVN Topic Describing Web Standards in 10 Words or Less.
I was going to say Developing with Web Standards but since it’s been said, maybe I can break the rules a little and go with:
WestCiv’s Complete CSS Guide.
It’s indispensible to me – I use it very often.
abstracting css
This might seem like I’m fishing here, but I really love this article by you re: moutaintop corners. It helped me out a lot and showed how to do better rollovers and linking with gifs and pngs. Very great.
Link to it: http://www.alistapart.com/articles/mountaintop/ – or click here
I’m torn between dynamic image replacement and dynamic flash replacement.
All of a sudden I find myself wanting to replace text.
Is this a good place to mention that Amazon.co.uk emailed me today to say that the book has been delayed and may not be delivered to me for three weeks? Boo hoo. Really looking forward to it.
Oh, and my links: Douglas Livingstone’s layout examples for three columns and rounded corners really helped recently. The best cross-platform solutions I’ve found to date.
I was gonna say Keith Robinsons recent ROI post but i see thats been mentioned at least once or twice.
So, I know this is not a Weblog or Article, although there are probably hundreds of articles about it: http://www.csszengarden.com/ It has so inspired me, and has helped win over clients!
Sane CSS Typography
http://www.alistapart.com/articles/practicalcss/
A little old, but it’s a great introduction to some of CSS’s tricks…
I like an article about using tables vs css, but dont remember the link (nor find it)
so the second come:
Web Standard roi
just Zeldman.
http://www.zeldman.com
everyone has his address embedded on their forehead, but I found reading his site pushed me into css more than anything.
You can’t go wrong keep the CSS Validator in your favorites list.
A blog entry from diveintomark called Why we won’t help you
I suggest Real World Style. It’s clearly written, enjoyable, and has a number of techniques for handling certain CSS situations that I’ve used many a time.
It’s been mentioned twice so far I think, but it’s just so good it deserves a third:
thenoodleincident.com
everything from boxes to opinions. truly one of the most invaluable resources around.
I’m still learning, and this article is indispensable to me:
Flowing and Positioning: two page models
it was this article that opened my eyes to the beauty and power of css.
http://alistapart.com/articles/taminglists/
Sitepoint’s ‘Equalizing Columns’ sticky post by Paul O’Brien, CSS/Web standards Guru.
http://www.sitepoint.com/forums/showthread.php?t=143801
Sitepoint’s ‘Equalizing Columns’ sticky post by Paul O’Brien, CSS/Web standards Guru.
http://www.sitepoint.com/forums/showthread.php?t=143801
I’d just like to reiterate Dave Shea’s Roadmap to Standards. It’s a great post.
Also, Keith’s post that some things are (gasp) more important than web standards, helps me remember that valid XHTML/CSS is only one part of the ballgame.
The CSS Zengarden.
When I saw it, I decided to learn and use CSS, and stop using tables.
Ok, it might seem a bit obvious, but
http://www.w3c.org/MarkUp/
It is, after all, where all this web stuff started anyway. If you haven’t read it, what the bloody’ell are you doing here, go and read it. Then read it again! making sure sure you’ve covered the whole thing.
http://linear1.org/gm/archives/00000172.php
Control printer output of your pages with CSS. This article rekindled my interest in CSS solutions.
http://www.saila.com/usage/layouts/?front
Well at risk of getting disqualified for promoting someone else’s book I found that Sitepoint’s “Designing without Tables Using CSS” was a helpful read for understanding CSS and ultimately web standards a little better… The link will get you 4 sample chapters to whet your appetite.
No affiliation, happy customer, etc.
CSS from the Ground Up
This link http://www.alistapart.com/articles/dynatext/ simply because it’s the greatest/latest trick I’ve found.
The article that started me down the standards path.
http://hotwired.lycos.com/webmonkey/authoring/stylesheets/tutorials/tutorial1.html
Most of my bookmarks are already here, but i haven’t seen HTML Techniques for Web Content Accessibility Guidelines.
On the side note, when you writers are going to make your books buyable :-) worldwide (Croatia, for example)? Hopefuly some Meyer/Zeldman copies coming next week via my local bookstore, but now you made me interested in yours, too… Damn!
The Business Value of Web Standards
Will you sign the book?
WHy I started using web standards…
The Business Benefits of Web Standards
Chris
Today at work I used How to Clear Floats Without Structural Markup and I am quite enamored with the technique.
The CSS Crib Sheet by MezzoBlue.
The only thing to read when you’ve screwed up your CSS. And you know you eventually break something.
Listamatic, for all your list designing needs:
http://css.maxdesign.com.au/listamatic/
There are literally a thousand-and-one absolutely superbe articles and tutorials on a ton of excellent websites on CSS and XHTML. But what has really given me personally an incredible boost, ideas-wise, for my new site and for the Fight For Standards itself, was the latest Design by Fire article, The real reason you should care about web standards.
That article has caused an uproar across the bloggers-world, with many people now discussing what is really important: the future of the Internet itself, the way Standards fit into that picture, and the way the W3C go about doing their part, etc.
That entry, for me, is currently the most memorable, because it so perfectly dissects the whole issue that this Standards-advocacy is all about.
This is a good one :)
The real reason you should care about web standards
When in doubt, read the spec.
this page is an awesome resource for those who are learning the quirks of browsers (which is an absolute must if you want to learn xhtml css based coding properly) and how to get around them.
http://centricle.com/ref/css/filters/
IE7
We don’t have to go back and check the other 150 some odd comments to see that we’re not doing a repeat, right?
Methinks I’m probably not eligible, seeing as I won the T-shirt contest, but…
The IE Factor
http://www.maxdesign.com.au/presentation/benefits/
Nice site. I’ll look for the book at the local computer store this weekend.
Real reason you should care about web standards
http://www.alistapart.com/articles/flashsatay/
Because “standards” doesn’t mean “1995″.
Great summary for jumpstarting that first conversation about web standards.
What Every Web Site Owner Should Know About Standards: A Web Standards Primer
loved this one – text sizing… up the garden path
http://www.thenoodleincident.com/tutorials/box_lesson/font/index.html
SimpleQuiz!
http://www.alistapart.com/articles/fauxcolumns/
I slapped myself when I found out how easy Dan’s solution to this dilemma was.
This site is invalid – a slightly askew rant on web standards. Brilliant!
Hope I’m not repeating a link, but Dean Allen’s Reading Design piece at ALA stands out for me as writer for two reasons:
1. Words are more important than design, because design is fallible
2. Design is fallible.
I have found this article very useful in formatting web pages for printing using CSS.
CSS Design: Going to Print by Eric Meyer
The one that started it all for me:
http://www.alistapart.com/articles/journey/
Faux Columns
Definitely my favorite.
Stolen Shadows by Mandarin Design –http://mandarindesign.com/shadow.html
I think it’s cool.
Useful CSS2/CSS3 info:
http://gallery.theopalgroup.com/selectoracle/
I have to agree: A List Apart’s to Hell … was the article which inspired me to know more about web standards. Zeldman and all the guys there really made me rethink the way I used to design.
While I have several favorites, many of which have already been mentioned, my favorite recent article was posted by Andrei Herasimchuk, one of my favorite blog authors. When one of his recent articles was posted, it was awarded a great deal of fanfare throughout the community and regarded as somewhat trivial. I’d guess many who watch this site also watch Andrei’s, but regardless:
The real reason you should care about web standards
An excellent read, IMHO.
“Getting plugged in is probably the single biggest piece of advice I can give anyone looking to get a start with web standards. Through ongoing reading and sharing of what you know, we all grow as a community. [..]”
— ‘A Roadmap to Standards’ by Dave Shea
so many of my favorites have been mentioned… but this book available online had some good info for me at one time:
http://joeclark.org/book/sashay/serialization/
Developing with Web Standards is probably the single greatest web standards page I’ve ever come across. It touches on so many aspects and is a great article to point to when you want to introduce someone to the why and how of standards.
When I first started getting more involved with using web standards and as it was becoming more possible to do on a larger scale, I came across this article on Apple’s website. At the time, it was certainly a good internal marketing tool to use at work and with clients.
Apple – Web Page Development: Best Practices
Joe Clark’s standards testing series.
Election sites flunk standards test
It may not be web standards per se, but DKR sums up web design/development so perfectly in Give The Web Some Respect. A great read for anyone currently involved in web design or looking to get into it. The article really hit home in so many ways.
Design by Fire: For the greater good of Design, p.1 — Why Trebuchet sucks. (Lucida Sans Unicode is my ultimate alternative now.)
The Advantages of Using Valid HTML
A short piece on the benefits of using HTML standards.
// hicksdesign: 3D CSS Box Model
They are Just Tools Man by Scriv.
Got people thinking and talking.
How about the old Seybold 2003 Why Tables for Layout is Stupid
Pick me, Pick me
March to your own Standards
Do you get counted twice if you are a designer that’s under 18? Well, you should.
I’ve refered to this single page so often, it should be my homepage…
Doctypes!
Standards Angst.
I already have your book but couldn’t resist adding to the list.
Great site. Great idea(s). Great contest.
Here’s a nice web color scheme picker:
http://www.pixy.cz/apps/barvy/index-en.html
Three of my favourites, hard to pick one ;)
http://www.glish.com/css/
great page about layouts
http://www.westciv.com/style_master/academy/browser_support/basic_concepts.html
CSS support description for browsers; I am not sure about the commercial version, web based is good enough for me ;)
http://www.datapark.ru/CHulan/Istinnaiapravdaovalidatore.html
article about HTML validator(s); in Russian, but it can be translated into fairly understandable form using some online translation tool
I’m not going to win, so I’ll just fill this up with my personal favorites. Like Phil Balchin, I learned to use web standards from the source, back in 1999 when Mozilla version were measured in milestones and IE5 was the new kid on the block. The most readable and cutting-edge specifications were:
1. HTML 4.01
2. Cascading Style Sheets, level 2
3. Extensible Markup Language (XML) 1.0
Finally, you must check out TBL’s original proposal for the world wide web for the impressive foresight the scientist possessed:
4. Information Management: A Proposal
My how things have changed! And how things have stayed the same!
I have two favourites…
SimpleQuiz – a living document and a survey as well on how designers views/do and solve a particular markup or problem. I look forward to the next addition of the quiz. That goes along with…
3d CSS box model – A single image that tells you a lot about the behavior of CSS and how IE/Win screws it up.
;)
Ignore this entry. Disqualify it. I just want to add two more links which I felt were important. Style guides used to be all the rage since the beginning. The best ones were:
5. The Yale Web Style Guide was so helpful that I bought the book!
6. The Style Guide for Online Hypertext was also good at establishing conventions used by nearly every web site since the invention of the web. Another TBL must-have.
First, a historical entry to this contest. Reading this I first realized the value of the Web standards:
4 Reasons to Validate your HTML
Here’s another favorite, clear and to the point article about the CSS box model:
The Box Model Problem
Journey – Greatest Hits
“In Defense of Fahrner Image Replacement”
Source: http://www.digital-web.com/articles/in_defense_of_fahrner_image_replacement/
IE Three Pixel Text Jog bug-fixing by positioniseverything.net
http://www.positioniseverything.net/explorer/threepxtest.html
Listmatic… the little doodads that show people how nice CSS is, and make them think about using it more.
The real reason you should care about web standards
From Table Hacks to CSS Layout: A Web Designer’s Journey
That’s all I gots to say.
Olympic Failure: A Case for Making the Web Accessible
Great comment from Mike Davidson about how standards shouldn’t be enforced 100% and that you should do what works for you.
http://www.mikeindustries.com/blog/archives/000009.php
A post over at dog or higher recently caught my eye.
Web standards and relationships… a look at the personal side of things. With a quote like: “…sexually transmitted web standards. Slightly more fun than the clap, but just as contagious.” how could you go wrong.
Catching web standards
Making the Absolute, Relative
http://www.stopdesign.com/articles/absolute/
Doug explains this perfectly in simple terms :)
First Usenet post referring to CSS
Designing Forms Using CSS Layouts
From Table Hacks to CSS Layout: A Web Designer’s Journey
The article that started alot of people on this grand old journey.
What are web standards and why should I use them?
Mine would have to be Mezzoblue’s A Roadmap to Standards
A reminder that web standards are about a lot more than validation, information architecture, and semantic code.
http://www.mikeindustries.com/blog/archives/000009.php
I’m definitely biased, since I had a hand in it, but I’d say The Way Forward with Web Standards.
Why tables for layout is stupid: problems defines, solutions offered
The link you can show to anyone that will surely convince them to switch to web standards!
My favorite is this:
http://www.mezzoblue.com/archives/2004/03/10/css_problems/
It is a huge help guide when things go wrong.
mcu.org.uk’s “What is an accessible website?” gets my vote. I like the somewhat cynical approach the author took to it.
My ‘favorite’:
http://www.9rules.com/whitespace/our_thoughts/lets_be_honest_but_lets_not_get_crazy.php
Mike Davidson’s March to Your Own Standard.
Budget Design: Increase Profit by Improving Process at http://www.sinelogic.com
Sorry, it’s in french and there’s no english translation available but this one is my favorite :
Oublions les handicapés
Colored boxes – one method of building full CSS layouts
http://www.maxdesign.com.au/presentation/process/
http://www.alistapart.com/articles/negativemargins
I LOVE this technique!
The classic, thought provoking post from Mr Kottke on standards and semantics. One of the reasons I started visiting Simplebits…
http://www.kottke.org/03/08/standards-semantically-correct
Nice illustration of floats and how they work.
Dynamic Text Replacement
Great technique!
Here’s a good article about character encoding that I have used many times over the years:
The Trouble With EM and EN (ALA)
I enjoyed the Mountain Top corners one:
http://www.alistapart.com/articles/mountaintop/
I like this article by Veerle Pieters : Web Standards, Where do we go from here? A few ideas… Because of the ideas she gives on how to move forward.
A List Apart’sSelling Clients on Web Standards
“The standards revolution starts at the client.”
This article, although short, really opened up my mind and revealed the obvious:
All CSS Sites Look The Same – Dog Blog, HTML Blog
Another “why use web standards”-article
http://www.maxdesign.com.au/presentation/benefits/
Numbered List Pairs – I learned a lot about web standards (and the “practice” of web standards) just from the great exchange of comments as a result of a seemingly simple question.
Andrei’s The real reason you should care about web standards.
I have really found this useful. Infact, I guess this really changed the look of navigation for websites.
Listmatic . More tutorials can be found here. MaxDesign . Check this out as well List-o-matic
Interesting read about preaching standards to the non web-savy.
Catching web standards
Son of Suckerfish Dropdowns
My favourite which I use constantly in the office is
Why tables for layout is stupid.
It’s not only has brilliant content but is presented better than just about anything else I have seen.
JavaScript is a standard. JavaScript is a useful client-side language. Just like CSS then. Therefore, JavaScript should be separated from markup, but I didn’t get that until I read this:
Separating behaviour and structure (Peter-Paul Koch, Digital Web Magazine)
(But I couldn’t possibly post here without mentioning SimpleQuiz. Endless sites talk about separating structure from presentation, but so few sites that I’ve seen treat structure as a subject in and of itself. HTML is an old language designed for structuring scientific reports, and thus it’s not easy to apply it to the various types of modern web page.
SimpleQuiz has help me immeasurably, even just by starting me thinking about the best way to mark things up. Many thanks for making it happen, Dan.)
I already have my copy of your book on its way (should be here any day now…woo hoo!) but I wanted to contribute a link which has not been mentioned yet:
John Allsopp’s A Dao of Web Design:
http://www.westciv.com/style_master/house/good_oil/dao/index.html
An oldie but a goodie…and still relevant I think…
One of most influential articles, as far as my opinnion is concerned, is Bowman’s entry on his CSS Zengargden project:
A Design Process Revealed
Design Eye for the Usability Guy
The Behaviour Layer (DigitalWeb article by Peter-Paul Koch)
http://www.digital-web.com/articles/the_behavior_layer/
Sound article explaining how JavaScript can and should be accessible. If you’re fed up with bashing on about Web standards (HTML and CSS) then start investigating this end of things.
A Hungarian Forum Topic :)
Css vs Table
http://inertia.d2.hu/hu/forum.phtml?f=showtopic&n=1667
Behind the scenes of “The New Blogger”
I love finding out what happens behind the scenes of a redesign…
The company I work for is in the proces of a major redesign/CMS conversion project. I have had the extremely pleasant position as Sitebuilder with responsibilty for formulating the frontend coding methods/standards. Having followed Wired, ESPN and the other major corporate redesigns closely we finally landed on a layout method that is centered primarily on floats. Eric Meyers article below is on of many ressources I used in getting to understand how floats really work, and how to avoid the usual bugs they trigger in some modern browsers.
Eric Meyer: Containing Floats
The first SimpleQuiz entry. Not because of the contents per se, but because of the thought process it started and those SimpleQuiz’ that came after it.
- Jonas
Eric Meyer’s
Images, Tables, and Mysterious Gaps
[Hungarian site]
[Hungarian site]
[Hungarian site]
[Hungarian site]
Gurus v. Bloggers, Round 1
A really funny and entertaining article about how bloggers websites are better that then ones from supposed gurus like Nielsen.
I know it’s been listed before – but only because it’s such a wonderful article … it’s something I only read recently, but really clarified everything for me.
The definitive newbie guide: Developing With Web Standards from the wonderful people at 456bereastreet.com.
The style sheet switcher, it makes great websites more fun.
http://www.alistapart.com/articles/alternate/
My favourite A List Apart article:
Faux Columns: A List Apart
http://www.alistapart.com/articles/customcorners/
Retooling Slashdot with Web Standards by Daniel M. Frommelt at A List Apart was the thing that got me interested in pure CSS/xhtml design. Such redesigns are also good to demonstrate the idea “css can do everything that tables can” to those in doubt.
ps: I know it is a two part article, I hope that won’t disqualify me :)
This article on sizing text in ems at Clagnut helped a few things click for me.
Anything by Joe Clark. Here’s a sample:
Bookmarks for standards testing
Joe Clark kicks our unworthy butts
But mainly, of course, for his marvellous, freely-available online book, Building Accessible Websites.
Despite the fact that I already pre-ordered the book, I’ll point you folks to “The Cost of Pagerank”:
http://www.stopdesign.com/log/2004/05/28/cost.html
http://www.adaptivepath.com/publications/essays/archives/000266.php
Because they need convincing!
Why tables for layout is stupid.
My favourite, its probably already been said but I didn’t have time to go through each entry. Sorry.
http://www.Zengarden.com
Incredible. Take a look at the source of the template, and see what can be achieved with fully compliant css & xhtml.
it’s been mentioned a few times already, but March To Your Own Standard by Mike Davidson.
a great read on why validating your site is not the most important thing you should be striving for…
The NYPL Style Guide. A very good best practices reference on how to use XHTML and CSS.
THE coding troubleshooter:
W3C Markup Validator
Can any XHTML coder live without it?
I realise that this article has been mentioned several times already, but it is so good:
Why tables for layout is stupid: problems defined, solutions offered
http://sandbox.bednarz.nl/css/fixed/header-col.html
Fixed headers.
Who need´s frames.
Rounded boxes w/ dropshadows
I’ll go with Sliding Doors by Doug Bowman. Many others worth mentioning, and you guys already have.
Faux Columns article on A List Apart.
This got me to abandon table layouts and on to the path towards using web standards.
Dated, I admit, but this got it started for me.
http://glish.com/css/
John’s Dao of Web Design and Owen’s Little Boxes. Oldies… but I’ve been at his game for so long….:-)
Westciv’s CSS Guide
Sliding Doors of CSS is a very interesting technique.
I had also translate it in italian :-)
Mezzoblue
http://css-discuss.incutio.com/
One stop shop for CSS links. You can always make it even better.
Real World Styles
Your Own Standards
Some great innovative experimentations with CSS
http://www.s7u.co.uk/
A first time post for me, I am just getting the hang of this web standards stuff. I am always searching for tutorials and articles and this one is pretty cool:
Listutotial
Design by Fire – Andrei Herasimchuk:
The real reason you should care about web standards
Many of you already know about CSS. A List Apart isa well known source. I’m more a PHP-develloper, and CSS is a good way to keep my programming away from layout.
An example to give the pictures of my gallery-script a shadow:
http://www.alistapart.com/articles/onionskin/
Definitely Roger Johansson’s
developing with web standards!
The Web Design Reference site advocates web standards, accessibility, CSS, usability and many related topics. It is a huge mega-reference (over 3,000 links) of information and articles. It also has a listserv and RSS feed for site updates.
http://webstandards.org/learn/tutorials/accessible-forms/01-accessible-forms.html – I design forms a great deal on my companys intranet and these extra accessibility tips were very helpful
ListMatic and ListMatic2
I’ve found them both to be a great resource and reference
Although it’s already been mentioned, I would definitely say The Business Value of Web Standards by Jeffrey Veen:
http://www.adaptivepath.com/publications/essays/archives/000266.php
This document provided me with one of those “a-ha” moments–finally, a lucid explanation of the CSS flow model and how different kinds positioning work.
IE6 Peekaboo Bug by Holly ‘n John. Saved my arse.
I have used this concept a lot
Faux Columns
Also the Web Design Glossary.
Why tables for layout is stupid:
http://www.hotdesign.com/seybold/
thanks,
i have to choose only one? as a standards neophyte, i’m still into collections, and i think this one is going to be great…a hodge-podge of theory and application “field recommendations” for all levels of expertise! http://www.simplebits.com/notebook/2004/06/16/contest.html
Accessible Image-Tab Rollovers
CSS ZenGarden has been an invaluable source of inspiration to me.
CSS Zen Garden
The Web Standards Project
I’ve read Mark Pilgrim’s 30 Days to a More Accessible Website and implemented many of the suggestions on my own site. One in particular that I had never thought of dealt with accessible forms … you can read it here: Labeling Form Elements.
Quite enjoyed this article as it was concise and advocated real world standards:
Tables Vs CSS – A Fight to the Death
by Andy Budd made a whole lot of common sense.
Congratulations for the launch!
I found this article to be very appealing: Web Page Reconstruction with CSS.
http://bobby.watchfire.com/bobby/html/en/index.jsp
Bobby Watchfire, accessibility “validator”
An oldie but goodie about separating presentation from content and from structure.
http://www.alistapart.com/articles/separationdilemma/
CSS Sprites: Image Slicing
Revenge of the Menu Bar!
I’m waiting for “Revenge of the Menu Bar 2 – Menu Harder” personally…
March to your own standard
http://www.mikeindustries.com/blog/archives/000009.php
Congratulations on the book launch
Auxiliary Benefits of Accessible Web Design
http://www.456bereastreet.com/lab/developing_with_web_standards/
The best:
http://cssbeauty.com/
What Every Web Site Owner Should Know About Standards: A Web Standards Primer
http://www.maccaws.org/kit/primer/
Developing With Web Standards by Roger Johansson.
The article that enlightened me.
http://www.thenoodleincident.com/tutorials/design_rant/
Not too original:
Why tables for layout is stupid
Excelent for begginers.
Design Eye for the Usability Guy got me started going again after a long dry spell. What a great use of humor to show how usability and design really can work together.
CSS Sprites: Image Slicings Kiss of Death
No more preloading images for rollover effects.
Consistent List Indentation:
http://devedge.netscape.com/viewsource/2002/list-indent/
On using standards intelligently, from Mike Davidson:
March to your own standard
Alternative Style: Working With Alternate Style Sheets: A List Apart
this has really got me going :)
Another vote for http://www.csszengarden.com
The Web plumber’s toolbag…fix that leaky browser!
Explorer Exposed!
Why web standards? See the great comic-strip-like introduction by Seybold
The Trouble With EM ’n EN (and Other Shady Characters)
Not the first time its been voted for but I found it enlightening.
And the Garden. I love the Garden.
Positioning and the Cascade
Nothing mind-blowing, but a handy helpful thing for me when I read it.
One of my favorites, it’s old, but it’s that good.
To Hell with Bad Browsers
I very much enjoy Max Design’s Listamatic(1&2) as well as the tutorials. They show how many different types of menus, etc can be accomplished with CSS.
I don’t remember exactly how I got into CSS & web standards, but I think it must have been mainly due to Eric Meyer.
And of course the Zen Garden is inimitable.
A very handy tool and reference for CSS:
W3Schools
http://www.w3schools.com/css/
It’s really difficult to pick one of many…
but let it be
The Business Value of Web Standards by Jeffrey Veen. It helped me a lot.
http://www.adaptivepath.com/publications/essays/archives/000266.php
Chris Pederick’s Web Developer Extension for Firefox. Great tool.
As noted by Simon Willison.
Using a lot of these method in my own CSS redesign coming soon :)
http://www.alistapart.com/articles/taminglists/
Simple Quiz
I learned so much from that.. it brought some of the most interesting standard discussions on the web
Dive Into Accessibility
http://www.orderedlist.com/examples/the_bend
An excellent tutorial on how to do bendy text with CSS. I liked the idea.
CSS Navigation Matrix
http://superfluousbanter.org/archives/000187.php
Combines several interesting techniques like image slicing, and list styling.
Man, this tutorial é great! It helped me a lot!
http://www.alistapart.com/articles/fauxcolumns/
http://www.webstandardsawards.com
http://www.simplebits.com/notebook/2003/08/27/this_validates.html
I remember first getting pages to validate…..
A Roadmap to Standards
http://www.mezzoblue.com/archives/2004/04/30/a_roadmap_to/
A Roadmap to Standards
http://www.mezzoblue.com/archives/2004/04/30/a_roadmap_to/
There is ofcourse an abundance of articles to choose from, there are some that made me go “wow” but this is probably the only one that made me hit my head on my desk hard enough to give me a headache.
the This text is DEAD CENTRE and stays there! trick
The real reason you should care about web standards
http://www.designbyfire.com/000099.html
Onion Skinned Drop Shadows
was a good article I think! :)
Let’s try with: A List Apart: Mountain Top Corners
The World Wide Web is Not Enough
The comments are actually more informative than the article.
http://www.mezzoblue.com/css/cribsheet/
http://www.adactio.com/articles/display.php/CSS_based_design/2
Hokey Matrix-inspired metaphors aside, I like the simplicity and friendliness of this one.
http://www.stopdesign.com/articles/design_process/
Good to see how an expert does his work.
Mini-site for Zeldman’s book – this convinced me to buy it and embark on the journey of Standards-based design.
This is a great theory
http://www.happycog.com/lectures/dwws/
I actually started to use Web Standards when iCab introduced its Let iCab smile campaign. The desire to get a smiling face on my pages in this browser and to use its site-wide navigation toolbar pushed me to read and use the HTML Specification.
It seems that all the ‘good’ links have already been posted ;)
Anyway, when I am looking for inspiration for a new design I look at:
http://www.coolhomepages.com/
I know it’s not only about CSS or standards but a good source for creativity and contains good links to other resources.
Here you go :
http://www.simplebits.com/publications/solutions/
“This site does not validate”
http://www.mikeindustries.com/blog/archives/000009.php
by Mike Davidson .. Great view on these darn standards :)
Recently enjoyed reading…
http://www.alistapart.com/articles/negativemargins/
A recent one that is an interesting read: The real reason you should care about web standards. There are also dozens of great choices from A List Apart.
My start into the world of compliance and standards began with the purchase of a random book from Barnes & Noble, Designing with Web Standards. It is a wonderful book and I was glad to have found it so soon into my career.
Digital Life radio feature on Web Standards
The popularity of web standards, may finally put the pressure on Microsoft to update their browsers to a fully compliant CSS level 1 standard.
Lord would that every make life more enjoyable.
I’m slowly learning web standards. The best link that gives me good insight about you and your book is:
http://webstandardsgroup.org/features/dan-cederholm.cfm
Sliding Doors of CSS.
A great article showing how tocreate tab navigation using CSS styled lists.
Great Resource about WebStandards, CSS, Usability and abit more ;)
http://resource.reh3.com/content/resList.html
http://www.thenoodleincident.com/tutorials/box_lesson/index.html
It was the first time I saw a CSS layout and realized all its potential
Where I first saw tableless css layouts. Still a good site as a reference.
glish css layouts
Favorite as in my inspiration for using standards: From Table Hacks to CSS Layout: A Web Designer’s Journey
“The separation of style from content is at ALA today, but tomorrow, or the day after, it will be at all sites. Far from seeming revolutionary, difficult, dangerous, or non-user-friendly, it will simply be the way the medium functions. It is, after all, the way the web was always meant to work.”
The real reason you should care about web standards
I think this one is a good place to start on layouts:
Little boxes
http://www.mezzoblue.com/css/cribsheet/
Real World Style: Floating Thumbnails and Real World Style: Forms have started me down the path of re-thinking th last two situations I used tables: tabular data and forms.
CSS Sprites: Image Slicings Kiss of Death
An Objective Look at Table Based vs. CSS Based Design
Helping your visitors
CSS Max Design has been a very thorough, and easy-to-understand resource. They explain everything to the nth detail so there’s no room for error. :-)
I’m something of a Luddite, so any changes I make tend to start with baby steps. Zeldman’s Better Living Through XHTML nudged me in the right direction, and made me feel silly for taking so long to switch.
I just want to enter the contest – great site, love the layout and the logo.. keep it up!!!
http://jesse.richardson.name
My fav always has been Taming Lists. Changed my view of navigation forever (and for the good) :)
design rant
it would be nice if the #comments anchor was at the form rather than the top of the comments list. would do away for the need to scroll past 383 other comments before reaching the comments form. but, i digress.
oldie but goody
http://www.tantek.com/CSS/Examples/boxmodelhack.html
i need design help. any little ‘bits’ help! :)
I like this article by Andy Budd.
Enjoy! ^_^
Favorite of mine:
http://www.alistapart.com/stories/journey/
http://www.456bereastreet.com/lab/developing_with_web_standards/
The CSS No Crap Primer helped me get started.
Hello
Here is my choice:
http://www.designbyfire.com/000099.html
http://www.simplebits.com/bits/minitabs.html
I read that a long time ago and it was one of the first things that showed me the “power” of CSS. That and the other publication with the images in place of the border: http://www.simplebits.com/notebook/2003/08/14/minitab_shapes.html
Seems like a lot of people want a free book and shirt!
Sick Of Web Standards
Keith Robinson tells it like it is.
http://www.scientificamerican.com/article.cfm?articleID=00048144-10D2-1C70-84A9809EC588EF21&catID=2
Written in part by Tim Berners-Lee himself, this article is a good summary of the W3C view for the future of the Web and the standards that will make it happen.
Simple Box Model Hack:
http://www.info.com.ph/~etan/w3pantheon/style/modifiedsbmh.html
This article by Eric Meyer really help me understand floats better:Containing Floats
Well, the first link ill post is a MUST. I havent checked to see if its allready here, but i bet it is. However A list apart was the trigger for me to start using CSS’s potential in making websites. It is responsible also for making me be more concious on accesibility.
Other interesting links:
Process of design by Douglas Bowman, need I say more? :P
Dive into accesibility: Excellent book on accesibility.
and finally another milestone in my design “carreer”:
Mountain top corners this article sure helped me a lot! :)
Good luck to all
When I started looking at CSS based design I ploughed through everything that ALA had to offer – it’s beaut -
and Max design
also bonza
I know a few people have already linked to articles at maxdesign, but really I have to recommend it again: maxdesign.com.au .
The code in the floatutorials, for example, is cleaner and easier to understand and apply than many other attempts to explain 2-column and 3-column fluid layouts.
Highly recommended and doesn’t get hte attention it deserves.
By the way, thanks for a great site, and best of luck with the book.
When I originally decided to learn css the one thing that really did not click very well was the aspect of floats, specifically clearing floats.
http://www.positioniseverything.net/articles/float-theory.html
p.i.e did a fantastic job at not only giving examples but showing what happens when they are used or not used properly.
Web Reference: Advanced CSS Layouts
Truth is funny.
Tables my ass: http://www.htmldog.com/ptg/archives/000049.php
This article will get any frustrated newbie to laugh…and, get them back on track.
The Missing <link> in the World Wide Web.
The benefits of Web Standards to your visitors, your clients and you!
I would suggest Targeted email newsletter.
new pixie’s web site – wellstyled.com
This is such a great technique:
http://www.alistapart.com/articles/slidingdoors/
This one always encourages me to keep pounding away on a CSS problem: Reinventing the wheel, by Zeldman.
http://www.alistapart.com/articles/dynatext/
Could revolutionize web typography!
ASP.NET Resources
ASP.NET with an emphasis on web standards
A book is just a long article I reckon, and I’m sure I will just be adding one that’s already in the previous comments, but Zeldman’s DWWS is definitely the thing which got me started on the web standards road.
Got to be BrainJar, thought the CSS-D Wiki is very useful too, and just for kicks, here is one not on CSS: PKK on JS
Have fun,
Douglas
Looks like I found this contest late :) I still use BlueRobot.com for its great CSS Centering articles.
It wasn’t until Faux columns that I could finally create sites that looked and felt like the ones I used to create with tables. I still refer to it all the time.
Thanks!
CSS Zen Garden.
I’ve used this countless times to show colleagues that CSS design does not look crap. It impresses them enough for me to win the arguement there and then.
My suggestion: Quirksmode.org. CSS, webstandards & more…
brainjar.com
i’d say this is my fave… this little problem had me stumped for ages… flash of unstyled content (FOUC).
http://www.bluerobot.com/web/css/fouc.asp
The real reason you should care about web standards
http://www.designbyfire.com/000099.html
the article that started it all for me, few years ago:
From Table Hacks to CSS Layout: A Web Designer’s Journey by Jeffrey Zeldman
This is how to make simple unordered list items looks hexagonal. No Flash, just only CSS and HTML! Great!
http://tantek.com/map.html
basura debajo del felpudo. Some information about standards in spanish.
Use standard markup
No question, it’s gotta be A List Apart
WaSP is my favorite. I got redirected there during the Browser Upgrade Campaign. I was using FrontPage at the time and never dreamed that I could write my own markup (all I had ever seen was the confusing output from WYSIWYGs). HTML & CSS suddenly made sense when I viewed the source at the WaSP site.
…and now for something completely different! – common sense:
http://www.mikeindustries.com/blog/archives/000009.php
Here you have: http://lesi.host.sk/fueg0/
I find this one to be a good read. Many of the following user comments are worth your time aswell!
http://www.designbyfire.com/000099.html
/ Mats
I really like Inman’s site …
Here it is shauninman.com.
rollovers using just one image
Imagine my surpise when my favorite CSS article of late happened to be on this very site :-)
Magic Icons for Lazy People Like Me
I keep getting back to this one:
The Trouble With EM ’n EN (and Other Shady Characters)
/CS
“The web’s CSS site” pretty much sums it up.
CSS Vault
Here’s the article that got me kick-started into designing with standards and showed me how to do it. Thanks Jeremy.
http://www.adactio.com/articles/display.php/CSS_based_design
It may no longer be the most timely article, but it’s the one that got me started…
From Table Hacks to CSS Layout: A Web Designer’s Journey
Accessibility @ A List Apart
Hide CSS From Browsers. sadly, still too useful. =)
While Practical CSS Layout Tips, Tricks, & Techniques@ A List Apart was the first article I ever came arcoss that involved Web Standards and started the wheels in motion, is was this article, Why Don’t You Code for Netscape? that really convinced me this was a viable way to go, hard to believe it, but it was two years ago, and since then I haven’t looked back, having made my first site using XHTML and CSS shortly after (It launched in Oct 2002).
The real reason you should care about web standards
Two articles I especially liked were: Dan’s Faux Columns and Two columns with color by Russ Weakley.
Client-side Table Sorting
I’d been using CSS for a while, but this trick (mentioned in Zeldman’s big orange book) finally got me to learn a little Javascript.
Arguably the best CSS resource on the net: A List Apart’s CSS articles.
table vs css design
http://www.andybudd.com/archives/2004/05/an_objective_look_at_table_based_vs_css_based_design/
blakems.com’s picture this
blake always has some great tips and tricks up his sleeve. he’s also great at filtering through and pulling out the best tips as he does in this article.
enjoy.
I’ve begun to start reading evolt on a fairly regular basis. Here’s an article discussing the best web tool ever… The Best Web Tool Ever
http://www.456bereastreet.com/lab/developing_with_web_standards/
http://veerle.duoh.com/comments.php?id=196_0_2_0_C
1) Design for the Usability Guy
I sometimes read the Usability Guy… but never thought about the DESIGN side of the Usability Guy’s Website:)
Recommended reading!
Next, if you’re interested in making pure CSS menus, with or without the Swap-Images Technique, an enormously helpful link might be this one:
List-A-Matic
Luck to everyone at the contest:)))
How to Save Web Accessibility from Itself via A List Apart.
Nice little lunch time read.
http://www.alistapart.com/articles/saveaccessibility/
If you’re a webdesigner, no matter handcoder or WYSIWYG or both, here’s an extremely simple, versatile and power tool for you – what’s more, it’s freeware! Pick up any color you want or need on a webpage, from anywhere from your screen!
Web Color Picker
Once you try this small program, you’ll love it!
To Hell With Bad Browsers showed me that web standards were more than just theory and could be used on real web sites.
I really like Eric Meyers css/edge.
Shaun Inman always has some interesting twists, and novel approaches.
My most referenced are:
http://www.webstandards.org/
http://www.alistapart.com/
I also like:
http://www.accessify.com/
http://www.webstandardsawards.com/
Article:
Attractive, Accessible Web Sites (AKA disproving the myth of ugly)
http://www.accessify.com/articles/attractive-accessible-sites.asp
Douglas Bowman on Fixed vs. Liquid Design
Great article on holistic approach to web design
http://www.zeldman.com/daily/0604e.shtml#use
I referrence Mezzoblue’s CSS crib sheets quite a bit. Its a great short list for trouble shooting css.
Congrats on getting the book published!
The CSS Tutorials at Max Design
http://css.maxdesign.com.au
Look Ma, No Tables
http://glish.com/css/
Thanks glish…
and thanks Dan for your Blogger templates!!
If you build ‘em you have to test ‘em!
Evolt Browser Archive
http://www.hotdesign.com/seybold/
CSS, accessibility and Standards Links – nice collection of links, thoughtfully categorized.
In terms of having the greatest impact on the way I work, I would have to cite “Taming Lists” from A List Apart. No other article has had more effect on the way I create webpages, and in removing the fear of switching to more modern coding practices.
CSS Design: Taming Lists: A List Apart
Floatutorial – essential stuff!
I know he’s my boss, but I liked the entry.
Horse and Buggy
Weekly Standards
Nice place to see what’s happening with big (and not so big) sites that are designed with standards.
bribe:
http://www.alistapart.com/articles/mountaintop/
but I really do think this article is the bomb.
Coly-logical ticked-off links. Very nice use of anchor pseudo-classes.
Coly Logic
A great resource with tons of links to web-standards development:
http://www.simplebits.com/notebook/2004/06/16/contest.html#comments
;)
I’ve only been looking at what you all know as “web standards” for a very short time, but what really got me hooked was my discovery of the venerable Css Zen Garden. So I guess I’d have to say it’s my submission. Although not terribly original, it had a profound impact on my interest in the topic.
The article that helped me convincing my boss to change the way of working.
http://www.hotdesign.com/seybold/
It has always seemed to me that the best thing I can personally do for web standards is to get people to use tools that respect them.
So when the inevitable people (my mom, my inlaws, etc) ask me to “fix my computer” I also take the opportunity to set up Firefox. When they ask why, I show them this site:
http://www.mozilla.org/products/firefox/why/
Sane CSS Sizes
and two articles on Viewport properties, cross-browser compatibility and Quirksmode:
1, 2
Look ma, no tables!
http://www.alistapart.com/articles/slashdot
CSS Sprites: Image Slicing’s Kiss of Death
by Dave Shea
http://www.alistapart.com/articles/sprites/
Web standards will soon become self aware and eat us all.
I also have a gmail address.
And I like vanilla.
I also dig http://intensivstation.ch/css/template.php
Frank put out a great argument for usability and design as allies in the web production process, not enemies.
“Usability professionals need to wake up to the fact that aesthetics are not a trivial afterthought, but an integral part of the user experience.”
-Frank Spillers
Graphic Design vs. Usability
Picment’s “Fun with Forms”
http://www.picment.com/articles/css/funwithforms/
Simply, a great source on the ins and outs, of different approaches to coding.
SimpleQuiz
Cheers. :D
Back when I made the switch to standards, this article kick started my conversion. It outlines the “why” while referencing and pointing to the “how.”
Better Living Through XHTML
Bringing balance to the web standards argument:
March to Your Own Standard
BTW: I still made the switch after reading the article.
http://www.cssvault.com
The essential online guide to CSS tags:
http://www.w3schools.com/css/
Free book here I come!
IFR: Revised and Revisited