The Great Book Giveaway Contest

A notebook entry published on June 16, 2004

Tags

  1. Books

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

t-shirt and bookEach 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!

484 Comments

icon

Adam Hopkins → www.hopkinsintranet.com

90% of All Usability Testing is Useless
—————

Catchey title with a nice amount of information.
http://www.adaptivepath.com/publications/essays/archives/000328.php

icon

Darin → www.rootmx.org

A Better Tighty Whitey!

http://www.airbagindustries.com/archives/002868.php

icon

ray → www.reh3.com

“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.

icon

Tony White

10 Reasons for Web Standards

http://jessey.net/blog/archive/entries/?id=144

icon

Fabian Deceuninck → givelove.be/

Probably Developing with Web Standards. Nice one to start with the basics of web standards.

icon

Dan → thecramerfamily.org

“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

icon

Brian → bludrop.co.nr

“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.

icon

Lloyd → www.lloydslounge.org

CSS/Edge, cool things you can do with CSS, especially neat are the complexspiral demos.
http://meyerweb.com/eric/css/edge/index.html

icon

Rune D. Andersen → lordhead.dk

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/

icon

Kevin → www.graphicpush.com

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.)

icon

Sean Hoyt → www.fishmarketing.net/

I like Dave Shea’s Roadmap to standards post. I use this a lot when asked how one would break old habits.

icon

Jason Long → www.streetrodstuff.com

The good ‘ol Floatutorial is one of my favorites.

http://css.maxdesign.com.au/floatutorial/

icon

nasu

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 ;)

icon

Mark Wubben → /

Great idea (perhaps, as a bonus, you can give away Gmail accounts?)

Here’s my link:
http://tantek.com/log/2003/01.html#L20030114t1345

icon

Erik Runyon → www.weedygarden.com

Box Tutorial

This really helped me out quite a bit.

icon

Jérôme Verzier → www.mytpl.com/blog

Simply Mountaintop Corners wich I love :)

Click here.

icon

Mark Hurd → www.druhkram.com

Web Standards ROI by D. Keith Robinson.

Nothing catches the boss’s attention faster than numbers.

icon

Sebastian Sholl → www.tsuku.com

The article that started me on standards.

http://www.alistapart.com/articles/tohell/

icon

web → www.ericwebster.net

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/

icon

Benedikt Müller → www.bensite.net

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. :-)

icon

Jeremy Flint → www.jeremyflint.com

This article got me interested in standards-compliant design/development.

Wired News Redesign

icon

jheyer → www.jheyer.com

Making the Absolute, Relative
http://www.stopdesign.com/articles/absolute/

A great explanation of Absolute and Relative positioning.

icon

Mike P. → www.fiftyfoureleven.com/sandbox/weblog/

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!)

icon

Brian → www.litzdesigns.com

Rounded Corners without images

Personally I think this is a step in the wrong direction, but it’s just experimentation.

icon

Steven → www.sjarvis.com/

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.

icon

Waylon Baumgardner

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.

icon

dedi → kweerious.com

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

icon

joe o.

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).

icon

Darrren → www.ohreal.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/

icon

Michael Sauers

The Business Value of Web Standards
http://www.adaptivepath.com/publications/essays/archives/000266.php

icon

Jeremy S. → www.jezzjournal.com

http://www.mezzoblue.com/archives/2003/12/04/css_is_visua/

It’s simple, and I really liked the response.

icon

Anne → annevankesteren.nl/

http://www.thenoodleincident.com/tutorials/typography/

icon

Nilesh → nilesh.org/weblog/

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.

icon

Sean → www.pixelnomad.com

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.

icon

Jason Awbrey

Creating Custom Corners

http://alistapart.com/articles/customcorners2/

icon

jarrod → textbased.com

The Learning Curve of Web Standards by Bobby van der Sluis. Nice, honest look at web standards that’s a resource unto itself.

icon

jacob → www.chompy.net/blogs/jacob/

The infamous Semantic Obsolescence, by Mark Pilgrim.

Sobering, though it didn’t quite change my mind.

icon

Jason

Cool effect.

http://www.simplebits.com/notebook/2003/08/22/css_photo_zoom.html

icon

Jordi Bunster → bunster.org/weblog

Wow, sign me up! I go with Dave Shea’s Image Slicing’s Kiss of Death.

Good luck to all of you!

icon

Kim Siever → kmsiever.blogspot.com/

Why tables for layout is stupid

http://www.hotdesign.com/seybold/

icon

Brian Lauer → fozbaca.org

Accessible, stylish form layout
http://www.themaninblue.com/writing/perspective/2004/03/24/

icon

Bryan → www.juicedthoughts.com

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!

icon

David Navarro → www.htmldog.com/

Just an excellent working version of how to learn and use web standards. When anybody asks, I direct them here.

icon

