Mastering CSS (Udemy.com)

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

( 50 Reviews )

Created by: Packt Publishing

Produced in 2015

What you will learn

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

Quality Score

Content Quality

Video Quality

Qualified Instructor

Course Pace

Course Depth & Coverage

Overall Score : 94 / 100

Course Description

CSS is a deceptively simple presentation language that has significantly developed over the last few years. Frontend developers need to keep style sheets manageable and organized by taking a modular approach to building a website. They can either wrestle with it, or learn how to master it in order to easily apply layouts and styles with precision.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.About the AuthorRich 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.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.

Time: 5h

Instructor Details

Packt Publishing

4.7 Rating
50 Reviews

Packt has been committed to developer learning since 2004. A lot has changed in software since then - but Packt has remained responsive to these changes, continuing to look forward at the trends and tools defining the way we work and live. And how to put them to work.
With an extensive library of content - more than 4000 books and video courses -Packt's mission is to help developers stay relevant in a rapidly changing world. From new web frameworks and programming languages, to cutting edge data analytics, and DevOps, Packt takes software professionals in every field to what's important to them now.
From skills that will help you to develop and future proof your career to immediate solutions to every day tech challenges, Packt is a go-to resource to make you a better, smarter developer.

Packt Udemy courses continue this tradition, bringing you comprehensive yet concise video courses straight from the experts.

Reviews

4.7

50 total reviews

5 star 4 star 3 star 2 star 1 star

Write a Review

By Richard Spencer

Best course I have taken on Udemy, just the right content, pace, obvious expertise of instructor

By Danya Karras

awesome, clear, concise. May be easy for anyone who has used CSS before, but definitely still useful information!

By Einar Paul

Excellent , thorough and very clear sound.

The author explains every aspect in detail.

This course takes you to a level of knowledge, understanding and efficiency writing the code that i have not found in any of the other courses.

Highly recommended for anyone who wants to get serious about coding.

By Evan Adams

I am an experienced back-end engineer. I bought this course to round-out my front end skills to better my knowledge of the full web stack. I could not have chosen a better CSS3 overview course. I feel like I can now bring my clean code skills to the front end!

By David Howard

A very well presented course. I always find new things that I wouldn't have known about when I take a course like this.

By Ashleigh Lodge

Would have been nice to be provided w/ the initial webpage so we could follow along w/ the changes.

By Michael Kaplan

The course was exactly what I hoped. I now have a better understanding of floats, transitions, and some other things that were confusing me.

By Adam Snugglebutts

Solid material and skills, decent descriptions of their application as well; however, the videos are short and lack depth, without granting the student much time to ensure that he or she is in the same spot as the teacher, and without consideration of whether or not the student is fully cognizant of the teacher's approach to resolving a problem.

By Rohit Dhamija

Great course so far. Does a good job explaining tricky concepts and standard practices

By Georg D.

Awesome course for CSS-Beginners and folks that knows CSS but does not know how to deal with responsive design or retina displays.

By Harry Antzoulis

Some very few issues were not explained widely enough. They leave the feeling that there is: something missing... a need for further elaboration... e.t.c

Otherwise it is one of the best courses I ever had.

By Nestoras Georgiou

Very good course to learn more than the basic things in CSS. If it have more examples in childs, first of type etc. it would an excellent course. But still very good course.