Mastering CSS
Publisher: Packt Publishing
Final Release Date: June 2015
Run time: 4 hours 44 minutes

Get to grips with CSS best practices to create modern, responsive, and retina-ready websites

This web development video course has been designed to help you build your knowledge of CSS and master one of the most valuable tools in modern web design.

We start off with a brief review of the foundations of CSS by using a good text editor to automate your authoring and set up a CSS baseline. We then move on to creating a layout with floats and a functioning menu with dropdowns, taking a modular-organized approach to CSS. We’ll also go into detail about CSS3 properties such as transforms, transitions, and animations. By the end, you’ll have an understanding of responsive web design, web fonts, icon fonts, and techniques used to support retina devices; all things a modern frontend web developer must know.

We deep dive into a lot of details of CSS in this course, from creating a modern looking ghost button and a big call-to-action button to the supposedly difficult and scary SVG. Mastering CSS will arm you with all the knowledge, tips, and tricks you need to make you stand out in the world of developing complex, responsive, feature-rich web applications.

Who this course is for

If you know a little bit about CSS but struggle with floats, or creating tricky UI elements such as a dropdown menu, and 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, this is the course for you.

What you will learn from this course

  • Master the fundamental CSS concepts, such as the box model, the anatomy of a rule set, and the types of style sheets
  • Take advantage of the Chrome developer tools to troubleshoot CSS
  • Explore some of the most solid techniques used to solve the problems of floats, such as the clearfix hack
  • Rename elements with classes, use descendant selectors, and understand specificity rules
  • Become proficient with CSS3 properties such as transitions, transforms, gradients, pseudo classes, and animations
  • Leverage the power of absolute, relative, static, and fixed positioning techniques
  • Delve into modular, reusable, and scalable CSS for more organized and smaller style sheets
  • Understand media queries and the other fundamentals of responsive web design
  • Get creative with the @font-face property, font kits, Google Web Fonts, subscription font services, and icon fonts
  • Display the workflow for HiDPI (retina) devices using 2x images, 1.5x images, JavaScript approaches, and SVG
Table of Contents
Product Details
About the Author
Recommended for You
Customer Reviews

REVIEW SNAPSHOT®

by PowerReviews
oreillyMastering CSS
 
5.0

(based on 1 review)

Ratings Distribution

  • 5 Stars

     

    (1)

  • 4 Stars

     

    (0)

  • 3 Stars

     

    (0)

  • 2 Stars

     

    (0)

  • 1 Stars

     

    (0)

Reviewed by 1 customer

Displaying review 1

Back to top

(3 of 3 customers found this review helpful)

 
5.0

Packed full of great information and tips

By PW

from Michigan

About Me Developer

Pros

  • Accurate
  • Concise
  • Easy to understand
  • Helpful examples
  • Well-written

Cons

    Best Uses

    • Expert
    • Intermediate

    Comments about oreilly Mastering CSS:

    There was so much useful information in this set of videos. Not just basic CSS syntax but information about responsive design, images, SVG, useful tools for working with CSS, etc. I was already pretty familiar with CSS and was not sure whether I needed this but I'm so glad I went for it. It moves quickly, with zero wasted time, which I felt was a plus (you can always watch a segment twice). It might be a bit overwhelming for those new to CSS, although he does pretty much start from the beginning. The instructor was obviously extremely knowledgeable and had real-world experience using CSS.

    Displaying review 1

    Back to top

     
    Buy 2 Get 1 Free Free Shipping Guarantee
    Buying Options
    Immediate Access - Go Digital what's this?
    Video:  $94.99
    (Streaming, Downloadable)