1. All topics
  2. Creative
  3. Web Design
  4. Responsive Web Design
Learning Responsive Web Design in the Browser Preview

Learning Responsive Web Design in the Browser

With Morten Rand-Hendriksen Liked by 394 users
Duration: 1h 51m Skill level: Intermediate Released: 3/28/2016

Start my 1-month free trial Buy for my team

Course details

With all the web design software available, why would you design in the browser? We are living in a brave new world of responsive design. Websites can be read on mobile devices, tablets, desktops, and even on the smart watches on our wrists. Most static web design tools don't account for that. The browser is an endless, flexible canvas. It's a natural place to code, and its dynamic design surface and instant feedback allows for more responsive web designs.

In this course, Morten Rand-Hendriksen explains his approach to designing in the browser, which starts well before he even starts coding. He shows how to define the layout on paper and create a "language" for the site, and then builds a baseline document with HTML5. Then he uses CSS to guide the look of the site and the layout, using media queries and Flexbox to add responsive behaviors. In chapter 3, Morten improves the site's interactivity using CSS transitions and transforms. Finally, he reveals how to use these techniques to build WordPress themes in the browser.

Each step involves design strategies, best practices, and actual code examples that will turn the web browser into your new favorite design tool.

Skills you’ll gain

Earn a sharable certificate

Share what you’ve learned, and be a standout professional in your desired industry with a certificate showcasing your knowledge gained from the course.

Sample certificate

Certificate of Completion

  • Showcase on your LinkedIn profile under “Licenses and Certificate” section

  • Download or print out as PDF to share with others

  • Share as image online to demonstrate your skill

Meet the instructor

Learner reviews

4.7 out of 5

132 ratings
  • 5 star
    Current value: 101 77%
  • 4 star
    Current value: 20 15%
  • 3 star
    Current value: 11 8%
  • 2 star
    Current value: 0 0%
  • 1 star
    Current value: 0 0%
  • Surguru MK Surguru MK

    Surguru MK

    Lead Engineer - Java Developer | Fintech applications | Core Banking Products | Core Java | Spring | Spring Boot |Microservices |Angular|…

    5/5 February 29, 2024
    good
    Helpful · Report
  • David Munyiri David Munyiri

    David Munyiri

    SWE | QA/QE Engineer | Founder C4C0D3| Microsoft Learn student ambassador | Google Crowdsource Influencer

    5/5 May 8, 2023
    great, content is easy to understans
    Helpful · Report
  • Roshan Kumar Roshan Kumar

    Roshan Kumar

    Executive ll - Systems Development @Asian Paints

    5/5 April 20, 2022
    He has a very good style to teach!
    Helpful · Report

Contents

What’s included

  • Practice while you learn 1 exercise file
  • Learn on the go Access on tablet and phone

Similar courses

Download courses

Use your iOS or Android LinkedIn Learning app, and watch courses on your mobile device without an internet connection.

Download on the App Store Get it on Google Play