Mastering CSS

A book and video course, by Rich Finelli

Mastering CSS BookNew

Mastering CSS begins your CSS journey with a review of CSS fundamentals, like the box model and difference between block and inline elements. With the fundamentals in tow the book moves on to more advanced topics like creating a responsive layout and using flexbox. The intended purpose is to understand a more modular, and organized approach to writing CSS.

Purchasevia Packt Publishing
Mastering CSS book by Rich Finelli

Chapters

  • CSS Foundations
  • Ramping Up
  • Creating a Page Layout w/Floats
  • Creating Buttons w/Modular, Reusable CSS
  • Creating the Main Nav
  • Becoming Responsive
  • Web Fonts
  • Workflow for HiDPI Devices
  • Flexbox, Part 1
  • Flexbox, Part 2
  • Wrapping Up

What you'll learn

  • Master fundamental CSS concepts like the anatomy of a rule set, the box model, and the differences between block and inline elements
  • Employ flexbox to layout and align elements simply and cleanly
  • Become proficient with CSS3 properties such as transitions, transforms, gradients, and animations
  • Delve into modular, reusable, and scalable CSS for more organized and maintainable style sheets
  • Understand media queries and other pillars of responsive web design
  • Get creative with the @font-face property, Google Web Fonts, font services such as Typekit, as well as, icon fonts
  • Understand the workflow for HiDPI (retina) devices using 2x images, SVG, and the srcset attribute

Mastering CSS VideoSecond Edition

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.

Purchasevia Packt Publishing
Mastering CSS video course, Second Edition by Rich Finelli

Contents

  • CSS Foundations
  • Ramping Up
  • Creating a Page Layout w/Floats
  • Creating Buttons w/Modular, Reusable CSS
  • Creating the Main Nav
  • Becoming Responsive
  • Web Fonts
  • Workflow for HiDPI Devices
  • Flexbox
  • Wrapping Up

Sample Videos

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

About Rich Finelli

I work as a front-end developer at Merrill Lynch and get pretty excited to teach and learn front-end technologies. I ocassionally write about web development on my blog, richfinelli.com and can be found at @rich_ard_f on Twitter.