Creating Responsive Pages with CSS FlexBox

Focused View

Jeff Batt

1:21:13

46 View

01. Course Overview

01. Course Overview.mp4

01:30

02. Understanding Flexboxes

01. Module Introduction.mp4

01:15

02. Exploring the Project Files.mp4

01:27

03. Knowing the Basics and Flexbox Terminology.mp4

01:29

04. Understanding the Flexbox Container.mp4

01:18

05. Defining Direction with Rows and Columns.mp4

01:51

06. Exploring the Main and Cross Axes.mp4

01:25

07. Breaking down a Design to Flexboxes.mp4

02:51

08. Module Conclusion.mp4

00:58

03. Setting up the Flexbox Container

01. Module Introduction.mp4

00:23

02. Creating the Container.mp4

04:38

03. Adjusting the Flex Direction.mp4

03:29

04. Wrapping Content to the Next Line.mp4

03:40

05. Spacing Content along the Main Axis with Justify.mp4

06:43

06. Aligning Items along the Cross Axis.mp4

03:12

07. Adjusting the Content along the Cross Axis.mp4

03:11

08. Nesting Containers within Containers.mp4

07:22

09. Module Conclusion.mp4

00:32

04. Adjusting the Flexbox Items

01. Module Introduction.mp4

00:31

02. Changing the Order of Items.mp4

03:48

03. Adjusting the Size of Specific Items with Grow.mp4

04:40

04. Making Flex Items Shrink.mp4

02:46

05. Defining the Flex Item Default Size.mp4

03:29

06. Aligning Specific Flex Items.mp4

02:50

07. Fine Tuning Content with CSS.mp4

03:00

08. Module Conclusion.mp4

00:55

05. Solving Flexbox Challenges

01. Module Introduction.mp4

00:20

02. Setting up Challenge One.mp4

00:29

03. Walking through the Challenge One Solution.mp4

04:08

04. Setting up Challenge Two.mp4

00:42

05. Walking through the Challenge Two Solution.mp4

04:08

06. When Not to Use Flexbox.mp4

01:27

07. Module Conclusion.mp4

00:46

Description

Flexboxes make creating web page layouts quicker, easier, and offer greater flexibility than rows and columns. This course will teach you how to get started with Flexboxes using nothing but CSS.

What You'll Learn?

Creating flexible web page layouts could take complex CSS floats and media queries or require using into third party frameworks that use rows and columns, that then add a lot of extra code to your website. In this course, Creating Responsive Pages with CSS Flexbox, you’ll learn to create responsive webpages using CSS flexboxes. First, you’ll explore the basic concept of the CSS flexbox. Next, you’ll discover how to quickly layout content with the Flexbox using the axis. Then, you'll learn to get your content to be responsive with Flexbox. Finally, you’ll be presented options you can use to scale and align elements within the Flexbox container. When you’re finished with this course, you’ll have the skills and knowledge of using CSS flexboxes needed to create responsive web pages.

More details

User Reviews

Rating

average 0

Total votes0

Focused display

CSS

Responsive Design

Jeff Batt

Instructor's Courses

Jeff has 10+ years experience in the digital learning and media industry. Currently he is Founder and Head Trainer/Sensei at Learning Dojo, a company dedicated to training you to become a software ninja in a variety of eLearning, web, and mobile related software applications. Jeff is also the Digital Learning Development Manager for The Church of Jesus Christ of Latter-day Saints, producing online training for the Church world wide. Jeff has also been the Product Development Manager for eLearning Brothers with responsibility for the design, development, and management over their world-class digital learning templates library building templates in Storyline, Studio '13, Captivate, Adobe Edge Animate, Lectora, HTML5, Flash, and more. Prior to his work at eLearning Brothers, Jeff was the Design & Professional Services Manager for CallidusCloud's online eLearning authoring tool Litmos Author. Jeff is a regular conference speaker and industry leader regarding digital learning technologies such as TinCan API (xAPI), AppceleratorStudio, Articulate Storyline, Adobe Edge Animate, Tumult Hype, jQuery Mobile, iBooks Author, HTML 5, and More.

Pluralsight

View courses Pluralsight

Pluralsight, LLC is an American privately held online education company that offers a variety of video training courses for software developers, IT administrators, and creative professionals through its website. Founded in 2004 by Aaron Skonnard, Keith Brown, Fritz Onion, and Bill Williams, the company has its headquarters in Farmington, Utah. As of July 2018, it uses more than 1,400 subject-matter experts as authors, and offers more than 7,000 courses in its catalog. Since first moving its courses online in 2007, the company has expanded, developing a full enterprise platform, and adding skills assessment modules.