Hrvoje → www.skin29.net/

Great looking navigation via css, Navigation Matrix Reloaded.

icon

David Navarro

http://www.htmldog.com/
Does the second comment count? :P

icon

Jay Jones → www.fusionary.com

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

icon

andrew → compooter.org

Navigation Matrix Reloaded by Didier Hilhorst

additionally (not quite CSS but still a killer technique)

Inman Flash Replacement by Shaun Inman

icon

Matías → pienso.blogia.com

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.

icon

Gavin Montague

Simon Wilson’s rather spiffy approach to
separating out JavaScript from content
.

icon

jason stanfill → www.jasonstanfill.com

Helps to convince when you can talk about the bottom line

http://www.7nights.com/asterisk/archives/nonstandard_code_hurts_the_bottom_line.php

icon

Aaron → nebulose.net/

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).

icon

ak → www.alexkeeny.com/simplicity/

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/

icon

kartooner → www.kartooner.com

Paul Griffin’s Cross-Browser CSS Tabs.

As useful as toilet paper.

icon

Seth Messer → www.megalithic.org

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/

icon

Brett Epps → www.brettia.com

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/

icon

Joseph Lindsay → www.josephlindsay.com/

Accessibility within [Company Name] - Building a business and legal case for accessible websites from <isolani/>

icon

Vishal aka Graphiz → www.graphiz.net

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 .

icon

sosa → www.yosoysosa.tk

http://www.hotdesign.com/seybold/
this one definetivily converted me.

icon

Tom Quinn → www.j24.bm

sosa - great minds think alike…

icon

Josku → www.yojih.net/

Catching web standards by John Allsopp’s girlfriend.

icon

David Yeiser → davedotcom.blogspot.com/

This was the first thing I ever read about web standards (I’m a newbie): Developing with Web Standards.

icon

Mike Mariano → mikemariano.com/weblog/

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.

icon

Robert

Source Ordered Columns, at positioniseverything.net.

This article got me away from absolute-positioning sidebars.

icon

Ron Stone → www.freshology.com

Youngpup - Article on popup windows, and how you should properly use them.

http://www.youngpup.net/2003/popups

icon

William Simoni → simonifamily.net

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.

icon

Chris → www.chrisrobins.com

Standards with Flash, the best article i have ever seen.

http://alistapart.com/articles/flashsatay/

icon

Tom DeForest

http://stopdesign.com/articles/absolute/

This article finally made positioning clear (no pun intended) to me.

icon

Colin Cameron → www.colincameron.com

Not trying to kiss up but this article fixed a lot of issues with my sites.

A list apart - faux columns

icon

Chris McDougall

Clagnut made ems easy. Now I use ems all the time for my text.

icon

Tony Crockford → www.xebit.net

I have to propose this as a why not a how article:
The Way Forward with Web Standards

icon

Josh Brandt → www.jooke.net/

silverorange’s updated tabs: durable, crossbrowser, scalable, semantic tabs.
http://labs.silverorange.com/archives/2004/may/updatedsimple

icon

Jeff → www.jeffbostick.net

For all you Dreamweaver users out there: Validating XHTML with Dreamweaver MX!

icon

Timmy → www.timmyfury.com

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.

icon

Tom → www.tomjleeds.com

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.

icon

Kevin Tamura → www.tadashitamua.com

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

icon

Peter Nilsson → petern.paddy.nu/blog/

The IE Factor from Stopdesign is a nice one :)

/Peter

icon
icon

Michael → www.bacman.net

An amusing rant about “click here” and it’s misuse on the web:

http://www.scribbling.net/dont_click_here

icon

waylman → achinghead.com

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)

icon

TH

This one helped me a lot:

Webcontent: Best Practices

icon

Josh Fallon → www.fallondesign.com/

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

icon

Jeremy Beker → blogs.confusticate.com/jeremy

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.

icon

Simon Jessey → jessey.net/blog/

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.

icon

TQ → www.q5corp.com

This was one of the neatest css tricks I’ve seen in a while.

Onion Skinned Drop Shadows

icon

janco → jancology.com/blog/

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!

icon

Kurt → www.didenhover.org

The latest from A List Apart; using negative margins for layouts is cool.
Creating Liquid Layouts with Negative Margins

icon

John Nunemaker → www.johnnunemaker.com

http://www.orderedlist.com/articles/a_practical_start

icon

chuck → telerana.f2o.org

The article that made it all start to make sense to me:

Better Living Through XHMTL

Pick me, pick me!

icon

Andrew Thomas → www.astreetproductions.com/weblog/

I’ve found the NYPL Style Guide to be a great one-stop resource for the basics on XHTML/CSS/Web standards goodness.

icon

Drew → www.xmission.com/~carda/

I’m a fan of http://diveintoaccessibility.org/

=)

icon

