English | MP4 | AVC 1280×720 | AAC 44KHz 2ch | 1h 55m | 358 MB
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.
Table of Contents
Introduction
1 Supercharge your CSS
2 Exercise files
1. Working With CSS
3 Should I normalize or reset my CSS
4 Write better CSS with stylelint
2. Container Tips
5 The vw unit is a bit of a mixed blessing
6 Consistent sizing with box-sizing border-box
7 Logical box properties instead of top, right, bottom, left
8 Writing modes
9 Horizontal and vertical alignment in any container
10 Maintain aspect ratio in containers and images
11 How the clear property works
12 Move over clearfix Clearing with flow-root
3. Typography
13 px, em, and rem units explained
14 Set natural line lengths with the ch unit
15 Responsive sizing with min(), max(), and clamp()
16 Add a drop cap to your text
17 Truncate text length and number of lines of text
18 Style text selection and highlighting
19 Making sense of the line-height property
4. Custom Properties
20 Custom properties with default values
21 Nesting custom properties to create functions
22 Create light or dark mode with custom properties
23 Sidebar hsla() colors are just better
5. Layout
24 Should you use grid, flex, or float
25 Add gaps and gutters to grid and flex
26 Pseudo-elements are true grid and flex items
27 Putting things on top of one another using grid
28 Fixed and sticky elements
Conclusion
29 Thanks
Resolve the captcha to access the links!