Responsive Web Design – Programming With Anthony

Web Design

In today’s tech-savvy world, more and more businesses and organizations are realizing that DIY websites or—gasp—no website at all just won’t cut it. And now that mobile Internet usage has officially overtaken desktop usage, the do-it-yourselfers are having a hard time designing websites that are smartphone compatible.

If you’ve got what it takes, Web design can make for a satisfying career. But the road isn’t easy: You’ll need to be able to market your skills effectively to stand out. A network as much as possible. You can start a blog, speak at local events, and learn from others in your field. You’ll also need to have the skills to complete complex projects and the personality to please demanding customers.

This week we are joined by Responsive Design thought leader Sam Richard. He introduces us to the concept of responsive web design, tells us a little bit about its history and talks about best-practice and the future of the web!

Sam Richard:
Web:
Twitter:

Me:
Web:
Twitter:

You might also like More from author

21 Comments

  1. Ben Sebastian says

    Best bananas I’ve ever seen!

  2. yanike says

    Great video!

  3. LF Sifuentes says

    Thanks for the video Sam! Points were discussed clearly!

  4. Mohammad Imran says

    nice !!

  5. jeya kumar says

    nice video

  6. HaploBartow says

    +Anthony Ferrara or someone else, can you explain why we use min-width to refer to things less than the specified value? In math, min (or minimum) specifies a lower bound, so min-width: 500px would mean that it only works for screens 500px wide or *wider*. Why is minimum width being counted as a maximum bound by CSS and W3C?

    1. Vahan Shamlian says

      Sam made a mistake, he was probably just nervous in front of the camera. When you use min-width in media queries, it will match everything down to this minimum value. For example, if you want a piece of your CSS to match a range of widths and nothing outside of that range, you can do this

      @media screen and (min-width: 320px) and (max-width: 800px) {
        body { color: blue; }
      }

      try it!

  7. Kevon Hayes says

    Thanks for the revalation.

  8. Sachin Sangde says

    Useful basics of RWD. Thank you..!

  9. Jos Bogers says

    Anthony, even for a 76 year old guy the video is great to follow. Thank you. Reg. Jos

  10. Chaika Goldstein says

    I’m a newbie. How do you “get in browser”?

    1. Mike Henry says

      Hi Chaya, it means to open (File > Open . [yourHTMLfile]) your html file directly in the browser (Chrome/Safari/Firefox/IE), then expand and contract the browser window (grabbing the corner or right edge) to see how your layout responds. As you make changes to your CSS, you can just refresh the browser to see the result.

  11. Ron Curran says

    Great video.  Easy to follow (although I will watch it more than once).  Thanks!

  12. Kawdoco says

    Hello Anthony,, can we use pt without px for responsive css designs? few confusing with width property?

    #css3   #responsivewebdesign  

  13. Samuel Kung says

    subscribed

  14. Krizalid says

    This is really useful information, thanks 🙂

  15. Peristilo peris says

    Great tips! I’m having a hard time trying to make my website responsive. 

  16. Fede Ottalagano says

    Great tips, man. Thanks

  17. Deepak Thanam says

    Thanks for the tips

  18. Alejandro Veltri says

    You’re awesomeeeee, thanks for your classes.

Leave A Reply

Your email address will not be published.