Nico → siriux.net/

Of course Stefan Münz’ SELFHTML, though it is only available in German, French, Español and Japanese right now…

icon

Yannick → axlelabs.thischick.com

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.

icon

Brian Paulson → www.spectre013.com

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

icon

Joey Day

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!

icon

Ninn Langel → www.ninnlangel.com

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.

icon

Joel → www.vanatta.net

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.

icon

randy

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.

icon

Andrew Dunning → www.webinspiration.ca/

Separation: The Web Designer’s Dilemma

http://www.alistapart.com/articles/separationdilemma/

icon

darrel → darrelaustin.com

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

icon

Keith Pagett

Here’s a good one:

Purple Numbers

icon

Alf Kåre Lefdal → www.lefdal.cc/

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.

icon

Vaughn Wallace

Definitly is going to be the
37SVN Topic Describing Web Standards in 10 Words or Less
.

icon

Jonah Cosley → jonahcosley.com/

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.

icon

Mathew Hoy → www.hellaboss.com

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

icon

Ric → ww.ricnet.co.uk/

I’m torn between dynamic image replacement and dynamic flash replacement.

All of a sudden I find myself wanting to replace text.

icon

Ian Fenn → www.chopstixmedia.com/

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.

icon

Dave Marks → www.dave-marks.co.uk

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!

icon

Jacob Patton → 32fifteen.com/

http://www.alistapart.com/articles/practicalcss/

A little old, but it’s a great introduction to some of CSS’s tricks…

icon

Eduardo → www.areconet.com.ar

I like an article about using tables vs css, but dont remember the link (nor find it)

so the second come:
Web Standard roi


icon

monkeyinabox → www.monkeyinabox.net

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.

icon

Jeff Carnahan

You can’t go wrong keep the CSS Validator in your favorites list.

icon

Emil Vaagland → emil.mlug.no

A blog entry from diveintomark called Why we won’t help you

icon

John → www.whenitwas.com

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.

icon

Chris Jaroszko

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.

icon

Nelly Mercado

I’m still learning, and this article is indispensable to me:
Flowing and Positioning: two page models

icon

Javan → javan.us

it was this article that opened my eyes to the beauty and power of css.

http://alistapart.com/articles/taminglists/

icon

Anonymous

Sitepoint’s ‘Equalizing Columns’ sticky post by Paul O’Brien, CSS/Web standards Guru.

http://www.sitepoint.com/forums/showthread.php?t=143801

icon

Terrence → www.liquidarch.com

Sitepoint’s ‘Equalizing Columns’ sticky post by Paul O’Brien, CSS/Web standards Guru.

http://www.sitepoint.com/forums/showthread.php?t=143801

icon

Johnson Page

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.

icon

Magnus Eide

The CSS Zengarden.
When I saw it, I decided to learn and use CSS, and stop using tables.

icon

Phil Balchin

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.

icon

Scott

http://linear1.org/gm/archives/00000172.php

Control printer output of your pages with CSS. This article rekindled my interest in CSS solutions.

icon

Ian

http://www.saila.com/usage/layouts/?front

icon

Jon

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.

icon

Stephane → www.projetsurbain.com

This link http://www.alistapart.com/articles/dynatext/ simply because it’s the greatest/latest trick I’ve found.

icon

dru → www.drusellers.com

The article that started me down the standards path.
http://hotwired.lycos.com/webmonkey/authoring/stylesheets/tutorials/tutorial1.html

icon

Marko → maratz.com/blog/

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!

icon

Chris → www.viogroup.com

WHy I started using web standards…
The Business Benefits of Web Standards

Chris

icon

Dan → www.fathomable.com

Today at work I used How to Clear Floats Without Structural Markup and I am quite enamored with the technique.

icon

Chris Gwynne → chrisgwynne.com/

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.

icon

Sanne

Listamatic, for all your list designing needs:
http://css.maxdesign.com.au/listamatic/

icon

Faruk Ates → www.kurafire.net/

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.

icon

Val → www.valcohen.com

When in doubt, read the spec.

icon

Benjamin → www.lifethroughapolaroid.com

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/

icon

Sage

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?

icon

compuwhiz7

Methinks I’m probably not eligible, seeing as I won the T-shirt contest, but…

The IE Factor

icon

joel goldstick

http://www.maxdesign.com.au/presentation/benefits/

Nice site. I’ll look for the book at the local computer store this weekend.

icon

[m] → mantaworks.nl

http://www.alistapart.com/articles/flashsatay/

Because “standards” doesn’t mean “1995”.

icon

Amy Rae → www.avisualmind.com/

Great summary for jumpstarting that first conversation about web standards.
What Every Web Site Owner Should Know About Standards: A Web Standards Primer

icon

Benvolio → www.conversantstudios.com.au

loved this one - text sizing… up the garden path

