Learn CSS Flexbox on Lynda.com

Learn CSS Flexbox on Lynda.com
After ten years, which is a lifetime on the web, we decided to give the MUSED Literary Review website a new look. Of course, we wanted to use the newest HTML and CSS and that means using Flexbox, CSS Grid and Responsive Web Design.

Thanks to Lynda.com, it didn't take long to get up to speed. Below are just a few of the best video tutorials that helped me design the new look for MUSED.

Advanced Responsive Layouts with CSS Flexbox
Morten Rand-Hendriksen
In this project-based course, the author takes you step-by-step as he builds Flexbox menus, responsive card layouts, the Holy Grail layout and interactive components.

CSS Advanced Layouts with Grid
Morten Rand-Hendriksen
You will learn a lot in this course. The author begins with the basics of CSS Grid and planning grid layouts. Then you are ready to build a multi-column layout and a full-bleed single column layout. Next, you learn how to design various card layouts and an off-screen navigation panel that slides into view when needed.

CSS Essential Training 3
Christina Truong
In this course, you will learn to use CSS Grid and Flexbox to build responsive layouts. You will also learn about how to prepare your web images for Retina displays and SVG vector images. The author then moves on to simple CSS animations, responsive typography and accessibility.

CSS Flexbox First Look
James Williamson
This course takes you step-by-step as you learn all of the syntax for the CSS Flexbox Layout Module. The author discusses what Flexbox can do and the current browser support. He then thoroughly discusses topics such as element flow, wrapping content, aligning items and nesting flex containers.

CSS Grid First Look
Morten Rand-Hendriksen
In this course, you will learn a new and improved way to create two-dimensional grid layouts. Starting with the basics for using CSS Grid to build responsive grid layouts, the author covers what you will need to know in order to build both an online magazine and three-column layout.

Building Responsive Forms with Flexbox
James Williamson
You can't design a website without forms. Forms need to be as responsive for all types and sizes of screens, just like the rest of the site. Williamson teaches you how to use the CSS Flexbox box model to create and style responsive web forms. He begins with a simple search form and builds up to a large, two column form.

Responsive Images
Morten Rand-Hendriksen
If you use Wordpress, you know that it will automatically generate several different sized images for each image that you upload to the system. Why? This course will explain the concept behind responsive images and how to use them on your own website.

Related Articles
Editor's Picks Articles
Top Ten Articles
Previous Features
Site Map

Content copyright © 2023 by Diane Cipollo. All rights reserved.
This content was written by Diane Cipollo. If you wish to use this content in any manner, you need written permission. Contact Diane Cipollo for details.