1 option
Learning Responsive Web Design in the Browser/ with Morten Rand-Hendriksen.
- Format:
- Video
- Author/Creator:
- Rand-Hendriksen, Morten, speaker.
- Language:
- English
- Genre:
- Instructional films.
- Educational films.
- Video recordings.
- Physical Description:
- 1 online resource
- polychrome
- Place of Publication:
- Carpenteria, CA:: linkedin.com, 2016.
- System Details:
- Latest version of the following browsers: Chrome, Safari, Firefox, or Internet Explorer. Adobe Flash Player Plugin. JavaScript and cookies must be enabled. A broadband Internet connection.
- Summary:
- Want to design in the browser? Learn how to use the browser's flexible canvas and a combination of HTML and CSS to build more responsive, interactive websites and WordPress themes.
- 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.
- Participant:
- Presenter: Morten Rand-Hendriksen
- Notes:
- 3/28/20161
- Access Restriction:
- Restricted for use by site license.
The Penn Libraries is committed to describing library materials using current, accurate, and responsible language. If you discover outdated or inaccurate language, please fill out this feedback form to report it and suggest alternative language.