Creating Layouts with CSS

Focused View

Matt Henry

3:10:19

4 View

1. Course Overview

1. Course Overview.mp4

01:24

2. The Responsive Layout Process

1. The Responsive Layout Process.mp4

02:52

2. Making a Plan.mp4

02:34

3. Implementing Responsive Layouts.mp4

01:42

4. Implementing Responsive Components.mp4

01:43

5. About This Course.mp4

01:29

6. About Exercise Files.mp4

01:29

3. Designers and Front-end Developers

1. A Tale of Two Bethanys.mp4

01:35

2. Frontend Development at Globomantics.mp4

02:38

3. Clarifying Requirements.mp4

04:40

4. Dissecting a Mockup.mp4

04:13

4. Layout Principles and Patterns

1. The One-stop Web Dev Shop.mp4

02:09

2. What before How.mp4

03:26

3. Good Layouts.mp4

03:34

4. Common Layout Patterns.mp4

04:47

5. Designing a Layout in Action.mp4

05:47

5. Clean Code and Accessibility

1. What Is Clean Code.mp4

02:38

2. Clean HTML.mp4

04:28

3. Web Standards and Accessibility.mp4

03:13

4. Semantic HTML and ARIA.mp4

02:23

5. Clean CSS.mp4

04:06

6. CSS Naming Conventions.mp4

02:33

06. Flexbox and Grid Revisited

01. Flexbox and Grid Revisited.mp4

01:58

02. Flexbox and Grid Similarities.mp4

02:49

03. Flexbox and Grid Differences.mp4

05:46

04. Align and Justify Properties.mp4

07:13

05. Implementing a Layout Using Flexbox.mp4

06:01

06. Implementing a Layout Using Grid.mp4

01:33

07. Grids - Defining Grids In-depth.mp4

05:47

08. Grids - Positioning Items In-depth.mp4

03:52

09. Problem Solving with Grid and Flexbox.mp4

04:58

10. Summary - When to Use What.mp4

02:07

07. Building a Responsive Layout

01. Implementing Responsive Layouts.mp4

03:24

02. Implementing Grid Strategies.mp4

04:10

03. Markup for Layout.mp4

03:37

04. Media Queries.mp4

02:41

05. Implementing Layouts - About Page.mp4

02:28

06. Implementing Layouts - Header & Footer.mp4

04:47

07. Implementing Layouts - Visit Us Page.mp4

03:14

08. Implementing Layouts - Home Page.mp4

07:00

09. Implementing Layouts - Pies Page.mp4

02:18

10. Responsive Layout Summary.mp4

00:42

08. Building Responsive Components

01. Implementing Responsive Components.mp4

02:52

02. Techniques for Responsive Images.mp4

04:28

03. Container Queries.mp4

02:38

04. Implementing Components - About Page.mp4

03:34

05. Implementing Components - Header & Footer.mp4

05:02

06. Implementing Components - Visit Us Page.mp4

05:06

07. Implementing Components - Home Page pt. 1.mp4

06:17

08. Implementing Components - Home Page pt. 2.mp4

02:01

09. Implementing Components - Pies Page pt. 1.mp4

05:42

10. Implementing Components - Pies Page pt. 2.mp4

06:19

11. Responsive Components Summary.mp4

01:03

9. Summary and Next Steps

1. Summary & Next Steps.mp4

03:29

Description

This course will teach you how to implement beautiful, responsive layouts in CSS as part of a team or as a full-stack developer.

What You'll Learn?

In this course, Creating Layouts with CSS, you’ll learn a repeatable process for implementing layouts in CSS, from simple to complex. First, you’ll explore how to work with mockups from a designer or to create your own. Next, you’ll discover the secret to making your layouts responsive at any screen size. Finally, you’ll learn how to adapt your components to a fluid layout so that they look beautiful in every context. When you’re finished with this course, you’ll have the skills and knowledge of HTML and CSS needed to dependably implement any layout.

More details

User Reviews

Rating

average 0

Total votes0

Focused display

CSS

Matt Henry

Instructor's Courses

Matt makes products that help people learn. Through a career spanning film, video, design, development, product management, and course authoring Matt is a passionate elearning professional. Since he began working in technology during middle school, Matt's career has spanned film, video, design, development, product management, and course authoring. He is currently the Vice President of Product at Innovative Language Learning, building a learner-centered platform for students to reach their language goals. As a committed generalist, Matt believes learning diverse subjects can benefit one's thinking in unpredictable and immeasurable ways. Matt is a strong believer in the growing capability of technology to teach concepts across geographic and economic barriers. Hailing from Idaho, Matt lived for six years in Tokyo and now lives in Salt Lake City.

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.