http://www.thenoodleincident.com/tutorials/box_lesson/font/index.html

icon

Andrew Norman

SimpleQuiz!

icon

Ben

http://www.alistapart.com/articles/fauxcolumns/

I slapped myself when I found out how easy Dan’s solution to this dilemma was.

icon

Kevin → lawver.net

This site is invalid - a slightly askew rant on web standards. Brilliant!

icon

Ry Rivard → braxtonian.com

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.

icon

Stephen → www.sgclark.com

I have found this article very useful in formatting web pages for printing using CSS.

CSS Design: Going to Print by Eric Meyer

icon

Luke Redpath → www.lukeredpath.co.uk

The one that started it all for me:

http://www.alistapart.com/articles/journey/

icon

Loryces → loryces.so-phobic.com

Stolen Shadows by Mandarin Design —http://mandarindesign.com/shadow.html

I think it’s cool.

icon

Ryan Petrello → axisfive.net

Useful CSS2/CSS3 info:

http://gallery.theopalgroup.com/selectoracle/

icon

Alexis Bellido → www.ventanazul.com

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.

icon

Brian Rose → www.heimidal.net

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.

icon

Joe Beharriell → www.avaloncreative.net/

“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

icon

Bonde Holm → www.farmdev.com

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/

icon

Justin Michael

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.

icon

Scott Boms → www.wishingline.com

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

icon

Ian → www.e-lusion.com

Joe Clark’s standards testing series.

Election sites flunk standards test

icon

Jason Grunstra → www.infowit.com

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.

icon

Christopher → dekkostudios.com/

Design by Fire: For the greater good of Design, p.1 — Why Trebuchet sucks. (Lucida Sans Unicode is my ultimate alternative now.)

icon

Erin → www.zenhaus.net

The Advantages of Using Valid HTML

A short piece on the benefits of using HTML standards.

icon

Mayu → www.myudesign.com

They are Just Tools Man by Scriv.

Got people thinking and talking.

icon

Jeff Adams → tinyflystudios.com

How about the old Seybold 2003 Why Tables for Layout is Stupid

Pick me, Pick me

icon

Andrew → kempt.org

March to your own Standards

Do you get counted twice if you are a designer that’s under 18? Well, you should.

icon

Daniel

I’ve refered to this single page so often, it should be my homepage…

Doctypes!

icon

Greg → www.airbagindustries.com

Standards Angst.

I already have your book but couldn’t resist adding to the list.

icon

Jim

Great site. Great idea(s). Great contest.

Here’s a nice web color scheme picker:
http://www.pixy.cz/apps/barvy/index-en.html

icon

Sergei Shelukhin

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

icon

Jimmy Cerra → slashdot.org/~Quantum%20Jim/journal/

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!

icon

Kevin → www.pixelpush.org

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.

;)

icon

Jimmy Cerra

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.

icon

Timo

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

icon

Brad Bice → www.bradbice.com

IE Three Pixel Text Jog bug-fixing by positioniseverything.net

http://www.positioniseverything.net/explorer/threepxtest.html

icon

Tom MacWright

Listmatic… the little doodads that show people how nice CSS is, and make them think about using it more.

icon

Jay → jaybaird.com

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

icon

hunter → interfacelounge.net/

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

icon

Ridhish

Making the Absolute, Relative

http://www.stopdesign.com/articles/absolute/

Doug explains this perfectly in simple terms :)

icon

Richard Wu → www.dealuniversity.com

From Table Hacks to CSS Layout: A Web Designer’s Journey

The article that started alot of people on this grand old journey.

icon

Chuck

Mine would have to be Mezzoblue’s A Roadmap to Standards

icon

Ryan J. Bonnell → www.ryanjbonnell.com/

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

icon

Tara → www.taracleveland.com

I’m definitely biased, since I had a hand in it, but I’d say The Way Forward with Web Standards.

icon

Aaron Kalin

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!

icon

Josh Jarmin → www.radiantrock.com/blog/

My favorite is this:

http://www.mezzoblue.com/archives/2004/03/10/css_problems/

It is a huge help guide when things go wrong.

icon

Kevin Francis → denial.loose-screws.com/

mcu.org.uk’s “What is an accessible website?” gets my vote. I like the somewhat cynical approach the author took to it.

icon

Sergei Muller

Budget Design: Increase Profit by Improving Process at http://www.sinelogic.com

icon

Greg

Sorry, it’s in french and there’s no english translation available but this one is my favorite :
Oublions les handicapés

icon

Viking Karwur → www.vikingkarwur.com

Colored boxes - one method of building full CSS layouts

http://www.maxdesign.com.au/presentation/process/

icon

Ben Stovold → www.followben.com

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

icon

Umberto Caldera

Dynamic Text Replacement

Great technique!

icon

Johan Edlund → www.snowinteractive.com

