Mastering CSS, by Rich Finelli

Mastering CSS

38 videos on how to make websites like a boss.

Purchasethrough Packt Publishing

About

180 minutes of high quality videos. This course is perfect for you if you know a little bit about CSS but struggle with things like floats, or creating tricky UI elements like a dropdown menu. If you want to expand on your knowledge of CSS to learn responsive web design, web fonts, SVG, retina techniques, icon fonts, and other advanced-level topics, you should check it out.

Contents

  • CSS Foundations
  • Overview
  • Anatomy of a Rule Set and the 3 Types of Style Sheets
  • The Box Model and Display Properties
  • Ramping Up
  • Text Editors
  • CSS Reset
  • DevTools
  • Renaming Elements
  • Descendant Selectors
  • Creating an Page Layout w/Floats
  • Floats
  • Multi-Column Layout
  • Solving the Problems of Floats
  • Creating Buttons w/Modular, Reusable CSS
  • Creating Buttons w/Modular CSS
  • Multiple Classes
  • Specificity Rules
  • Transitions
  • Transforms
  • Building the Call-to-Action Button
  • CSS Gradients
  • Creating the Main Nav
  • Starting the Nav
  • Pseudo Classes
  • CSS Positioning
  • Building the Drop Down Menu
  • Animations Part 1
  • Animations Part 2
  • Finalizing the Nav
  • Becoming Responsive
  • Fluid Grids
  • Flexible Images
  • Media Queries
  • Mobile Menu
  • Viewport Meta Tag
  • Web Fonts
  • @font-face
  • Font Kits
  • Google Web Fonts
  • Subscription Font Services
  • Icon Fonts
  • Workflow for HiDPI Devices
  • 2x Images
  • Javascript Approach
  • 1.5x Images
  • Background Images
  • SVG
  • Wrapping Up
  • Next Steps: Sass and Javascript
  • Conclusion and Links

Sample Videos

Course Overview
Creating Buttons w/Modular CSS
Starting the Navigation
RWD: Creating a Fluid Grid

Rich Finelli

is a husband and a father living in Piscataway, NJ, working as a frontend developer. He’s truly passionate and excited for all frontend technologies and enjoys learning about web design and development. He also teaches two courses on CSS at Mercer County Community in NJ, and writes about web design on his blog, richfinelli.com.