Video description
CSS in Depth in Motion is a new course that lives up to its name, taking you deep into what you can accomplish with CSS. Designed as a companion to the bestselling book, CSS in Depth. This course explores new examples, projects, and skills that you can practice in your own time, step-by-step!
Professional technical writer Chris Ward brings CSS to life, sharing his years of experience with you face-to-face. Chris guides you through each example, breaking down concepts and letting you see just how easy it is to use CSS to achieve layouts and effects. You’ll broaden your horizons when it comes to maintaining different styles, work with flexible units, and create page layouts that look and feel fresh to everyone who visits them. The course includes crisp, engaging segments on implementing responsive design and understanding floats, certain to get you working better and faster with CSS than you ever thought possible.
Inside:- Understanding cascade, specificity, and inheritance
- Working with relative units
- Implementing responsive design
- Making sense of floats
- How to efficiently position web elements
- New layout options such as grid and table
- Doing more with pure CSS!
About the subjectCSS in one cornerstone of web design, and one of the primary reasons the good-looking websites you love look good. CSS lets you specify the visual design of a web page or web app, from the general layout to the fine details of each element.
By mastering CSS, you can make your pages more attractive, your code more readable, and your life as a web developer easier. You’ll be amazed what you can do without resorting to an external framework, modern CSS can handle a dizzying array of styles and effects all on its own, and this liveVideo course gets you there.
Prerequisites
Designed for developers with an understanding of HTML, CSS, and web page structure.
Chris Ward is a long-term professional writer and editor on a variety of technical subjects. He is the author of the forthcoming Jump Start Responsive Design, Second Edition from SitePoint, and has produced numerous courses on Android, Swift, and Chrome extensions.
Table of Contents
CASCADE, SPECIFICITY, AND INHERITANCE
Introduction to the course
00:01:01
The cascade, origin, and the scope
00:04:57
Specificity and order
00:06:10
Inheritance, initial, shorthand properties
00:06:45
WORKING WITH RELATIVE UNITS
The end of the pixel perfect web
00:04:19
Element relative units: rems and ems
00:09:34
Page relative units: viewport related units
00:03:57
CSS properties
00:04:44
MASTERING THE BOX MODEL
Element width
00:10:15
Element height
00:10:17
Element margins
00:08:53
Spacing elements within a container
00:05:08
MAKING SENSE OF FLOATS
The purpose of floats
00:04:45
Collapsing containers and the clearfix
00:06:48
Block formatting
00:03:25
Grid systems
00:07:03
FLEXBOX
Introducing flexbox
00:11:39
Flexbox direction
00:03:11
Other flexbox properties
00:05:02
GRID
The web layout of the near future
00:03:34
Grid layout with flexbox
00:06:09
Alternative syntaxes
00:03:27
POSITIONING AND STACKING
Fixed positioning
00:04:12
Absolute positioning
00:03:06
Relative positioning
00:05:47
Stacking content and z-index
00:06:40
RESPONSIVE DESIGN
Mobile first
00:07:36
Media queries
00:03:59
Fluid layot
00:04:18
Responsive images
00:03:30