Here’s a good article about character encoding that I have used many times over the years:
The Trouble With EM and EN (ALA)

icon

Marcos O'Rourke → www.limano.com

I enjoyed the Mountain Top corners one:
http://www.alistapart.com/articles/mountaintop/

icon

Geert Leyseele

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.

icon

Marwan Farha

A List Apart’sSelling Clients on Web Standards

“The standards revolution starts at the client.”

icon

Kris Khaira

This article, although short, really opened up my mind and revealed the obvious:
All CSS Sites Look The Same - Dog Blog, HTML Blog

icon

Peter De Bouvere

Another “why use web standards”-article

http://www.maxdesign.com.au/presentation/benefits/

icon

Jeremy Boggs → www.jeremyboggs.net

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.

icon

Nirav

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

icon

Michael Watts → www.amobea.com

Interesting read about preaching standards to the non web-savy.

Catching web standards

icon

Adrian → www.sevitz.com

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.

icon

Small Paul → www.pauldwaite.co.uk/

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.)

icon

dez → dezwozhere.com/blog/

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…

icon

Lukasz → www.dwarfscorner.com

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

icon

Richard Rutter → www.clagnut.com/

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.

icon

Jano → www.hszk.bme.hu/~hj130/

A Hungarian Forum Topic :)
Css vs Table
http://inertia.d2.hu/hu/forum.phtml?f=showtopic&n=1667

icon

Daniel Jarrett → www.poignantease.com/

Behind the scenes of “The New Blogger”

I love finding out what happens behind the scenes of a redesign…

icon

Rasmus Lasthein → www.dr.dk

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

icon

Jonas Rabbe → www.jonas.rabbe.com

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

icon

Sergi

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.

icon

DH → www.ticktockdesign.com

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.

icon

Tom

The style sheet switcher, it makes great websites more fun.

http://www.alistapart.com/articles/alternate/

icon

Thijs

My favourite A List Apart article:

Faux Columns: A List Apart

icon

Nick

http://www.alistapart.com/articles/customcorners/

icon

zsepi

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 :)

icon

Michael Moncur → www.figby.com/

This article on sizing text in ems at Clagnut helped a few things click for me.

icon

LintHuman → humanlint.com

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.

icon

Danny Bessems → www.writers-summit.com

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

icon

Chris

http://www.adaptivepath.com/publications/essays/archives/000266.php

Because they need convincing!

icon

Brad → www.bwaddleyweb.com.au

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.

icon

Davey

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.

icon

Joshua

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…

icon

Gerry Rohling → www.eseeds.com/

The NYPL Style Guide. A very good best practices reference on how to use XHTML and CSS.

icon

Jacques → www.maesmedia.com

THE coding troubleshooter:

W3C Markup Validator

Can any XHTML coder live without it?

icon

George → www.zeorze.net

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

icon

Martin Kristensen

http://sandbox.bednarz.nl/css/fixed/header-col.html

Fixed headers.
Who need´s frames.

icon

Thomas Hammer → www.fargestifter.com

I’ll go with Sliding Doors by Doug Bowman. Many others worth mentioning, and you guys already have.

icon

Daniel

Faux Columns article on A List Apart.

This got me to abandon table layouts and on to the path towards using web standards.

icon

Tim

Dated, I admit, but this got it started for me.

http://glish.com/css/

icon

Philippe → emps.l-c-n.com

John’s Dao of Web Design and Owen’s Little Boxes. Oldies… but I’ve been at his game for so long….:-)

icon

Peppe → www.gdesign.it

Sliding Doors of CSS is a very interesting technique.
I had also translate it in italian :-)

icon

Matthew → www.matthewflickinger.com/blog/

http://css-discuss.incutio.com/

One stop shop for CSS links. You can always make it even better.

icon

Dipesh

Some great innovative experimentations with CSS

http://www.s7u.co.uk/

icon

Peter → petermack.blogspot.com/

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

icon

Bert Melis → www.alistapart.com/articles/onionskin/

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/

icon

Anonymous

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.

icon

Dan Brown

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

icon

Bryan Buchs → bbuchs.f2o.org

ListMatic and ListMatic2
I’ve found them both to be a great resource and reference

icon

James McCoy

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

icon

Samuel Duncan → www.positioniseverything.net/articles/flow-pos.html

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.

icon

G. I. → www.d2k.hu/ig/

IE6 Peekaboo Bug by Holly ‘n John. Saved my arse.

icon

Curtis Balmer → www.iastate.edu/

I have used this concept a lot

Faux Columns

icon

Anonymous

Also the Web Design Glossary.

icon

Ian Cox → www.ianjamescox.com

Why tables for layout is stupid:

http://www.hotdesign.com/seybold/

thanks,

icon

michelle

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

icon

Ron Lemise → www.med.cornell.edu

