by Chris Ward | Publisher: Manning Publications | Release Date: June 2018 | ISBN: 10000MNLV201710

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 subject CSS 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.

1. 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
2. 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
3. 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
4. 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
5. FLEXBOX
   • Introducing flexbox 00:11:39
   • Flexbox direction 00:03:11
   • Other flexbox properties 00:05:02
6. GRID
   • The web layout of the near future 00:03:34
   • Grid layout with flexbox 00:06:09
   • Alternative syntaxes 00:03:27
7. 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
8. RESPONSIVE DESIGN
   • Mobile first 00:07:36
   • Media queries 00:03:59
   • Fluid layot 00:04:18
   • Responsive images 00:03:30