Learning Responsive Web Design in the Browser
With Morten Rand-Hendriksen
Liked by 389 users
Duration: 1h 51m
Skill level: Intermediate
Released: 3/28/2016
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.
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.
LinkedIn Learning
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
-
David Munyiri
David Munyiri
SWE | QA/QE Engineer | Founder C4C0D3| Microsoft Learn student ambassador | Google Crowdsource Influencer
-
-
Contents
What’s included
- Practice while you learn 1 exercise file
- Learn on the go Access on tablet and phone