CSS ZenGarden has been an invaluable source of inspiration to me.
CSS Zen Garden

icon

Kasey → www.doggydiaries.pudgypuppy.com/

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.

icon

Anthony Mc Guinness → www.anthonymcg.com

Quite enjoyed this article as it was concise and advocated real world standards:

Tables Vs CSS - A Fight to the Death

icon

Sigit

Congratulations for the launch!

I found this article to be very appealing: Web Page Reconstruction with CSS.

icon

Albert

http://bobby.watchfire.com/bobby/html/en/index.jsp

Bobby Watchfire, accessibility “validator”

icon

Dave Royer → student.cob.ohiou.edu/dr897502/

An oldie but goodie about separating presentation from content and from structure.

http://www.alistapart.com/articles/separationdilemma/

icon

Jon → www.jonkinsman.com

Revenge of the Menu Bar!

I’m waiting for “Revenge of the Menu Bar 2 - Menu Harder” personally…

icon

Jonathan

March to your own standard

http://www.mikeindustries.com/blog/archives/000009.php

icon

Zack

Congratulations on the book launch

Auxiliary Benefits of Accessible Web Design

icon

WildFire

The best:

http://cssbeauty.com/

icon

Bob Sawyer → www.builtforthefuture.com/

What Every Web Site Owner Should Know About Standards: A Web Standards Primer

http://www.maccaws.org/kit/primer/

icon

Jeroen Mulder → www.jeroenmulder.com/

The article that enlightened me.

http://www.thenoodleincident.com/tutorials/design_rant/

icon

Aritz

Not too original:
Why tables for layout is stupid
Excelent for begginers.

icon

Ty → www.tyhatch.com

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.

icon

Gord Lemon

Consistent List Indentation:

http://devedge.netscape.com/viewsource/2002/list-indent/

icon

Andrew → andrewmalone.com

On using standards intelligently, from Mike Davidson:
March to your own standard

icon

Matt

Another vote for http://www.csszengarden.com

icon

Simon Dvorak → www.simondvorak.com

The Web plumber’s toolbag…fix that leaky browser!
Explorer Exposed!

icon

Martin Hense → www.lounge7.de

Why web standards? See the great comic-strip-like introduction by Seybold

icon

Adam → www.adamvandenhoven.com/webpress

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.

icon

Brian Warren → bw.watchtan.com

Positioning and the Cascade

Nothing mind-blowing, but a handy helpful thing for me when I read it.

icon

Tony → www.simiandesign.com/

One of my favorites, it’s old, but it’s that good.

To Hell with Bad Browsers

icon

Hania

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.

icon

Jonathan → clappstar.com

A very handy tool and reference for CSS:
W3Schools
http://www.w3schools.com/css/

icon

sasha maximova

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

icon

Stephen Nelson → www.amberandstephen.com

Chris Pederick’s Web Developer Extension for Firefox. Great tool.

As noted by Simon Willison.

icon

Matt Massey → www.mrqcorp.com/

Using a lot of these method in my own CSS redesign coming soon :)

http://www.alistapart.com/articles/taminglists/

icon

David → dd.ca/

Simple Quiz

I learned so much from that.. it brought some of the most interesting standard discussions on the web

icon

andrew smith → www.aksmith.com

http://www.orderedlist.com/examples/the_bend

An excellent tutorial on how to do bendy text with CSS. I liked the idea.

icon

Chris Luebbe

CSS Navigation Matrix

icon

Ed Oviedo → www.nullwave.com

http://superfluousbanter.org/archives/000187.php
Combines several interesting techniques like image slicing, and list styling.

icon

Fernando Vieira → antz.com.br

Man, this tutorial é great! It helped me a lot!

http://www.alistapart.com/articles/fauxcolumns/

icon

Sunshine Lewis → sparklit.sparkalyn.com

http://www.webstandardsawards.com

icon

patrick → iampms.com

http://www.simplebits.com/notebook/2003/08/27/this_validates.html

I remember first getting pages to validate…..

icon

Jay

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


icon

Jonathan Holst → holst.biz/

The real reason you should care about web standards

http://www.designbyfire.com/000099.html

icon

Jason → www.jasonspage.net/

The World Wide Web is Not Enough
The comments are actually more informative than the article.

icon

Christa

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.

icon

Byron

http://www.stopdesign.com/articles/design_process/
Good to see how an expert does his work.

icon

Chester Bullock

Mini-site for Zeldman’s book - this convinced me to buy it and embark on the journey of Standards-based design.

icon

Drew Douglas → www.smokedoc.com

This is a great theory
http://www.happycog.com/lectures/dwws/

icon

Andre Leistner → www.polymerics.de

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.

icon

Ivan → www.blurfus.com

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.

icon

Indranil → www.iworks.uni.cc

Here you go :

