Oreilly – CSS in Depth, Second Edition, Video Edition 2024-9

CSS in Depth, Second Edition, Video Edition. This guide will help you discover everything CSS can do—from essentials and brand-new features to hidden insights you won’t find anywhere else. In this course, you’ll learn how to:

• Create a web page with layout methods
• Develop essential website components, such as drop-down menus and dialog boxes
• Make your website fully responsive on all devices
• Organize your CSS for easy future maintenance
• Implement designer mockups with attention to detail
• Use animations to guide user focus
• Avoid common CSS pitfalls

What you will learn:

• Web Layouts: Create complex and attractive layouts using CSS techniques
• Web Components: Developing reusable components such as menus, forms, and modals
• Responsive Design: Building Websites That Look Good on Any Device
• CSS Organization: Manage and maintain your CSS codebase in an efficient way
• Animations: Using animations to improve the user experience
• Preventing Problems: Identifying and Fixing Common Problems in CSS

Who is this course suitable for?

• This course is suitable for web developers who are familiar with the basics of CSS and HTML.

Course details for CSS in Depth, Second Edition, Video Edition

• Publisher: Oreilly
• Instructor: Keith Grant
• Training level: Beginner to advanced
• Training duration: 13 hours and 17 minutes

Course headings

• Part 1. Reviewing the fundamentals
• Chapter 1. Cascade, specificity, and inheritance
  Chapter 1. Inheritance
  Chapter 1. Special values
  ​​Chapter 1. Shorthand properties
  Chapter 1. Progressive enhancement
  Chapter 1. Summary
• Chapter 2. Working with relative units
  Chapter 2. Ems and rems
  Chapter 2. Stop thinking in pixels
  Chapter 2. Viewport-relative units
  Chapter 2. Unitless numbers and line-height
  Chapter 2. Custom properties (aka CSS variables)
  Chapter 2. Summary
• Chapter 3. Document flow and the box model
  Chapter 3. The box model
  Chapter 3. Element height
  Chapter 3. Negative margins
  Chapter 3. Collapsed margins
  Chapter 3. Spacing elements within a container
  Chapter 3. Summary
• Part 2. Mastering layout
• Chapter 4. Flexbox
  Chapter 4. Flex item sizes
  Chapter 4. Flex direction
  Chapter 4. Alignment, spacing, and other details
  Chapter 4. Summary
• Chapter 5. Grid layout
  Chapter 5. Anatomy of a grid
  Chapter 5. Alternate syntaxes
  Chapter 5. Explicit and implicit grid
  Chapter 5. Additional options
  Chapter 5. Alignment properties
  Chapter 5. Summary
• Chapter 6. Positioning and stacking contexts
  Chapter 6. Absolute positioning
  Chapter 6. Relative positioning
  Chapter 6. Stacking contexts and z-index
  Chapter 6. Sticky positioning
  Chapter 6. Summary
• Chapter 7. Responsive design
  Chapter 7. Media queries
  Chapter 7. Fluid layouts
  Chapter 7. Responsive images
  Chapter 7. Summary
• Part 3. Modern code organization
• Chapter 8. Cascade layers and nesting
  Chapter 8. A recommended organization for cascade layers
  Chapter 8. The :is() and :where() pseudo-classes
  Chapter 8. Nesting
  Chapter 8. Summary
• Chapter 9. Modular CSS and scope
  Chapter 9. Modules composed into larger structures
  Chapter 9. CSS scope
  Chapter 9. Pattern libraries
  Chapter 9. Summary
• Chapter 10. Container queries
  Chapter 10. A closer look at containers
  Chapter 10. Container-relative units
  Chapter 10. Container style queries
  Chapter 10. Summary
• Part 4. Visual enhancements
• Chapter 11. Color and contrast
  Chapter 11. Gamuts and color spaces
  Chapter 11. Using OKLCH to work with color
  Chapter 11. Considering contrast for font colors
  Chapter 11. Summary
• Chapter 12. Typography and spacing
  Chapter 12. Web fonts
  Chapter 12. Google fonts
  Chapter 12. How @font-face works
  Chapter 12. Performance considerations
  Chapter 12. Adjusting space for readability
  Chapter 12. Summary
• Chapter 13. Gradients, shadows, and blend modes
  Chapter 13. Shadows
  Chapter 13. Blend modes
  Chapter 13. Summary
• Chapter 14. Masks, shapes, and clipping
  Chapter 14. Masks
  Chapter 14. Clipping paths
  Chapter 14. Floats and shapes
  Chapter 14. Summary
• Part 5. Adding motion
• Chapter 15. Transitions
  Chapter 15. Timing functions
  Chapter 15. Non-animatable properties
  Chapter 15. Transitioning to auto height
  Chapter 15. Transitioning custom properties
  Chapter 15. Summary
• Chapter 16. Transforms
  Chapter 16. Transforms in motion
  Chapter 16. Animation performance
  Chapter 16. 3D transforms
  Chapter 16. Summary
• Chapter 17. Animations
  Chapter 17. Animating 3D transforms
  Chapter 17. Animation delay and fill mode
  Chapter 17. Conveying meaning through animation
  Chapter 17. Scroll-based timelines
  Chapter 17. One final piece of advice
  Chapter 17. Summary
• appendix A. Selectors reference
  appendix A. Combinators
  appendix A. Compound selectors
  appendix A. Pseudo-class selectors
  appendix A. Pseudo-element selectors
  appendix A. Attribute selectors
• appendix B. Preprocessors
  appendix B. PostCSS
  appendix B. Lightning CSS

Course images

Sample course video

Download link

Download Part 1 – 1 GB

Download Part 2 – 738 MB

File(s) password: www.downloadly.ir

File size

1.7 GB