CSS Tips

Focused View

Morten Rand-Hendriksen

1:55:56

0 View

[1] Introduction

[1] Supercharge your CSS.mp4

01:06

[2] Exercise files.mp4

01:46

[2] 1. Working With CSS

[1] Should I normalize or reset my CSS.mp4

05:41

[2] Write better CSS with stylelint.mp4

07:39

[3] 2. Container Tips

[1] The vw unit is a bit of a mixed blessing.mp4

06:11

[2] Consistent sizing with box-sizing border-box.mp4

02:21

[3] Logical box properties instead of top, right, bottom, left.mp4

04:09

[4] Writing modes.mp4

04:30

[5] Horizontal and vertical alignment in any container.mp4

04:07

[6] Maintain aspect ratio in containers and images.mp4

03:15

[7] How the clear property works.mp4

03:25

[8] Move over clearfix Clearing with flow-root.mp4

02:30

[4] 3. Typography

[1] px, em, and rem units explained.mp4

03:56

[2] Set natural line lengths with the ch unit.mp4

02:39

[3] Responsive sizing with min(), max(), and clamp().mp4

07:10

[4] Add a drop cap to your text.mp4

05:59

[5] Truncate text length and number of lines of text.mp4

05:31

[6] Style text selection and highlighting.mp4

04:03

[7] Making sense of the line-height property.mp4

03:38

[5] 4. Custom Properties

[1] Custom properties with default values.mp4

02:39

[2] Nesting custom properties to create functions.mp4

03:44

[3] Create light or dark mode with custom properties.mp4

02:31

[4] Sidebar hsla() colors are just better.mp4

06:44

[6] 5. Layout

[1] Should you use grid, flex, or float.mp4

02:55

[2] Add gaps and gutters to grid and flex.mp4

03:17

[3] Pseudo-elements are true grid and flex items.mp4

04:19

[4] Putting things on top of one another using grid.mp4

04:13

[5] Fixed and sticky elements.mp4

04:59

[7] Conclusion

[1] Thanks.mp4

00:59

Description

CSS has lots of magical corners that can save you tremendous time. Come find them! In this course, web designer and developer Morten Rand-Hendriksen shows you how to address specific challenges with a bite-sized approach that lets you find what you need quickly. Morten covers topics such as containers, typography, layout, and more. In each video, he teaches a technique that you can apply in your web styling, something concise and quick that can make your complicated projects simpler.

This course is integrated with GitHub Codespaces, an instant cloud developer environment that offers all the functionality of your favorite IDE without the need for any local machine setup. With Codespaces, you can get hands-on practice from any machine, at any time—all while using a tool that you’ll likely encounter in the workplace. Check out the “Using GitHub Codespaces with this course” video to learn how to get started.

More details

User Reviews

Rating

average 0

Total votes0

Focused display

CSS

Morten Rand-Hendriksen

Instructor's Courses

Since joining forces with lynda.com (now LinkedIn Learning) in 2010, I've 60+ published courses on WordPress, front end web design and development, and web standards, reaching hundreds of thousands of viewers from all over the world. I also contribute to the web community as a public speaker, author, educator, web developer, and design philosopher. I help the web make sense by helping people understand and get the most out of the web, and contribute to the debates about ownership and democratization of information, design philosophy, and the open web.

Linkedin Learning

View courses Linkedin Learning

LinkedIn Learning is an American online learning provider. It provides video courses taught by industry experts in software, creative, and business skills. It is a subsidiary of LinkedIn. All the courses on LinkedIn fall into four categories: Business, Creative, Technology and Certifications. It was founded in 1995 by Lynda Weinman as Lynda.com before being acquired by LinkedIn in 2015. Microsoft acquired LinkedIn in December 2016.