http://www.simplebits.com/publications/solutions/

icon

Mikkel Malmberg → detersmart.dk

“This site does not validate”

http://www.mikeindustries.com/blog/archives/000009.php
by Mike Davidson .. Great view on these darn standards :)

icon

Jeff

Recently enjoyed reading…

http://www.alistapart.com/articles/negativemargins/

icon

David Norris

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.

icon

Michael Moore

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.

icon

Dr. Emer → emeritus.blogspot.com

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

icon

Abby Menser → www.idestini.com

Sliding Doors of CSS.

A great article showing how tocreate tab navigation using CSS styled lists.

icon

Jacobus van Niekerk → www.catics.com/

Great Resource about WebStandards, CSS, Usability and abit more ;)
http://resource.reh3.com/content/resList.html

icon

Manlio → www.deload.it/

http://www.thenoodleincident.com/tutorials/box_lesson/index.html

It was the first time I saw a CSS layout and realized all its potential

icon

Steven Rubin → www.ssrubin.com

Where I first saw tableless css layouts. Still a good site as a reference.

glish css layouts

icon

Joshua Kaufman → unraveled.com

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.”

icon

Karl → www.adonnis.net

I think this one is a good place to start on layouts:
Little boxes

icon

orpheus → horus.jet2web.at/

http://www.mezzoblue.com/css/cribsheet/

icon

KP → speak.pushmedia.com

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.

icon

Lea → xox.lealea.net/01/

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. :-)

icon

aliotsy → www.thethousand.net

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.

icon

Jesse → jesse.richardson.name

I just want to enter the contest - great site, love the layout and the logo.. keep it up!!!

http://jesse.richardson.name

icon

Kyle → www.neathdesign.com

My fav always has been Taming Lists. Changed my view of navigation forever (and for the good) :)

icon

dean burge → www.preparedlogic.com

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.

icon

camforbes → www.consulting-solution.com

i need design help. any little ‘bits’ help! :)

icon

dusoft → www.ambience.sk

http://www.456bereastreet.com/lab/developing_with_web_standards/

icon

Johnny Gulag → www.blog.cssbasics.com

Hello

Here is my choice:
http://www.designbyfire.com/000099.html

icon

chris

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!

icon

Cameron → cameronyule.com

Sick Of Web Standards

Keith Robinson tells it like it is.

icon

Jason Dukleth → www.scientificamerican.com/article.cfm?articleID=00048144-10D2-1C70-84A9809EC588EF21&catID=2

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.

icon

minh

Simple Box Model Hack:
http://www.info.com.ph/~etan/w3pantheon/style/modifiedsbmh.html

icon

susan

This article by Eric Meyer really help me understand floats better:Containing Floats

icon

Jorge Luna

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

icon

andrea → www.alistapart.com/articles/flexiblelayouts/

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

icon

Alfred Milgrom

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.

icon

Mark Michon

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.

icon

Eileen Foster

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.

icon

msgre

new pixie’s web site - wellstyled.com

icon

News Goat → www.newsgoat.com

This is such a great technique:

http://www.alistapart.com/articles/slidingdoors/

icon

Alexander Micek → www.tumbledry.org/

This one always encourages me to keep pounding away on a CSS problem: Reinventing the wheel, by Zeldman.

icon

ceejayoz

http://www.alistapart.com/articles/dynatext/

Could revolutionize web typography!

icon

Nakijo → nakijo.vna.com.au

ASP.NET Resources
ASP.NET with an emphasis on web standards

icon

Jay

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.

icon

Douglas → www.redmelon.net/tstme/

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

icon

Robert → www.flightline.co.uk

Looks like I found this contest late :) I still use BlueRobot.com for its great CSS Centering articles.

icon

Mike → www.wainui.co.nz

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!

icon

Paul Nattress → www.npower.com/

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.

icon

Peter Kooi

My suggestion: Quirksmode.org. CSS, webstandards & more…

icon

Attila Suranyi

brainjar.com

icon

steve

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

icon

Richard Smith → www.rycatprojects.org

The real reason you should care about web standards

http://www.designbyfire.com/000099.html

icon

Krasimir Makaveev → mark3.blogspot.com

This is how to make simple unordered list items looks hexagonal. No Flash, just only CSS and HTML! Great!

http://tantek.com/map.html

icon

Jimena → www.piensaenpixels.com

basura debajo del felpudo. Some information about standards in spanish.

icon
icon

Nicholai Ronningen → www.nicholai.com

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.

icon

David Sims → viadigita.com

…and now for something completely different! - common sense:

http://www.mikeindustries.com/blog/archives/000009.php

icon

Mats Björnström → www.jpop.se/

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

icon

Jouko Rautanen

I really like Inman’s site …
Here it is shauninman.com.

icon

John

Imagine my surpise when my favorite CSS article of late happened to be on this very site :-)

