Udemy - CSS - The Complete Guide (2024) (incl Flexbox, Grid & Sass)

10.12 GB | 00:14:58 | mp4 | 1280X720 | 16:9
Genre:eLearning |Language:English

Files Included :
1 Introduction (26.58 MB)
2 What is CSS (39.15 MB)
4 CSS History, Present & Future (24.96 MB)
5 Course Outline (52.9 MB)
7 Course Prerequisites (7.04 MB)
8 How To Get The Most Out Of This Course (30.24 MB)
9 Recommended Tools (17.49 MB)
1 Module Introduction (3.92 MB)
10 Creating the Mobile First Design for our Plans (79.3 MB)
11 Making the Plans Responsive (110.73 MB)
12 Your Challenge (74.33 MB)
14 Working with Logical Operators (83.33 MB)
15 Improving the Customers Page (183.17 MB)
16 Improving the Packages Page (71.08 MB)
17 Cleaning Up the Navigation Bar (50.95 MB)
18 Positioning our Footer Correctly (136.64 MB)
19 Wrap Up (8.4 MB)
2 Why our Project Should Become Responsive (26.52 MB)
3 Understanding Hardware Pixels vs Software Pixels (112.27 MB)
4 Comparing the Viewport Metatag (HTML) and Media Queries (CSS) (7.4 MB)
5 Understanding the viewport Metatag (75.64 MB)
6 Designing Websites Mobile First (13.11 MB)
7 Adding our First Media Queries (136.97 MB)
8 Things to Keep in Mind when Working with Media Queries (75.73 MB)
9 Finding the Right Breaking Points (51.36 MB)
1 Module Introduction (3.05 MB)
11 Wrap Up (4.48 MB)
2 Adding the Unstyled Form (21.62 MB)
3 Page Initialization (55.04 MB)
4 Understanding Advanced Attribute Selectors (29.45 MB)
5 Working on the General Layout (62.11 MB)
6 Restyling the Form Elements (53.29 MB)
7 Styling the Checkbox (60.78 MB)
8 Providing Validation Feedback (81.83 MB)
9 Styling the Signup Button (31.76 MB)
1 Module Introduction (3.13 MB)
10 Understanding Font Formats (38.45 MB)
11 Diving into Font Properties (32.45 MB)
12 Adding letter-spacing (56.81 MB)
13 Changing the Line Height (80.6 MB)
14 Applying text-decoration & text-shadow (74.28 MB)
15 Understanding the font Shorthand (80.48 MB)
16 Loading Performance & font-display (49.12 MB)
17 Wrap Up (21.87 MB)
2 Comparing Generic Families & Font Families (6.9 MB)
3 Understanding the Browser Settings (22.96 MB)
4 Using the Default Font Families (82.61 MB)
5 Understanding the font-family Syntax (47.55 MB)
6 Working with Locally Saved Fonts (29.46 MB)
7 Working with Google Fonts (103.08 MB)
8 Understanding Font Faces & font-style (62.6 MB)
9 Importing our Custom Fonts (76.03 MB)
1 Optional Expert Track Introduction (38.13 MB)
11 Improving the Navigation Bar with Flexbox (134.99 MB)
12 Your Challenge - Working on the Mobile Navigation Bar (41.37 MB)
13 Improving the Footer (59.28 MB)
16 [OPTIONAL] Assignment Solution (94.26 MB)
17 Adding Flexbox to the Customers Page (37.38 MB)
18 Using the order Property for a Flex Item (40.09 MB)
19 Working with align-self (18.94 MB)
2 Module Introduction (3.5 MB)
20 Understanding flex-grow (57.36 MB)
21 Applying flex-shrink (25.26 MB)
22 Comparing flex-basis vs width & height (56.26 MB)
23 Wrap Up (22.13 MB)
3 How we Could Improve our Project (27.72 MB)
4 Understanding Flexbox (8.09 MB)
5 Creating a Flex Container (41.27 MB)
6 Using flex-direction & flex-wrap (45.53 MB)
7 Understanding the Importance of Main Axis & Cross Axis (34.78 MB)
8 Working with align-items & justify-content (61.73 MB)
9 And What About align-content (21.53 MB)
1 Module Introduction (2.62 MB)
11 Understanding Column & Row Shorthands (18.23 MB)
12 Working with Gaps (18.96 MB)
13 Adding Named Template Areas (56.49 MB)
15 Creating Automatically Generated Grid Areas (55.79 MB)
16 Using the Grid on our Project (99.86 MB)
17 Working with fit-content (35.07 MB)
18 Positioning Grid Elements (26.41 MB)
19 Positioning the Entire Grid Content (30.97 MB)
2 What is the CSS Grid (6.02 MB)
20 Positioning Elements Individually (17 MB)
21 Understanding Responsive Grids (49.42 MB)
22 Applying Autoflow (55.46 MB)
23 Comparing the Explicit & Implicit Grid (20.26 MB)
24 Understanding auto-fill & auto-fit (40.14 MB)
25 Creating a Dense Grid (35.57 MB)
26 Styling the Project Form with Grid (94.82 MB)
27 Comparing Grid & Flexbox (14.31 MB)
28 Next Steps (17.19 MB)
29 Wrap Up (24.02 MB)
3 Getting Started (11.81 MB)
4 Turning a Container into a Grid (18.42 MB)
5 Defining Columns & Rows (29.32 MB)
6 Positioning Child Elements in a Grid (27.1 MB)
7 Using element-sizing, repeat & minmax (45.12 MB)
8 Advanced Element Positioning (45.46 MB)
9 Working with Named Lines (27.49 MB)
1 Module Introduction (1.27 MB)
10 Flipping Elements & backface-visibility (7.39 MB)
11 Wrap Up (4.3 MB)
2 Rotating Elements and setting transform-origin (36.41 MB)
3 Using Rotate and Translate (53.95 MB)
4 Working with skew and scale (67.03 MB)
5 Applying Transformation Shorthands (21.77 MB)
6 Rotating Elements in 3 Dimensions (18.67 MB)
7 Understanding the perspective Property (20.66 MB)
8 Moving Elements along the Z-Axis with translateZ (23.94 MB)
9 Rotating the Container with transform style (22.3 MB)
1 Module Introduction (828.71 KB)
10 Adding Animations to our Customers Page (30.94 MB)
12 Using jаvascript Animation Event Listeners (41.76 MB)
13 Wrap Up (7.63 MB)
2 Understanding and Applying Transitions (48.95 MB)
4 Working with Timing Functions (16.76 MB)
5 Transitions & display (61.68 MB)
7 Using CSS Animations (68.16 MB)
9 Adding Multiple Keyframes (28 MB)
1 Module Introduction (1.1 MB)
10 Vanilla CSS vs Frameworks (43.23 MB)
11 Wrap Up (25.18 MB)
2 CSS Modules & Their Working Groups (23.98 MB)
3 Using CSS Variables (62.69 MB)
4 Understanding & Using Vendor Prefixes (25.57 MB)
5 Which Prefixes Should You Use (36.24 MB)
6 Detecting Browser Support with @supports (34.82 MB)
7 Polyfills (13.65 MB)
8 Eliminating Cross-Browser Inconsistencies (13.44 MB)
9 How to Name CSS Classes (17.42 MB)
1 Module Introduction (1.25 MB)
10 Built-In Functions (30.36 MB)
12 Adding Simple Arithmetics (19.46 MB)
13 Adding Better Import and Partials (29.84 MB)
14 Improving Media Queries (16.96 MB)
15 Understanding Inheritance (31.65 MB)
16 Adding Mixins (50.42 MB)
17 Using the Ampersand Operator (25.19 MB)
18 Wrap Up (7.24 MB)
2 What is Sass & Scss (7.4 MB)
4 Installing Sass (48.32 MB)
5 Things to be Improved with Sass (14.69 MB)
6 Nesting Selectors (47.81 MB)
7 Adding Nested Properties (10.2 MB)
8 Understanding Variables (22.64 MB)
9 Storing Lists & Maps in Variables (46.56 MB)
1 Course Roundup (20.81 MB)
1 Module Introduction (2.21 MB)
10 Theory Time - Combinators (19.42 MB)
11 Summarizing Properties & Selectors (22.78 MB)
14 Wrap Up (10.59 MB)
2 Understanding the Course Project Setup (8.93 MB)
3 Adding CSS to our Project with Inline Styles (13.73 MB)
4 Understanding the style Tag & Creating a css File (27.13 MB)
5 Applying Additional Styles & Importing Google Fonts (24.02 MB)
6 Theory Time - Selectors (34.66 MB)
7 Understanding the Cascading Style & Specificity​ (41.05 MB)
8 Understanding Inheritance (40.22 MB)
9 Adding Combinators (38.84 MB)
1 Module Introduction (3.21 MB)
10 Adding the Header to our Project (28.38 MB)
11 Understanding the Display Property (45.7 MB)
14 Applying the Display Property & Styling our Navigation Bar (45.36 MB)
15 Understanding an Unexpected inline-block Behaviour (14.75 MB)
16 Working with text-decoration & vertical-align (36.82 MB)
17 Styling Anchor Tags (25.73 MB)
18 Adding Pseudo Classes (9.78 MB)
19 Theory Time - Pseudo Classes & Pseudo Elements (36.03 MB)
2 Introducing the CSS Box Model (22.61 MB)
20 Grouping Rules (5.97 MB)
21 Working with font-weight & border (14.84 MB)
22 Adding & Styling a CTA-Button (26.73 MB)
23 Adding a Background Image to our Project (15.05 MB)
24 Properties Worth to Remember (4.18 MB)
26 Wrap Up (9.82 MB)
3 Understanding the Box Model (20.44 MB)
4 Understanding Margin Collapsing and Removing Default Margins (16.96 MB)
6 Theory Time - Working with Shorthand Properties (13.23 MB)
7 Applying Shorthands in Practice (18.03 MB)
8 Diving Into the Height & Width Properties (40.64 MB)
9 Understanding Box Sizing (43.21 MB)
1 Module Introduction (1.6 MB)
2 Using Multiple CSS Classes & Combined Selectors (32.82 MB)
3 Classes or IDs (17.85 MB)
4 (Not) using !important (13.86 MB)
5 Selecting the Opposite with not() (22.85 MB)
6 CSS & Browser Support (31.96 MB)
7 Wrap Up (4.6 MB)
1 Module Introduction (1.15 MB)
10 Styling the Headline of the Core Features Section (31.47 MB)
11 Preparing the Content of the Key Feature Area (58.21 MB)
12 Adding the Footer (55.63 MB)
13 What we Achieved so Far (24.43 MB)
14 Adding the Packages Page (51.39 MB)
15 Your Challenge (13.44 MB)
16 Styling the Links (24.41 MB)
17 Styling our Package Boxes (54.32 MB)
18 Adding float to our Package (41.58 MB)
19 Fixing the Hover Effect (36.63 MB)
2 Adding Style to our Plans (71.83 MB)
20 Adding the Final Touches (37.28 MB)
3 Working on the Recommended Plan (48.85 MB)
4 Styling the Badge with border-radius (24.35 MB)
5 Styling our List (28.09 MB)
6 Working on the Title and the Price of our Packages (41.71 MB)
7 Improving our Action Button (59.61 MB)
8 Understanding Outlines (23.05 MB)
9 Presenting the Core Features to the User (13.79 MB)
1 Module Introduction (7.97 MB)
10 Diving Deeper into Relative Positioning (21.84 MB)
12 Working with overflow and Relative Positioning (25.29 MB)
13 Introducing sticky Positioning (51.71 MB)
14 Understanding the Stacking Context (39.69 MB)
16 Wrap Up (24.17 MB)
2 Why Positioning will Improve our Website (27.93 MB)
3 Understanding Positioning - The Theory (12.64 MB)
4 Working with the fixed Value (58.16 MB)
5 Creating a Fixed Navigation Bar (40.52 MB)
6 Using position to Add a Background Image (62.15 MB)
7 Understanding the Z-Index (78.27 MB)
8 Adding a Badge to our Package (102.69 MB)
9 Styling & Positioning our Badge with absolute and relative (38.9 MB)
1 Optional Advanced Track Introduction (28.99 MB)
10 Working on the Image Layout (101.9 MB)
11 Understanding Linear Gradients (57.24 MB)
12 Applying Radial Gradients (58.21 MB)
13 Stacking Multiple Backgrounds (38.17 MB)
14 Understanding Filters (35.11 MB)
15 Adding & Styling SVGs - The Basics (46.19 MB)
16 Wrap Up (14.58 MB)
2 Module Introduction (2.79 MB)
3 Understanding background-size (91.27 MB)
4 Working with background-position (55.38 MB)
5 The background Shorthand - Theory (11.28 MB)
6 Applying background Origin, Clip & Attachment (62.31 MB)
7 Using the background Shorthand on our Project (19.15 MB)
8 Styling Images (78.4 MB)
9 Adding the Customers Page to our Website (40.84 MB)
1 Module Introduction (6.54 MB)
10 Using min-widthheight & max-widthheight (73.18 MB)
11 Working with rem & em (162.78 MB)
12 Adding rem to Additional Properties (87.15 MB)
13 Finishing rem (54.46 MB)
14 Understanding the Viewport Units vw &vh (103.46 MB)
16 Choosing the Right Unit (12.79 MB)
17 Using auto to Center Elements (17.07 MB)
18 Cleaning Up our Code (9.37 MB)
19 Wrap Up (24.43 MB)
2 What's Wrong With Our Project Units (71.08 MB)
3 Where Units Matter (15.2 MB)
4 An Overview of Available Sizes & Units (10.24 MB)
5 Rules to Remember Fixed Positioning & % (30.28 MB)
6 Rules to Remember Absolute Positioning & % (78.17 MB)
7 Rules to Remember Relative Static Positioning & % (93.43 MB)
8 Fixing the Height 100% Issue (124.39 MB)
9 Defining the Font Size in the Root Element (26.81 MB)
1 Module Introduction (3.04 MB)
10 Cleaning Up our Code (63.44 MB)
11 Wrap Up (4.04 MB)
2 Adding a Modal (38.35 MB)
3 Selecting & Manipulating Styles with jаvascript (82.59 MB)
4 Adding an Event Listener (37.16 MB)
6 Adding a Side Navigation Bar (77.16 MB)
7 Opening and Closing the Hamburger Menu (35.79 MB)
8 Manipulating Element Classes (65.42 MB)
9 Understanding Property Notations (34.06 MB)
[center]
Screenshot