13 comments

  • Colm TuiteColm Tuite, almost 4 years ago

    This is great to see. Well presented, short and to the point. It should help a lot of people struggling with RWD.

    It doesn't follow mobile-first methodology though, which is a concern. It's not a good idea to start people off on the wrong foot.

    4 points
    • Jake Lazaroff, almost 4 years ago

      Mobile-first is not a silver bullet. It all depends on the needs of your site.

      5 points
      • Colm TuiteColm Tuite, almost 4 years ago

        That goes without saying. There are no silver bullets. In the example provided, a mobile-first approach would make a lot of sense.

        0 points
        • Jake Lazaroff, almost 4 years ago

          Ah — I didn't read down the whole way and missed the mobile part at the end. You're 100% right, if the author expects people to visit the site using mobile phones it should definitely not be the last step :)

          0 points
  • Florian BürgerFlorian Bürger, almost 4 years ago

    Wow this is really nice. Easy to read and to understand and without all the buzzwords & frameworks regarding todays front-end development. It is a reminder that you don't need Bootstrap, Sass, Compass or whatever to build responsive websites.

    3 points
  • Matt SoriaMatt Soria, almost 4 years ago

    This is great - I've got a handfull of friends and acquaintances who are making their start in web design and introducing them to basic html and then throwing responsive techniques into the mix is always difficult, but I'm definitely going to point them to this from now on.

    1 point
  • Harsh PatelHarsh Patel, almost 4 years ago

    This is brilliant, Adam. I'm immediately sending it out to all our students/alumni @MakerSquare. Reminds me of the simplicity and effectiveness of the Duckett book on HTML/CSS.

    Dopesauce.

    1 point
  • Stuart McCoyStuart McCoy, almost 4 years ago (edited almost 4 years ago )

    I love this example but I'd love to see a similar explanation bridging this with Sass to abstract the class names and make my code more semantic. Also, nesting.

    0 points
  • Removed AccountRemoved Account, almost 4 years ago (edited almost 4 years ago )

    Bookmarked! We need more tutorials as simple as this one.

    0 points
  • Nour MalaebNour Malaeb, almost 4 years ago

    I was looking for exactly this over the weekend! Very good, I love how he combines the rationale and how-to guide.

    0 points
  • Amelia HumfressAmelia Humfress, almost 4 years ago

    This is so great. Nice work!

    0 points
  • Nick de JardineNick de Jardine, almost 4 years ago

    Could move to inline-block as opposed to floats and also the markup could be leaner. But I agree, a good beginners guide well done.

    0 points
  • Nicholas HendrickxNicholas Hendrickx, almost 4 years ago

    Lovely! Well explained with simple examples. I'm sure this will be helpful for a lot of people!

    0 points