Magic Icons for Lazy People Like Me

icon

Dave Lehman

“The web’s CSS site” pretty much sums it up.

CSS Vault

icon

Samuel J. Parsons → www.gooseware.org

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

icon

Sharif → www.blueplaidshirt.com

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

icon

Jason

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).

icon

Dave P

Two articles I especially liked were: Dan’s Faux Columns and Two columns with color by Russ Weakley.

icon

Stephanie → www.sillybean.net/

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.

icon

Amitabh

Arguably the best CSS resource on the net: A List Apart’s CSS articles.

icon

Patrick de Klein → www.rosss.dds.nl

table vs css design

http://www.andybudd.com/archives/2004/05/an_objective_look_at_table_based_vs_css_based_design/

icon

bennion → www.jackandchet.com

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.

icon

Nicole

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

icon

Cody Lindley → www.codylindley.com

http://www.456bereastreet.com/lab/developing_with_web_standards/

icon

Mikhail Bozgounov → www.iwns.org/all4smartphone/

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:)))

icon

Nathan Edwards

How to Save Web Accessibility from Itself via A List Apart.
Nice little lunch time read.
http://www.alistapart.com/articles/saveaccessibility/

icon

Michel Lefou

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!

icon

Jens Kristensen → www.j-k.com

To Hell With Bad Browsers showed me that web standards were more than just theory and could be used on real web sites.

icon

Eric → www.yatil.de

I really like Eric Meyers css/edge.

icon

Ken Hurd

Shaun Inman always has some interesting twists, and novel approaches.

icon

Jessica → www.koani.com

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

icon

Richard Lichlyter-Klein → lichlyterklein.com

Great article on holistic approach to web design
http://www.zeldman.com/daily/0604e.shtml#use

icon

Leslie Camacho → www.camacho.tv

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!

icon

Matt

Look Ma, No Tables
http://glish.com/css/

Thanks glish…
and thanks Dan for your Blogger templates!!

icon

Mark Steinruck → marksteinruck.com

If you build ‘em you have to test ‘em!

Evolt Browser Archive

icon

Dangermouse

http://www.hotdesign.com/seybold/

icon

Sérgio Nunes → www.icicom.up.pt/~ssn

CSS, accessibility and Standards Links - nice collection of links, thoughtfully categorized.

icon

Scott Vandehey → www.spaceninja.com/

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

icon

Jason Wishard → www.periodicdesign.com/

I know he’s my boss, but I liked the entry.

Horse and Buggy

icon

Clint Davis → www.weeklystandards.com

Weekly Standards

Nice place to see what’s happening with big (and not so big) sites that are designed with standards.

icon

hartmurmur → www.jeffhartman.com

bribe:

http://www.alistapart.com/articles/mountaintop/


but I really do think this article is the bomb.

icon

Martins

Coly-logical ticked-off links. Very nice use of anchor pseudo-classes.

Coly Logic

icon

Kevin Marsh → www.kevinmarsh.com

A great resource with tons of links to web-standards development:

http://www.simplebits.com/notebook/2004/06/16/contest.html#comments

;)

icon

Nate Clinton → www.wellsclinton.net/

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.

icon

Ischa Gast → www.ischagast.nl

The article that helped me convincing my boss to change the way of working.
http://www.hotdesign.com/seybold/

icon

Jerry

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/

icon

David Zülke → www.bitxtender.net/

Sane CSS Sizes
and two articles on Viewport properties, cross-browser compatibility and Quirksmode:
1, 2

icon

Akis Apostoliadis → heat.typepad.com/w3

Look ma, no tables!
http://www.alistapart.com/articles/slashdot

icon

Greg → www.one-waymedia.com

CSS Sprites: Image Slicing’s Kiss of Death
by Dave Shea

http://www.alistapart.com/articles/sprites/

icon

James Dlugosinski → www.jimandtess.com

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

icon

Tyehimba G. Toure → toure-interactive.com/start2/

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

icon

phnk → phnk.com

Picment’s “Fun with Forms”

http://www.picment.com/articles/css/funwithforms/

icon

Alex → www.fsfsweden.se

Simply, a great source on the ins and outs, of different approaches to coding.

SimpleQuiz

Cheers. :D

icon

Mark → www.markwyner.com/

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

icon

thepostman → www.theonetogoto.com

Bringing balance to the web standards argument:
March to Your Own Standard

BTW: I still made the switch after reading the article.

icon

ADHD Dad → www.lifewithadhd.com

http://www.cssvault.com

icon

Chris Metcalf → chrismetcalf.net/blog/archives/2004/06/07/san-jose-wireless-cafes/

The essential online guide to CSS tags:

http://www.w3schools.com/css/

Comments have been closed for this entry.


The Deck

Authentic Jobs

Come on in, we're hiring