5

What's the best way to learn CSS nowadays?

over 5 years ago from , @pg

Hey guys, what would be the best way to learn CSS today? Is there something better than codecademy? I should say that I'm not a total noob, I have some knowledge of frontend coding, but I want to get better at it.

I think the way I'm going to use it most is interface prototyping, so anything that will help me do that is welcomed. Thanks!

21 comments

  • Benjamin FritzBenjamin Fritz, over 5 years ago

    I loved the courses on http://teamtreehouse.com

    7 points
  • Nick NobleNick Noble, over 5 years ago

    Just build websites!

    But real talk, +1 for treehouse, also check out CSSWizardry. "HTML & CSS" by John Duckett is one of my all time favorite books on the subject.

    2 points
  • Kyle LKyle L, over 5 years ago

    Services like teamtreehouse.com and codeschool are great. This is also a great overview http://learn.shayhowe.com/html-css/ - That said the best way is to learn a little bit and just start building something.

    1 point
  • Daniel SieradskiDaniel Sieradski, over 5 years ago

    codeschool & lynda are my two faves

    1 point
  • Henrique Alves, over 5 years ago (edited over 5 years ago )

    You can find good articles on Smashing Magazine, WebDesign Tuts, etc. This Learn to Code HTML & CSS is quite nice, and Code School also has a HTML + CSS course. I recommend you sign up for CSS Weekly newsletter. Apart from CSS3 transitions I couldn't think in something specific for prototyping.

    Good luck! :)

    1 point
    • P G, over 5 years ago

      Thank you for these, didn't know about any of them. Will definitely use them.

      0 points
  • Bill BBill B, over 5 years ago

    The way I learned and still my favorite is the Lynda.com tutorial called "CSS for Designers". Takes into consideration not everyone is a web design expert and speaks at a more basic level.

    0 points
  • Sergie MagdalinSergie Magdalin, over 5 years ago (edited over 5 years ago )

    Jump into Webflow. You'll learn the most fundamental concepts like CSS selectors, cascading and the box model in one day vs trying to navigate all the different properties and brackets. After you nail the concepts and what display:inline-block does your div, then you'll find how easy it is to write the code.

    0 points
  • Josh Sanders, over 5 years ago

    treehouse is always a good bet, and there are some fantastic courses on Udemy as well for decent prices... but overall—from my personal experiences—nothing is better than working on actual code. Make a small website or static page, and just practice, practice, practice. The more you code, the more you learn.

    0 points
  • Ohad RonOhad Ron, over 5 years ago

    This is an amazing CSS selector tutorial. Well designed and covers critical knowledge: http://flukeout.github.io/

    0 points
  • Diego LafuenteDiego Lafuente, over 5 years ago

    Books, articles online and practice. Also, have around the specs.

    The best CSS book out there is Eric Meyer's CSS: The Definitive Guide, 3rd Edition for a good, deep and complete explanation. If you manage to assimilate all those things you will become good coding CSS;

    http://shop.oreilly.com/product/9780596527334.do

    0 points
    • Tiago DuarteTiago Duarte, over 5 years ago

      I haven't had a chance to read this one yet, but it seems a bit outdated. It was released in 2006 before IE7 had launched (updated to cover IE7 later on) and a lot has happened since then. CSS3, preprocessors, naming conventions, responsive design, etc.

      Apart from the recommendations above, I'd suggest you check out this book. Beautiful presentation and great content!

      0 points
      • Diego LafuenteDiego Lafuente, over 5 years ago

        CSS never changed. Before putting your hands on preprocessors, first learn the damn CSS foundation. When you master it you can choose to use Sass.

        Learning a language shall not be because there's IE7. IE7 support is nothing and the CSS3 spec is from many years back, so, no point. Once you get CSS2.1 well, you can jump on anything not finished, like CSS3.

        0 points
        • Tiago DuarteTiago Duarte, over 5 years ago (edited over 5 years ago )

          Seems like I hit a nerve there. Didn't mean to do so.

          I also never said that you should use a preprocessor before learning the CSS foundation. On more recent educational resources though, you are introduced to the concept of a preprocessor. I don't think that's a bad thing, on the contrary.

          CSS3 isn't finished, but W3C is already recommending that you implement this specification. And it's mature enough to be learnt and used.

          W3C encourages everybody to implement this specification.

          I didn't get what you mean about IE7 though.

          1 point
  • Adam Morgan, over 5 years ago

    I would recommend the book CSS Mastery. The book definitely has parts that are outdated (browser hacks) but their chapters on CSS fundamentals really helped solidify my understanding of a few concepts that never made sense before. I don't have to resort to Googling nearly as often after this book.

    Also, I don't think I'll ever recommend someone learn HTML or CSS without the Brackets editor and the Web Developer Chrome extension (http://chrispederick.com/work/web-developer/). With those two, you get live updates with outlines around all of your elements. In my opinion there's no better way to learn it.

    0 points
    • P G, over 5 years ago

      Hmm I haven't tried Brackets yet. Is it better than Sublime Text or the others?

      0 points
      • Adam Morgan, over 5 years ago (edited over 5 years ago )

        I like Sublime Text better. The only reason I recommended Brackets was because of its native bi-directional updating but after some browsing it seems the same can be accomplished with Emmet LiveStyle. Either way, one of those editors paired with Chrome/Web Developer is great.

        0 points
  • Joacim NilssonJoacim Nilsson, over 5 years ago

    codepen.io!

    Check websites for examples test them in codepen. Simple as that.

    0 points