Mastering CSS, Second Edition by Rich Finelli

Mastering CSS Second Edition

47 videos on how to make websites like a boss.

Purchasethrough Packt Publishing

About

250 minutes of high quality videos, now in it's second edition. This course is perfect for you if you know a little bit about CSS but struggle with creating tricky UI elements like a dropdown menu. If you want to expand on your knowledge of CSS to learn responsive web design, flexbox, web fonts, SVG, retina techniques, and other advanced-level topics, 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
  • srcset
  • Flexbox
  • Introduction to Flexbox
  • From Floats to Flexbox
  • Understanding flex-grow, flex-shrink, flex-basis, and flex
  • More Layout, More Positioning
  • Building the Product Listing
  • flex-wrap and align-content
  • Changing the Display Order of Content
  • Vendor Prefixes
  • Wrapping Up
  • Next Steps: Sass and Javascript
  • Conclusion and Links

* New in the second edition

Sample Videos

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

Rich Finelli

I work as a frontend developer and am truly passionate and excited for all frontend technologies and enjoy learning about web design and development. I ocassionally write about web design on my blog, richfinelli.com.