digg

Facebook Connect Join Digg About
See the original image at sixrevisions.com

20 Websites To Help You Learn and Master CSS

sixrevisions.com — This article features 20 excellent websites to help you "grok" CSS. There’s a wide range of websites included – from blogs to directory-style lists and websites that focus on one particular topic related to CSS.

Who dugg this? Made popular Aug 29, 2008

Digg DudeWhat is Digg?

Digg is a place for people to discover and share content from anywhere on the web. Digg surfaces the best stuff as submitted and voted on by the community. Take the Tour to learn more.

87 Comments

show profanity settings
expand all
  • DigSomeMore, on 08/29/2008, -0/+58I remember when we didn't have CSS, boy what a life...it sucked
  • badwithcomputer, on 08/29/2008, -21/+68wtf- i thought this would be about counter strike
  • JonnyCasino, on 08/29/2008, -0/+27This list looks similar to my bookmarks. Some other worthwhile sites to check out are:
    CSS Destroy:
    http://lofotenmoose.info/css/

    CSSplay:
    http://www.cssplay.co.uk/

    Newt Edge:
    http://phoenity.com/newtedge/

    Css Globe:
    http://cssglobe.com/

    Ask the CSS Guy:
    http://www.askthecssguy.com/

    Some worthwhile books to purchase:
    CSS Mastery by Andy Budd
    http://www.cssmastery.com/

    Designing with Web Standards
    http://www.zeldman.com/dwws/

    I'd say that these books alone contribute to a lot of what I know now about CSS and standards based design.
  • brainnovate, on 08/29/2008, -0/+19A great selection of resources.
  • niobevulpes, on 08/29/2008, -0/+13The font tag.
  • iashraf, on 08/29/2008, -0/+13Tables and spacer gifs... oh the memories!
  • jarjarwang, on 08/29/2008, -0/+12You don't need to put grok in quotation marks with us, water brother.
  • zohaibusman, on 08/29/2008, -1/+12my css is getting better
  • fl0wzilla, on 08/29/2008, -1/+10I recommend that anyone really wanting to learn CSS should attempt a Zen Garden page. Last year my web design prof. had everyone in the class create a Zen Garden of an existing (preferably popular) website. It was tough but VERY beneficial.
  • louiebaur, on 08/29/2008, -1/+10damn that's funny I thought the same thing to, must be sleepy still
  • kevdotbadger, on 08/29/2008, -1/+10This joke is cracked everyday.
  • annjay, on 08/29/2008, -2/+9Its a great selection of websites to learn CSS. I hope this post will help a lot to the newbie. Keep up the good work!
  • mhuggins, on 08/29/2008, -0/+6And in some cases...

    RIP Tables: 1995 to present.
  • MScrip, on 08/29/2008, -2/+8Exactly! I love how CSS purists say you should never use tables for layout. They obviously didn't build sites in the early days of the web. Tables were the only way! I taught myself how to build sites by looking at other sites. Guess what... tables.

    Then I built my first website using CSS for layout. I was like... "where has this been hiding?"

    IE6 aside, CSS is a dream. But we can't forget our heritage of a table built web.

    RIP Tables: 1995 to 2003.
  • WoollyMittens, on 08/29/2008, -0/+6If you want some javascript trickery added to your CSS without dabbling into script, please feel free to have a browse around my classBehaviours at http://www.classbehaviours.com/

    I made it to help me add often used DHTML tricks easily through class-names, but they might come in useful for you sometime.
  • RyanOC, on 08/29/2008, -0/+5Its nice to see development and design links on digg. That's what I originally signed up for, but its turned into everything else lately.
  • abran1984, on 08/29/2008, -3/+7I guess this is today's front page article with CSS tips. It's nice reading the exact same content on different sites every day
  • GhostyBoy, on 08/30/2008, -0/+4Some of us are really new at this...
  • Llanowar, on 08/30/2008, -0/+4w3schools is a great site. Very nice for learning the basics of CSS. But when you want to master CSS you need to go beyond w3schools.
  • inactive, on 08/29/2008, -0/+4Ehh.. when I was learning CSS I didn't find w3schools to be the best resource, so instead I got a book and read through HTMLDog.
    Now when I have a question about CSS, I go there to clear things up. But it isn't necessarily the best place for learning, IMO.
  • inactive, on 08/29/2008, -1/+5Uniform standards are agreed upon. Microsoft doesn't follow them. It can be - the more efficient and semantically correct a website is the less bandwidth it uses, saving the business hosting money.
  • RoboDonut, on 08/29/2008, -0/+4What do you call "non-trivial"
    I'm not a professional, but I've messed around with web development and hosting on my own for a little while. I wrote myself a little blog in Python with the Django framework. Did all the HTML/CSS myself and hacked together a second stylesheet to fix everything that didn't render properly in IE. I verified that it was entirely XHTML 1.1 and CSS 2.0 compliant.
    Then I reformatted my webserver and installed Plan 9 from Bell Labs.
  • RoboDonut, on 08/29/2008, -3/+7What's there to "master"?
    I always thought that CSS was extremely straightforward.
  • gramophone, on 08/29/2008, -1/+5Here's to hoping for total standards compliance in IE8!
  • stutimandal, on 08/29/2008, -1/+5After you learn basic CSS, only two sites are needed:

    1) www.w3.org (for validation and CSS properties)
    2) www.alistapart.com (for tech trends in designing)
  • voetsjoeba, on 08/29/2008, -0/+3I sort of lost faith in this list when I read this in the "Advanced" section of CSS Dog:

    Absolute Positioning:
    An element with position: absolute is positioned at the specified coordinates relative to your screen top left corner.


  • MtheoryX, on 08/29/2008, -0/+3You can't really blame Digg for that; blame the users.
  • jsudesign, on 08/29/2008, -0/+3Dude for sure, cssplay
  • daveluke1, on 08/30/2008, -1/+4wait... i still use tables... people don't use tables anymore?
  • kevdotbadger, on 08/29/2008, -0/+3http://www.css3.info/ is pretty awesome.
  • Jushooter, on 08/29/2008, -2/+4These will help you learn and Master CSS.
  • jggube, on 08/30/2008, -0/+2I think more so than anything, this is in the advanced section only because positioning is one of the more tricky concepts to understand and not necessarily because this one particular definition is advanced. And in the spirit of talking about positioning, I just read this wonderful write-up on absolute vs. relative positioning: http://www.stopdesign.com/articles/absolute/
  • MtheoryX, on 08/29/2008, -1/+3It's really not that hard, even when you make it compatible with IE6.

    Using a browser reset, validating your code and CSS, and designing for Firefox or Safari will solve almost every problem you run across.

    Then you're left with a handful, at most, of very well-known and well-documented IE bugs to fix.
  • marcoionox, on 08/29/2008, -1/+3http://css-tricks.com/
  • Rivetgeek, on 08/29/2008, -1/+3If you think html table will always work from browser to browser, try nested html tables more than three deep in ff and ie. Only one will display it correctly and heres a hint, its not ie.

    not to mention the fact that IE doesnt even support nested comments.
  • gatorfree, on 08/29/2008, -1/+3Buried for using the ridiculous word Grok. Where are you from, Mars?
  • phatphil, on 08/30/2008, -0/+2Agreed.
  • quetivity, on 08/30/2008, -0/+2Seems like style sheets are really catching on more and more. It helps weed out the clutter in code. http://www.cellularsourceonline.com/advanced_searc ...
  • rebolyte, on 08/30/2008, -0/+2I second the purchase of CSS Mastery. An excellent book for the intermediate-advanced developer.
  • jggube, on 08/30/2008, -0/+2It's something I'm really looking forward to. I still have to design for IE6 though - and I think that if it wasn't for IE6, I'd be done in half the time with a more "advanced" design (i.e. being able to use fully use transparent PNGs without a script).
  • mcottier, on 08/30/2008, -2/+4I still use tables because a pure CSS layout still has to many problems in older browsers.
  • inactive, on 08/29/2008, -0/+2I agree with RoboDonut. The solution to IE6 problems should be solved with external CSS files.
  • Whitey07, on 08/31/2008, -0/+2Dugg for CSS.
  • niceguydesign, on 08/29/2008, -0/+2I like the ZEN ARMY version on CSSZENGARDEN...
  • outreach417, on 08/30/2008, -0/+1yes looks like it! makes adsense to me ; )
  • inactive, on 08/29/2008, -0/+1Reported and blocked.

    Oh and also, it fails on Vista;)
  • threat45, on 08/30/2008, -0/+1Digg Was initially a tech site, until Digg higher-uppers realized they werent making enough money

    Thats why every other post is a top ten list.

    - Miss my 2005 digg :(
  • churler, on 08/29/2008, -0/+1I like mandarindesign.com for some of the more advanced CSS components.
  • smrekar, on 08/29/2008, -0/+1too bad the bottom guy looks like Caesar Milan.
  • glowfood, on 08/29/2008, -1/+2Is it just me or does Sixrevisions just make top lists referencing other websites and submitting the pages to Digg?
  • Fetching more discussions...
    Show 51 - 95 of 95 discussions

  • Add a Comment

    Login or register to comment!
    Or, sign-in super fast with your Facebook account ...


© Digg Inc. 2009 — Content created and posted by Digg users is dedicated to the public domain | Terms of Use Updated | Privacy Policy
DIGG, DIGG IT, DUGG, DIGG THIS, Digg graphics, logos, designs, page headers, button icons, scripts, and other service names are the trademarks of Digg Inc.