Learning Path: CSS: Mastering Web Design with CSS3 Selectors

Learning Path: CSS: Mastering Web Design with CSS3 Selectors, available at $34.99, has an average rating of 3.85, with 65 lectures, based on 73 reviews, and has 427 subscribers.

You will learn about Master the fundamental CSS concepts, such as the box model, the anatomy of a rule set, and the types of style sheets 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 Delve into modular, reusable, and scalable CSS code for more organized and smaller style sheets Understand media queries and the other fundamentals of responsive web design Reduce the excess overhead on your web pages using combinator selectors Enhance the usability of your web pages by adding dynamic content on the fly with the help of structural selectors This course is ideal for individuals who are This Video Learning Path is for front-end developers who are willing to learn advanced concepts of CSS. It is particularly useful for This Video Learning Path is for front-end developers who are willing to learn advanced concepts of CSS.

Enroll now: Learning Path: CSS: Mastering Web Design with CSS3 Selectors

Summary

Title: Learning Path: CSS: Mastering Web Design with CSS3 Selectors

Price: $34.99

Average Rating: 3.85

Number of Lectures: 65

Number of Published Lectures: 65

Number of Curriculum Items: 65

Number of Published Curriculum Objects: 65

Original Price: $199.99

Quality Status: approved

Status: Live

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
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
Delve into modular, reusable, and scalable CSS code for more organized and smaller style sheets
Understand media queries and the other fundamentals of responsive web design
Reduce the excess overhead on your web pages using combinator selectors
Enhance the usability of your web pages by adding dynamic content on the fly with the help of structural selectors

Who Should Attend

This Video Learning Path is for front-end developers who are willing to learn advanced concepts of CSS.

Target Audiences

This Video Learning Path is for front-end developers who are willing to learn advanced concepts of CSS.

CSS is a deceptively simple presentation language that has significantly developed over the last few years. Front-end developers need to keep style sheets manageable and organized by taking a modular approach to building a website. �

Packt’s Video Learning Paths are a series of individual video products put together in a logical and stepwise manner such that each video builds on the skills learned in the video before it.

In this Video Learning Path, 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 explore the power of CSS3 selectors and how they can be intelligently leveraged to create powerful interactive sites.

As we proceed, we’ll master the usage of a wide array of selector techniques and tricks, manipulating inner content, understanding structural selectors, and more.

By the end of this Video Learning Path, you’ll have complete control over every element of your web page to make it behave exactly the way you want it to.

This Learning Path is authored by some of the best in the field.

About the Authors

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.

Ben Fhala discovered his passion for data visualization seven years ago while he was working at Parsons in New York, in their data visualization department, PIIM. He is the owner of the online video training school, and an Adobe ACP. He enjoys spending most of his time learning and teaching and has a love for visual programming and visualization in general. He has technically directed many award-winning projects and has been part of teams that have won three Agency of the Year awards.

Course Curriculum

Chapter 1: Mastering CSS – Second Edition

Lecture 1: The Course

Lecture 2: The Anatomy of a Rule Set and the ThreeTypes of Style Sheets

Lecture 3: The Box Model and Block versus Inline Elements

Lecture 4: Text Editors

Lecture 5: CSS Reset

Lecture 6: Chrome Dev Tools

Lecture 7: Renaming Elements: Classes and IDs

Lecture 8: Descendant Selectors

Lecture 9: Floats Introduction – Flowing Text around Images

Lecture 10: Creating a Multicolumn Layout

Lecture 11: Solving the Problems of Floats

Lecture 12: Creating Buttons with Modular CSS

Lecture 13: Multiple Classes

Lecture 14: Specificity Rules

Lecture 15: Transitions

Lecture 16: Transforms

Lecture 17: Styling a Call to Action button

Lecture 18: Gradients

Lecture 19: Starting the Navigation

Lecture 20: Using Pseudo Classes

Lecture 21: Absolute Positioning

Lecture 22: Building the Drop-down

Lecture 23: CSS Animations

Lecture 24: CSS Anima-tions(Continued)

Lecture 25: Finalizing the Navigation

Lecture 26: Fluid Grid

Lecture 27: Flexible Images

Lecture 28: Media Queries

Lecture 29: Mobile Menu

Lecture 30: Viewport Meta Tag

Lecture 31: The @font-face Property

Lecture 32: Font Kits and Font Services

Lecture 33: Google Web Fonts

Lecture 34: Subscription Font Foundries

Lecture 35: Icon Fonts

Lecture 36: 2x Images

Lecture 37: The JavaScript Approach

Lecture 38: 1.5x images

Lecture 39: Background Images

Lecture 40: SVG

Lecture 41: Srcset

Lecture 42: Introduction to Flexbox

Lecture 43: From Floats to Flexbox

Lecture 44: Understanding flex-grow, flex-shrink, flex-basis, and flex

Lecture 45: More Layout, More Positioning

Lecture 46: Building the Product Listing

Lecture 47: flex-wrap and align-content

Lecture 48: Changing the Display Order of Content

Lecture 49: Vendor Prefixes

Lecture 50: Next Steps

Lecture 51: Conclusion and Links

Chapter 2: Mastering CSS3 Selectors

Lecture 1: The Course Overview

Lecture 2: The Universal Selector

Lecture 3: Linking and Action Selectors

Lecture 4: CSS2 Attribute Selectors

Lecture 5: CSS3 Attribute Selectors

Lecture 6: Localizing Your Site with Language Selectors

Lecture 7: Working with the not CSS3 Selector

Lecture 8: Combining Logic with combinator Selectors

Lecture 9: Playing with the CSS3 UI Selectors

Lecture 10: Adding Dynamic Content Before or after an Element

Lecture 11: Manipulating Inner Content with Inner Content Selectors

Lecture 12: Focusing on a Target with CSS3

Lecture 13: Getting to Know the Structural Selectors

Lecture 14: Comparing Between only-child and only-of-type

Instructors

Packt Publishing
Tech Knowledge in Motion

Rating Distribution

1 stars: 2 votes
2 stars: 1 votes
3 stars: 11 votes
4 stars: 26 votes
5 stars: 33 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu