CSS The Complete Guide incl Flexbox Grid Sass | 690EAAAB6BF84207B2129EA886A95D4A20B65407

CSS The Complete Guide incl Flexbox Grid Sass

Name	CSS - The Complete Guide (incl. Flexbox, Grid & Sass)	DOWNLOAD Copy Link
Total Size	3.4 GB
Total Files	596
Hash	690EAAAB6BF84207B2129EA886A95D4A20B65407

/10 Making our Website Responsive/
154 Improving the Customers Page.mp4	130.0 MB
141 Module Introduction.mp4	2.1 MB
142 Why our Project Should Become Responsive.mp4	5.2 MB
143 Understanding Hardware Pixels vs. Software Pixels.mp4	23.0 MB
144 Comparing the Viewport Metatag HTML and Media Queries CSS.mp4	3.7 MB
145 Understanding the viewport Metatag.mp4	38.4 MB
146 Designing Websites Mobile First.mp4	2.9 MB
147 Adding our First Media Queries.mp4	32.2 MB
148 Things to Keep in Mind when Working with Media Queries.mp4	20.2 MB
149 Finding the Right Breaking Points.mp4	13.0 MB
150 Creating the Mobile First Design for our Plans.mp4	18.9 MB
151 Making the Plans Responsive.mp4	27.7 MB
152 Your Challenge.mp4	18.7 MB
153 Working with Logical Operators.mp4	21.4 MB
155 Improving the Packages Page.mp4	40.4 MB
156 Cleaning Up the Navigation Bar.mp4	11.8 MB
157 Positioning our Footer Correctly.mp4	32.5 MB
158 Wrap Up.mp4	3.0 MB
159 Useful Resources Links.html	1.2 KB
/01 Getting Started/
002 What is CSS.mp4	6.5 MB
003 CSS History Present Future.mp4	4.4 MB
004 Course Outline.mp4	9.6 MB
005 Choose Your Track.html	1.1 KB
006 Course Prerequisites.mp4	1.3 MB
007 How To Get The Most Out Of This Course.mp4	5.6 MB
008 Recommended Tools.mp4	3.0 MB
009 Where to Find the Source Code.html	0.5 KB
010 Useful Resources Links.html	0.8 KB
001 Introduction.mp4	6.2 MB
/.../002 What is CSS/
css-in-action.zip	138.5 KB
/02 Diving Into the Basics of CSS/
011 Module Introduction.mp4	1.1 MB
012 Understanding the Course Project Setup.mp4	3.6 MB
013 Adding CSS to our Project with Inline Styles.mp4	5.2 MB
014 Understanding the style Tag Creating a .css File.mp4	9.5 MB
015 Applying Additional Styles Importing Google Fonts.mp4	9.8 MB
016 Theory Time - Selectors.mp4	12.5 MB
017 Understanding the Cascading Style Specifity.mp4	12.9 MB
018 Understanding Inheritance.mp4	11.1 MB
019 Adding Combinators.mp4	11.1 MB
020 Theory Time - Combinators.mp4	7.6 MB
021 Summarizing Properties Selectors.mp4	8.1 MB
022 Wrap Up.mp4	2.9 MB
023 Useful Resources Links.html	1.4 KB
/.../012 Understanding the Course Project Setup/
basics-01-understanding-the-course-project-starting-code.zip	1.5 KB
/.../014 Understanding the style Tag Creating a .css File/
basics-02-understanding-the-style-tag-finished.zip	1.7 KB
css-syntax.pdf	17.3 KB
/.../016 Theory Time - Selectors/
basics-03-theory-time-selectors-finished.zip	1.9 KB
css-selectors.pdf	158.1 KB
/.../017 Understanding the Cascading Style Specifity/
css-specifity.pdf	38.1 KB
/.../018 Understanding Inheritance/
basics-04-understanding-inheritance-finished.zip	1.9 KB
css-inheritance.pdf	81.8 KB
/.../020 Theory Time - Combinators/
basics-05-theory-time-combinators-finished.zip	1.9 KB
css-combinators.pdf	387.8 KB
/.../021 Summarizing Properties Selectors/
css-value-types.pdf	22.4 KB
/.../022 Wrap Up/
css-02-basics-summary.pdf	22.6 KB
/.../023 Useful Resources Links/
basics-01-understanding-the-course-project-starting-code.zip	1.5 KB
basics-02-understanding-the-style-tag-finished.zip	1.7 KB
basics-03-theory-time-selectors-finished.zip	1.9 KB
basics-04-understanding-inheritance-finished.zip	1.9 KB
basics-05-theory-time-combinators-finished.zip	1.9 KB
basics-06-assignment-problem.zip	1.9 KB
basics-07-assignment-solution.zip	1.7 KB
basics-08-project-finished.zip	1.9 KB
/quizzes/
001 Selectors Combinators.html	8.7 KB
/03 Diving Deeper into CSS/
024 Module Introduction.mp4	1.6 MB
025 Introducing the CSS Box Model.mp4	6.0 MB
026 Understanding the Box Model.mp4	5.6 MB
027 Understanding Margin Collapsing and Removing Default Margins.mp4	4.9 MB
028 Deep Dive on Margin Collapsing.html	2.9 KB
029 Theory Time - Working with Shorthand Properties.mp4	4.9 MB
030 Applying Shorthands in Practice.mp4	4.2 MB
031 Diving Into the Height Width Properties.mp4	11.3 MB
032 Understanding Box Sizing.mp4	11.8 MB
033 Adding the Header to our Project.mp4	8.7 MB
034 Understanding the Display Property.mp4	12.6 MB
035 display none vs visibility hidden.html	2.1 KB
036 HTML Refresher Block-level vs Inline Elements.html	3.2 KB
037 Applying the Display Property Styling our Navigation Bar.mp4	12.2 MB
038 Understanding an Unexpected inline-block Behaviour.mp4	3.8 MB
039 Working with text-decoration vertical-align.mp4	9.9 MB
040 Styling Anchor Tags.mp4	6.9 MB
041 Adding Pseudo Classes.mp4	2.8 MB
042 Theory Time - Pseudo Classes Pseudo Elements.mp4	10.3 MB
043 Grouping Rules.mp4	1.9 MB
044 Working with font-weight border.mp4	4.0 MB
045 Adding Styling a CTA-Button.mp4	7.3 MB
046 Adding a Background Image to our Project.mp4	3.3 MB
047 Properties Worth to Remember.mp4	1.8 MB
048 Wrap Up.mp4	3.4 MB
049 Useful Resources Links.html	1.5 KB
/.../025 Introducing the CSS Box Model/
diving-deeper-01-project-introducing-the-box-model-starting-code.zip	1.9 KB
/.../026 Understanding the Box Model/
css-box-model.pdf	15.4 KB
/.../027 Understanding Margin Collapsing and Removing Default Margins/
css-margin-collapsing.pdf	18.2 KB
/.../029 Theory Time - Working with Shorthand Properties/
css-shorthand-properties.pdf	65.6 KB
/.../033 Adding the Header to our Project/
diving-deeper-02-adding-the-header-starting-code.zip	2.0 KB
diving-deeper-02.01-header-html-code.zip	0.9 KB
/.../038 Understanding an Unexpected inline-block Behaviour/
diving-deeper-03-understanding-an-unexpected-behaviour-finished.zip	2.6 KB
/.../040 Styling Anchor Tags/
diving-deeper-04-styling-anchor-tags-finished.zip	2.3 KB
/.../046 Adding a Background Image to our Project/
diving-deeper-05-adding-a-background-image-finished.zip	352.9 KB
diving-deeper-05.01-background-image.zip	350.9 KB
/.../047 Properties Worth to Remember/
css-properties-worth-remembering.pdf	63.8 KB
/.../048 Wrap Up/
css-03-deep-dive-summary.pdf	27.6 KB
/.../049 Useful Resources Links/
diving-deeper-01-project-introducing-the-box-model-starting-code.zip	1.9 KB
diving-deeper-02-adding-the-header-starting-code.zip	2.0 KB
diving-deeper-02.01-header-html-code.zip	0.9 KB
diving-deeper-03-understanding-an-unexpected-behaviour-finished.zip	2.6 KB
diving-deeper-04-styling-anchor-tags-finished.zip	2.3 KB
diving-deeper-05-adding-a-background-image-finished.zip	352.9 KB
diving-deeper-05.01-background-image.zip	350.9 KB
diving-deeper-06-assignment-problem.zip	1.4 KB
diving-deeper-07-assignment-solution.zip	1.8 KB
diving-deeper-08-project-finished.zip	352.9 KB
/04 More on Selectors CSS Features/
050 Module Introduction.mp4	1.2 MB
051 Using Multiple CSS Classes Combined Selectors.mp4	14.9 MB
052 Classes or IDs.mp4	8.0 MB
053 Not using important.mp4	6.4 MB
054 Selecting the Opposite with not.mp4	12.0 MB
055 CSS Browser Support.mp4	8.4 MB
056 Wrap Up.mp4	1.5 MB
057 Useful Resources Links.html	1.1 KB
/.../051 Using Multiple CSS Classes Combined Selectors/
more-on-selectors-1-start-code.zip	2.5 KB
more-on-selectors-2-multiple-css-classes.zip	2.7 KB
/.../053 Not using important/
more-on-selectors-3-important.zip	2.6 KB
/.../054 Selecting the Opposite with not/
more-on-selectors-4-finished.zip	2.5 KB
/.../056 Wrap Up/
css-03b-more-selectors-summary.pdf	22.1 KB
/.../057 Useful Resources Links/
more-on-selectors-1-start-code.zip	2.5 KB
more-on-selectors-2-multiple-css-classes.zip	2.7 KB
more-on-selectors-3-important.zip	2.6 KB
more-on-selectors-4-finished.zip	2.5 KB
/quizzes/
002 Rounding up the Basics.html	8.3 KB
/05 Practicing the Basics/
058 Module Introduction.mp4	1.0 MB
059 Adding Style to our Plans.mp4	17.8 MB
060 Working on the Recommended Plan.mp4	11.7 MB
061 Styling the Badge with border-radius.mp4	6.1 MB
062 Styling our List.mp4	6.5 MB
063 Working on the Title and the Price of our Packages.mp4	9.2 MB
064 Improving our Action Button.mp4	13.7 MB
065 Understanding Outlines.mp4	4.6 MB
066 Presenting the Core Features to the User.mp4	2.9 MB
067 Styling the Headline of the Core Features Section.mp4	7.6 MB
068 Preparing the Content of the Key Feature Area.mp4	22.8 MB
069 Adding the Footer.mp4	15.1 MB
070 What we Achieved so Far.mp4	4.5 MB
071 Adding the Packages Page.mp4	13.6 MB
072 Your Challenge.mp4	3.1 MB
073 Styling the Links.mp4	7.2 MB
074 Styling our Package Boxes.mp4	14.4 MB
075 Adding float to our Package.mp4	10.5 MB
076 Fixing the Hover Effect.mp4	8.9 MB
077 Adding the Final Touches.mp4	8.5 MB
078 Useful Resources Links.html	0.5 KB
/.../059 Adding Style to our Plans/
practicing-basics-01-adding-style-to-plans-starting-code.zip	352.9 KB
practicing-basics-01.01-html-code-plans.zip	1.0 KB
/.../062 Styling our List/
practicing-basics-02-styling-our-list-finished.zip	354.0 KB
/.../065 Understanding Outlines/
practicing-basics-03-understanding-outlines-finished.zip	353.4 KB
/.../066 Presenting the Core Features to the User/
practicing-basics-04-html-code-core-features.zip	0.8 KB
/.../069 Adding the Footer/
practicing-basics-05-adding-the-footer-finished.zip	353.8 KB
practicing-basics-05.01-html-code-footer.zip	0.7 KB
/.../072 Your Challenge/
practicing-basics-06-your-challenge-starting-code.zip	358.6 KB
practicing-basics-06.01-html-code-challenge.zip	1.0 KB
/.../074 Styling our Package Boxes/
practicing-basics-07-styling-our-package-boxes-finished.zip	356.4 KB
/.../078 Useful Resources Links/
practicing-basics-01-adding-style-to-plans-starting-code.zip	352.9 KB
practicing-basics-01.01-html-code-plans.zip	1.0 KB
practicing-basics-02-styling-our-list-finished.zip	354.0 KB
practicing-basics-03-understanding-outlines-finished.zip	353.4 KB
practicing-basics-04-html-code-core-features.zip	0.8 KB
practicing-basics-05-adding-the-footer-finished.zip	353.8 KB
practicing-basics-05.01-html-code-footer.zip	0.7 KB
practicing-basics-06-your-challenge-starting-code.zip	358.6 KB
practicing-basics-06.01-html-code-challenge.zip	1.0 KB
practicing-basics-07-styling-our-package-boxes-finished.zip	356.4 KB
practicing-basics-08-project-finished.zip	355.8 KB
/06 Positioning Elements with CSS/
079 Module Introduction.mp4	3.4 MB
080 Why Positioning will Improve our Website.mp4	5.2 MB
081 Understanding Positioning - The Theory.mp4	7.1 MB
082 Working with the fixed Value.mp4	17.8 MB
083 Creating a Fixed Navigation Bar.mp4	8.8 MB
084 Using position to Add a Background Image.mp4	23.6 MB
085 Understanding the Z-Index.mp4	17.6 MB
086 Adding a Badge to our Package.mp4	49.3 MB
087 Styling Positioning our Badge with absolute and relative.mp4	9.4 MB
088 Diving Deeper into Relative Positioning.mp4	9.3 MB
089 Working with overflow and Relative Positioning.mp4	7.7 MB
090 Introducing sticky Positioning.mp4	13.5 MB
091 Understanding the Stacking Context.mp4	10.9 MB
092 Wrap Up.mp4	6.3 MB
093 Useful Resources Links.html	1.5 KB
/.../080 Why Positioning will Improve our Website/
position-01-why-positioning-improves-our-website-starting-code.zip	355.8 KB
/.../082 Working with the fixed Value/
position-02-working-with-fixed-starting-code.zip	0.7 KB
/.../084 Using position to Add a Background Image/
position-03-using-position-to-add-image-finished.zip	1.1 MB
position-03.01-background-image.zip	739.1 KB
/.../087 Styling Positioning our Badge with absolute and relative/
position-04-styling-our-badge-finished.zip	1.1 MB
/.../088 Diving Deeper into Relative Positioning/
position-05-diving-deeper-into-relative-positioning-starting-code.zip	1.1 KB
/.../089 Working with overflow and Relative Positioning/
position-06-working-with-overflow-finished.zip	0.7 KB
/.../090 Introducing sticky Positioning/
position-07-introducing-sticky-positioning-starting-code.zip	1.1 KB
/.../091 Understanding the Stacking Context/
position-08-understanding-stacking-context-starting-code.zip	1.7 KB
/.../093 Useful Resources Links/
css-position-slides.pdf	66.5 KB
position-01-why-positioning-improves-our-website-starting-code.zip	355.8 KB
position-02-working-with-fixed-starting-code.zip	0.7 KB
position-03-using-position-to-add-image-finished.zip	1.1 MB
position-03.01-background-image.zip	739.1 KB
position-04-styling-our-badge-finished.zip	1.1 MB
position-05-diving-deeper-into-relative-positioning-starting-code.zip	1.1 KB
position-06-working-with-overflow-finished.zip	0.7 KB
position-07-introducing-sticky-positioning-starting-code.zip	1.1 KB
position-08-understanding-stacking-context-starting-code.zip	1.7 KB
position-09-assignment-problem.zip	1.1 MB
position-10-assignment-solution.zip	1.1 MB
/quizzes/
003 Are you a position expert.html	9.2 KB
/07 Understanding Background Images Images/
094 Optional Advanced Track Introduction.mp4	17.9 MB
095 Module Introduction.mp4	1.3 MB
096 Understanding background-size.mp4	18.8 MB
097 Working with background-position.mp4	11.4 MB
098 The background Shorthand - Theory.mp4	3.2 MB
099 Applying background Origin Clip Attachment.mp4	13.4 MB
100 Using the background Shorthand on our Project.mp4	4.5 MB
101 Styling Images.mp4	16.9 MB
102 Adding the Customers Page to our Website.mp4	10.2 MB
103 Working on the Image Layout.mp4	24.8 MB
104 Understanding Linear Gradients.mp4	13.4 MB
105 Applying Radial Gradients.mp4	12.9 MB
106 Stacking Multiple Backgrounds.mp4	9.3 MB
107 Understanding Filters.mp4	10.3 MB
108 Adding Styling SVGs - The Basics.mp4	13.0 MB
109 Wrap Up.mp4	3.5 MB
110 Useful Resources Links.html	1.0 KB
/.../094 Optional Advanced Track Introduction/
background-images-01-understanding-background-size-starting-code.zip	1.1 MB
/.../096 Understanding background-size/
background-images-01-understanding-background-size-starting-code.zip	1.1 MB
/.../098 The background Shorthand - Theory/
css-background-properties.pdf	33.0 KB
/.../100 Using the background Shorthand on our Project/
background-images-02-using-the-background-shorthand-finished.zip	1.1 MB
/.../101 Styling Images/
background-images-03-styling-images-uhost-icon.zip	10.8 KB
/.../102 Adding the Customers Page to our Website/
background-images-04-adding-customer-page-finished.zip	2.1 MB
background-images-04.01-adding-customer-page-html-code.zip	1.4 KB
background-images-04.02-adding-customer-page-images.zip	1.0 MB
/.../103 Working on the Image Layout/
background-images-05-working-on-the-image-layout-finished.zip	2.1 MB
background-images-05.01-working-on-the-image-layout-css-code.zip	1.0 KB
/.../105 Applying Radial Gradients/
background-images-06-applying-radial-gradients-finished.zip	2.1 MB
/.../108 Adding Styling SVGs - The Basics/
background-images-07-adding-svgs-code.zip	6.0 KB
/.../109 Wrap Up/
css-07-background-summary.pdf	24.0 KB
/.../110 Useful Resources Links/
background-images-01-understanding-background-size-starting-code.zip	1.1 MB
background-images-02-using-the-background-shorthand-finished.zip	1.1 MB
background-images-03-styling-images-uhost-icon.zip	10.8 KB
background-images-04-adding-customer-page-finished.zip	2.1 MB
background-images-04.01-adding-customer-page-html-code.zip	1.4 KB
background-images-04.02-adding-customer-page-images.zip	1.0 MB
background-images-05-working-on-the-image-layout-finished.zip	2.1 MB
background-images-06-applying-radial-gradients-finished.zip	2.1 MB
background-images-07-adding-svgs-code.zip	6.0 KB
background-images-08-project-finished.zip	2.1 MB
/08 Sizes Units/
111 Module Introduction.mp4	3.2 MB
112 Whats Wrong With Our Project Units.mp4	13.2 MB
113 Where Units Matter.mp4	7.4 MB
114 An Overview of Available Sizes Units.mp4	5.4 MB
115 Rules to Remember Fixed Positioning.mp4	9.5 MB
116 Rules to Remember Absolute Positioning.mp4	19.0 MB
117 Rules to Remember Relative Static Positioning.mp4	22.1 MB
118 Fixing the Height 100 Issue.mp4	26.2 MB
119 Defining the Font Size in the Root Element.mp4	5.2 MB
120 Using min-widthheight max-widthheight.mp4	18.1 MB
121 Working with rem em.mp4	56.7 MB
122 Adding rem to Additional Properties.mp4	20.5 MB
123 Finishing rem.mp4	14.8 MB
124 Understanding the Viewport Units vw vh.mp4	23.4 MB
125 Choosing the Right Unit.mp4	6.6 MB
126 Using auto to Center Elements.mp4	3.6 MB
127 Cleaning Up our Code.mp4	2.5 MB
128 Wrap Up.mp4	6.5 MB
129 Useful Resources Links.html	0.7 KB
/.../112 Whats Wrong With Our Project Units/
sizes-units-01-whats-wrong-with-starting-code.zip	2.1 MB
/.../118 Fixing the Height 100 Issue/
sizes-units-02-the-height-100-issue-finished.zip	2.1 MB
/.../121 Working with rem em/
sizes-units-03-working-with-rem-and-em-finished.zip	2.1 MB
/.../123 Finishing rem/
sizes-units-04-finishing-rem-finished.zip	2.1 MB
sizes-units-04.01-finishing-rem-css-code-shared-and-main.zip	2.6 KB
/.../124 Understanding the Viewport Units vw vh/
sizes-units-05-understanding-vh-vw-finished.zip	2.1 MB
/.../129 Useful Resources Links/
css-units-slides.pdf	100.4 KB
sizes-units-01-whats-wrong-with-starting-code.zip	2.1 MB
sizes-units-02-the-height-100-issue-finished.zip	2.1 MB
sizes-units-03-working-with-rem-and-em-finished.zip	2.1 MB
sizes-units-04-finishing-rem-finished.zip	2.1 MB
sizes-units-04.01-finishing-rem-css-code-shared-and-main.zip	2.6 KB
sizes-units-05-understanding-vh-vw-finished.zip	2.1 MB
sizes-units-06-project-finished.zip	2.1 MB
/09 Working with JavaScript CSS/
130 Module Introduction.mp4	1.5 MB
131 Adding a Modal.mp4	16.8 MB
132 Selecting Manipulating Styles with JavaScript.mp4	26.0 MB
133 Adding an Event Listener.mp4	15.1 MB
134 Adding a Side Navigation Bar.mp4	19.2 MB
135 Opening and Closing the Hamburger Menu.mp4	17.8 MB
136 Manipulating Element Classes.mp4	17.3 MB
137 Understanding Property Notations.mp4	8.3 MB
138 Cleaning Up our Code.mp4	16.9 MB
139 Wrap Up.mp4	1.6 MB
140 Useful Resources Links.html	0.8 KB
/.../131 Adding a Modal/
css-and-js-01-adding-a-modal-starting-code.zip	2.1 MB
css-and-js-01.01-adding-a-modal-html-and-css-code.zip	1.6 KB
/.../134 Adding a Side Navigation Bar/
css-and-js-04-adding-a-side-navigation-html-css-code.zip	1.4 KB
/.../135 Opening and Closing the Hamburger Menu/
css-and-js-05-opening-closing-the-hamburger-finished.zip	2.1 MB
/.../139 Wrap Up/
css-09-javascript-and-css-summary.pdf	21.0 KB
/.../140 Useful Resources Links/
css-and-js-01-adding-a-modal-starting-code.zip	2.1 MB
css-and-js-01.01-adding-a-modal-html-and-css-code.zip	1.6 KB
css-and-js-02-assignment-problem.zip	2.1 MB
css-and-js-03-assignment-solution.zip	2.1 MB
css-and-js-04-adding-a-side-navigation-html-css-code.zip	1.4 KB
css-and-js-05-opening-closing-the-hamburger-finished.zip	2.1 MB
css-and-js-06-project-finished.zip	2.1 MB
/.../142 Why our Project Should Become Responsive/
responsive-01-why-our-project-should-starting-code.zip	2.1 MB
/.../145 Understanding the viewport Metatag/
responsive-02-understanding-the-viewport-metatag-finished.zip	2.1 MB
/.../148 Things to Keep in Mind when Working with Media Queries/
responsive-03-things-to-keep-in-mind-finished.zip	2.1 MB
/.../151 Making the Plans Responsive/
responsive-04-making-the-plans-responsive-finished.zip	2.1 MB
/.../152 Your Challenge/
responsive-05-your-challenge-finished.zip	2.1 MB
/.../155 Improving the Packages Page/
responsive-08-improving-the-packages-page-finished.zip	2.1 MB
/.../159 Useful Resources Links/
css-responsive-slides.pdf	48.2 KB
responsive-01-why-our-project-should-starting-code.zip	2.1 MB
responsive-02-understanding-the-viewport-metatag-finished.zip	2.1 MB
responsive-03-things-to-keep-in-mind-finished.zip	2.1 MB
responsive-04-making-the-plans-responsive-finished.zip	2.1 MB
responsive-05-your-challenge-finished.zip	2.1 MB
responsive-06-assignment-problem.zip	2.1 MB
responsive-07-assignment-solution.zip	2.1 MB
responsive-08-improving-the-packages-page-finished.zip	2.1 MB
responsive-09-project-finished.zip	2.1 MB
/11 Adding Styling Forms/
160 Module Introduction.mp4	2.5 MB
161 Adding the Unstyled Form.mp4	12.4 MB
162 Page Initialization.mp4	15.4 MB
163 Understanding Advanced Attribute Selectors.mp4	11.2 MB
164 Working on the General Layout.mp4	31.8 MB
165 Restyling the Form Elements.mp4	14.2 MB
166 Styling the Checkbox.mp4	30.9 MB
167 Providing Validation Feedback.mp4	20.8 MB
168 Styling the Signup Button.mp4	15.1 MB
169 Fixing a Broken Link.html	0.7 KB
170 Wrap Up.mp4	2.5 MB
171 Useful Resources Links.html	0.8 KB
/.../161 Adding the Unstyled Form/
forms-01-adding-the-unstyled-form-starting-code.zip	2.1 MB
forms-01.01-adding-the-unstyled-form-html-code.zip	1.7 KB
/.../162 Page Initialization/
forms-02-page-initialization-finished.zip	2.1 MB
/.../166 Styling the Checkbox/
forms-03-styling-the-checkbox-finished.zip	2.1 MB
/.../167 Providing Validation Feedback/
forms-04-providing-validation-feedback-finished.zip	2.1 MB
/.../170 Wrap Up/
css-11-forms-summary.pdf	19.8 KB
/.../171 Useful Resources Links/
forms-01-adding-the-unstyled-form-starting-code.zip	2.1 MB
forms-01.01-adding-the-unstyled-form-html-code.zip	1.7 KB
forms-02-page-initialization-finished.zip	2.1 MB
forms-03-styling-the-checkbox-finished.zip	2.1 MB
forms-04-providing-validation-feedback-finished.zip	2.1 MB
forms-05-project-finished.zip	2.1 MB
/12 Working with Text and Fonts/
172 Module Introduction.mp4	1.6 MB
173 Comparing Generic Families Font Families.mp4	3.6 MB
174 Understanding the Browser Settings.mp4	8.4 MB
175 Using the Default Font Families.mp4	18.2 MB
176 Understanding the font-family Syntax.mp4	27.3 MB
177 Working with Locally Saved Fonts.mp4	11.3 MB
178 Working with Google Fonts.mp4	50.7 MB
179 Understanding Font Faces font-style.mp4	15.9 MB
180 Importing our Custom Fonts.mp4	20.7 MB
181 Understanding Font Formats.mp4	9.9 MB
182 Diving into Font Properties.mp4	7.9 MB
183 Adding letter-spacing.mp4	13.9 MB
184 Changing the Line Height.mp4	18.2 MB
185 Applying text-decoration text-shadow.mp4	18.0 MB
186 Understanding the font Shorthand.mp4	21.2 MB
187 Loading Performance font-display.mp4	23.1 MB
188 Wrap Up.mp4	7.3 MB
189 Useful Resources Links.html	0.8 KB
/.../174 Understanding the Browser Settings/
fonts-01-understanding-the-browser-settings-starting-code.zip	2.1 MB
/.../178 Working with Google Fonts/
fonts-02-working-with-google-fonts-finished.zip	2.1 MB
/.../180 Importing our Custom Fonts/
fonts-03-importing-our-own-fonts-finished.zip	2.3 MB
fonts-03.01-importing-our-own-fonts-custom-font-ttf.zip	270.2 KB
/.../181 Understanding Font Formats/
fonts-04-understanding-font-formats-finished.zip	2.3 MB
/.../183 Adding letter-spacing/
fonts-05-understanding-letter-spacing-finished.zip	2.3 MB
/.../185 Applying text-decoration text-shadow/
fonts-06-applying-text-decoration-finished.zip	2.3 MB
/.../189 Useful Resources Links/
css-fonts-slides.pdf	135.0 KB
fonts-01-understanding-the-browser-settings-starting-code.zip	2.1 MB
fonts-02-working-with-google-fonts-finished.zip	2.1 MB
fonts-03-importing-our-own-fonts-finished.zip	2.3 MB
fonts-03.01-importing-our-own-fonts-custom-font-ttf.zip	270.2 KB
fonts-04-understanding-font-formats-finished.zip	2.3 MB
fonts-05-understanding-letter-spacing-finished.zip	2.3 MB
fonts-06-applying-text-decoration-finished.zip	2.3 MB
fonts-07-project-finished.zip	2.3 MB
/13 Adding Flexbox to our Project/
190 Optional Expert Track Introduction.mp4	21.0 MB
191 Module Introduction.mp4	1.8 MB
192 How we Could Improve our Project.mp4	7.0 MB
193 Understanding Flexbox.mp4	4.0 MB
194 Creating a Flex Container.mp4	10.4 MB
195 Using flex-direction flex-wrap.mp4	11.0 MB
196 Understanding the Importance of Main Axis Cross Axis.mp4	11.5 MB
197 Working with align-items justify-content.mp4	19.5 MB
198 And What About align-content.mp4	5.6 MB
199 Improving the Navigation Bar with Flexbox.mp4	30.9 MB
200 Your Challenge - Working on the Mobile Navigation Bar.mp4	10.3 MB
201 Improving the Footer.mp4	16.0 MB
202 Adding Flexbox to the Customers Page.mp4	9.0 MB
203 Using the order Property for a Flex Item.mp4	12.0 MB
204 Working with align-self.mp4	5.2 MB
205 Understanding flex-grow.mp4	15.9 MB
206 Applying flex-shrink.mp4	6.5 MB
207 Comparing flex-basis vs width height.mp4	16.8 MB
208 Wrap Up.mp4	5.8 MB
209 Useful Resources Links.html	1.0 KB
/.../190 Optional Expert Track Introduction/
flexbox-01-how-we-could-improve-starting-code.zip	2.3 MB
/.../192 How we Could Improve our Project/
flexbox-01-how-we-could-improve-starting-code.zip	2.3 MB
/.../194 Creating a Flex Container/
flexbox-02-creating-a-flex-container-starting-code.zip	0.8 KB
/.../196 Understanding the Importance of Main Axis Cross Axis/
flexbox-03-understanding-the-importance-main-cross-finished.zip	0.8 KB
/.../198 And What About align-content/
flexbox-04-and-what-about-align-content-finished.zip	0.9 KB
/.../199 Improving the Navigation Bar with Flexbox/
flexbox-05-improving-the-navigation-bar-starting-code.zip	2.3 MB
/.../200 Your Challenge - Working on the Mobile Navigation Bar/
flexbox-06-your-challenge-finished.zip	2.3 MB
/.../201 Improving the Footer/
flexbox-07-improving-the-footer-finished.zip	2.3 MB
/.../203 Using the order Property for a Flex Item/
flexbox-10-using-the-order-property-starting-code.zip	0.9 KB
/.../209 Useful Resources Links/
css-flexbox-slides.pdf	54.3 KB
flexbox-01-how-we-could-improve-starting-code.zip	2.3 MB
flexbox-02-creating-a-flex-container-starting-code.zip	0.8 KB
flexbox-03-understanding-the-importance-main-cross-finished.zip	0.8 KB
flexbox-04-and-what-about-align-content-finished.zip	0.9 KB
flexbox-05-improving-the-navigation-bar-starting-code.zip	2.3 MB
flexbox-06-your-challenge-finished.zip	2.3 MB
flexbox-07-improving-the-footer-finished.zip	2.3 MB
flexbox-08-assignment-problem.zip	2.3 MB
flexbox-09-assignment-solution.zip	2.3 MB
flexbox-10-using-the-order-property-starting-code.zip	0.9 KB
flexbox-11-project-finished.zip	2.3 MB
/quizzes/
004 Time for another quiz - are you a Flexbox expert already.html	9.9 KB
/14 Using the CSS Grid/
210 Module Introduction.mp4	1.4 MB
211 What is the CSS Grid.mp4	1.9 MB
212 Getting Started.mp4	3.5 MB
213 Turning a Container into a Grid.mp4	5.2 MB
214 Defining Columns Rows.mp4	9.2 MB
215 Positioning Child Elements in a Grid.mp4	7.7 MB
216 Using element-sizing repeat minmax.mp4	12.5 MB
217 Advanced Element Positioning.mp4	12.6 MB
218 Working with Named Lines.mp4	7.5 MB
219 Understanding Column Row Shorthands.mp4	5.2 MB
220 Working with Gaps.mp4	5.1 MB
221 Adding Named Template Areas.mp4	14.7 MB
222 Creating Automatically Generated Grid Areas.mp4	14.2 MB
223 Using the Grid on our Project.mp4	24.6 MB
224 Working with fit-content.mp4	19.9 MB
225 Positioning Grid Elements.mp4	14.2 MB
226 Positioning the Entire Grid Content.mp4	18.3 MB
227 Positioning Elements Individually.mp4	8.9 MB
228 Understanding Responsive Grids.mp4	12.4 MB
229 Applying Autoflow.mp4	13.8 MB
230 Comparing the Explicit Implicit Grid.mp4	5.1 MB
231 Understanding auto-fill auto-fit.mp4	11.7 MB
232 Creating a Dense Grid.mp4	7.9 MB
233 Styling the Project Form with Grid.mp4	24.4 MB
234 Comparing Grid Flexbox.mp4	5.9 MB
235 Next Steps.mp4	9.8 MB
236 Wrap Up.mp4	7.4 MB
237 Useful Resources Links.html	0.7 KB
/.../212 Getting Started/
grid-01-using-the-grid-on-our-projectstarting-code.zip	2.3 MB
/.../215 Positioning Child Elements in a Grid/
grid-02-positioning-child-elements.zip	2.6 KB
/.../216 Using element-sizing repeat minmax/
grid-03-repeat-minmax.zip	2.5 KB
/.../218 Working with Named Lines/
grid-04-added-line-names.zip	2.5 KB
/.../220 Working with Gaps/
grid-07-working-with-gaps.zip	2.6 KB
/.../221 Adding Named Template Areas/
grid-08-adding-named-template-areas.zip	2.8 KB
/.../222 Creating Automatically Generated Grid Areas/
grid-11-auto-area.zip	2.7 KB
/.../223 Using the Grid on our Project/
grid-12-grid-in-project-first-steps.zip	2.3 MB
/.../224 Working with fit-content/
grid-13-fit-content.zip	2.3 MB
/.../227 Positioning Elements Individually/
grid-14-grid-alignment.zip	3.3 KB
/.../228 Understanding Responsive Grids/
grid-15-responsive.zip	2.6 KB
/.../229 Applying Autoflow/
grid-16-prepared-auto-lectures.zip	2.9 KB
grid-17-applying-autoflow.zip	2.8 KB
/.../231 Understanding auto-fill auto-fit/
grid-18-autofill-autofit.zip	2.7 KB
/.../232 Creating a Dense Grid/
grid-19-dense-grid.zip	2.7 KB
/.../233 Styling the Project Form with Grid/
grid-20-project-finished.zip	2.3 MB
/.../236 Wrap Up/
css-14-grid-summary.pdf	23.7 KB
css-grid.pdf	385.5 KB
/.../237 Useful Resources Links/
css-grid.pdf	385.5 KB
grid-01-using-the-grid-on-our-projectstarting-code.zip	2.3 MB
grid-02-positioning-child-elements.zip	2.6 KB
grid-03-repeat-minmax.zip	2.5 KB
grid-04-added-line-names.zip	2.5 KB
grid-05-assignment-1-start.zip	2.2 KB
grid-06-assignment-1-solution.zip	2.5 KB
grid-07-working-with-gaps.zip	2.6 KB
grid-08-adding-named-template-areas.zip	2.8 KB
grid-09-assignment-2-start.zip	2.5 KB
grid-10-assignment-2-solution.zip	2.6 KB
grid-11-auto-area.zip	2.7 KB
grid-12-grid-in-project-first-steps.zip	2.3 MB
grid-13-fit-content.zip	2.3 MB
grid-14-grid-alignment.zip	3.3 KB
grid-15-responsive.zip	2.6 KB
grid-16-prepared-auto-lectures.zip	2.9 KB
grid-17-applying-autoflow.zip	2.8 KB
grid-18-autofill-autofit.zip	2.7 KB
grid-19-dense-grid.zip	2.7 KB
grid-20-project-finished.zip	2.3 MB
/15 Transforming Elements with CSS Transforms/
238 Module Introduction.mp4	581.6 KB
239 Rotating Elements and setting transform-origin.mp4	8.7 MB
240 Using Rotate and Translate.mp4	12.9 MB
241 Working with skew and scale.mp4	15.8 MB
242 Applying Transformation Shorthands.mp4	5.6 MB
243 Rotating Elements in 3 Dimensions.mp4	6.7 MB
244 Understanding the perspective Property.mp4	6.5 MB
245 Moving Elements along the Z-Axis with translateZ.mp4	7.1 MB
246 Rotating the Container with transform style.mp4	6.6 MB
247 Flipping Elements backface-visibility.mp4	2.1 MB
248 Wrap Up.mp4	1.6 MB
249 Useful Resources Links.html	0.7 KB
/.../240 Using Rotate and Translate/
transforms-01-rotate-and-translate.zip	2.3 MB
/.../241 Working with skew and scale/
transforms-02-skew-scale.zip	2.3 MB
/.../242 Applying Transformation Shorthands/
transforms-03-shorthands.zip	2.3 MB
/.../243 Rotating Elements in 3 Dimensions/
css-transform-rotate.pdf	37.9 KB
transforms-4-3d-starting-code.zip	2.5 KB
transforms-5-rotate-3d.zip	2.4 KB
/.../244 Understanding the perspective Property/
transforms-6-added-perspective.zip	2.5 KB
/.../245 Moving Elements along the Z-Axis with translateZ/
transforms-7-translatez.zip	2.4 KB
/.../247 Flipping Elements backface-visibility/
transforms-8-finished.zip	2.5 KB
/.../248 Wrap Up/
css-15-transform-summary.pdf	20.8 KB
/.../249 Useful Resources Links/
transforms-01-rotate-and-translate.zip	2.3 MB
transforms-02-skew-scale.zip	2.3 MB
transforms-03-shorthands.zip	2.3 MB
transforms-4-3d-starting-code.zip	2.5 KB
transforms-5-rotate-3d.zip	2.4 KB
transforms-6-added-perspective.zip	2.5 KB
transforms-7-translatez.zip	2.4 KB
transforms-8-finished.zip	2.5 KB
/16 Transitions Animations in CSS/
250 Module Introduction.mp4	393.9 KB
251 Understanding and Applying Transitions.mp4	14.4 MB
252 CSS transition Property Deep Dive.html	3.1 KB
253 Working with Timing Functions.mp4	5.0 MB
254 Transitions display.mp4	17.2 MB
255 Using CSS Animations.mp4	20.7 MB
256 CSS animation Property Deep Dive.html	4.3 KB
257 Adding Multiple Keyframes.mp4	8.3 MB
258 Adding Animations to our Customers Page.mp4	9.4 MB
259 Using JavaScript Animation Event Listeners.mp4	9.9 MB
260 Wrap Up.mp4	2.2 MB
261 Useful Resources Links.html	1.0 KB
/.../251 Understanding and Applying Transitions/
animations-1-applying-transitions.zip	2.3 MB
/.../253 Working with Timing Functions/
animations-2-timing-functions.zip	2.3 MB
/.../254 Transitions display/
animations-3-transition-and-display.zip	2.3 MB
/.../255 Using CSS Animations/
animations-5-animations-keyframes.zip	2.3 MB
/.../257 Adding Multiple Keyframes/
animations-6-multiple-keyframes.zip	2.3 MB
/.../258 Adding Animations to our Customers Page/
animations-7-customers-animations.zip	2.3 MB
/.../259 Using JavaScript Animation Event Listeners/
animations-9-finished.zip	2.3 MB
/.../260 Wrap Up/
css-16-animations-summary.pdf	20.7 KB
/.../261 Useful Resources Links/
animations-1-applying-transitions.zip	2.3 MB
animations-2-timing-functions.zip	2.3 MB
animations-3-transition-and-display.zip	2.3 MB
animations-4-assignment-1-solution.zip	2.3 MB
animations-5-animations-keyframes.zip	2.3 MB
animations-6-multiple-keyframes.zip	2.3 MB
animations-7-customers-animations.zip	2.3 MB
animations-8-assignment-2-solution.zip	2.3 MB
animations-9-finished.zip	2.3 MB
/17 Writing Future-Proof CSS Code/
262 Module Introduction.mp4	923.0 KB
263 CSS Modules Their Working Groups.mp4	6.9 MB
264 Using CSS Variables.mp4	19.1 MB
265 Understanding Using Vendor Prefixes.mp4	10.7 MB
266 Which Prefixes Should You Use.mp4	23.4 MB
267 Detecting Browser Support with supports.mp4	17.8 MB
268 Polyfills.mp4	5.8 MB
269 Eliminating Cross-Browser Inconsistencies.mp4	5.6 MB
270 How to Name CSS Classes.mp4	7.0 MB
271 Vanilla CSS vs Frameworks.mp4	13.2 MB
272 Wrap Up.mp4	6.4 MB
273 Useful Resources Links.html	1.5 KB
/.../264 Using CSS Variables/
future-proof-1-css-variables.zip	2.3 MB
/.../266 Which Prefixes Should You Use/
future-proof-2-vendor-prefixes.zip	2.3 MB
/.../267 Detecting Browser Support with supports/
future-proof-3-finished.zip	2.3 MB
/.../271 Vanilla CSS vs Frameworks/
css-17-future-css.pdf	1.2 MB
/.../272 Wrap Up/
css-17-future-css.pdf	1.2 MB
future-proof-1-css-variables.zip	2.3 MB
future-proof-2-vendor-prefixes.zip	2.3 MB
future-proof-3-finished.zip	2.3 MB
/18 Introducing Sass Syntactically Awesome Style Sheets/
274 Module Introduction.mp4	767.3 KB
275 What is Sass Scss.mp4	4.2 MB
276 Installing Sass.mp4	13.5 MB
277 Things to be Improved with Sass.mp4	3.8 MB
278 Nesting Selectors.mp4	12.9 MB
279 Adding Nested Properties.mp4	3.0 MB
280 Understanding Variables.mp4	6.4 MB
281 Storing Lists Maps in Variables.mp4	26.8 MB
282 Built-In Functions.mp4	19.6 MB
283 Adding Simple Arithmetics.mp4	5.3 MB
284 Adding Better Import and Partials.mp4	15.2 MB
285 Improving Media Queries.mp4	5.2 MB
286 Understanding Inheritance.mp4	7.6 MB
287 Adding Mixins.mp4	13.8 MB
288 Using the Ampersand Operator.mp4	6.8 MB
289 Wrap Up.mp4	5.3 MB
290 Useful Resources Links.html	0.4 KB
/.../276 Installing Sass/
sass-01-installing-sass-starting-code.zip	4.1 KB
/.../280 Understanding Variables/
sass-02-understanding-variables-finished.zip	4.0 KB
/.../284 Adding Better Import and Partials/
sass-05-adding-better-import-and-partials-finished.zip	4.4 KB
/.../286 Understanding Inheritance/
sass-06-understanding-inheritance-finished.zip	4.4 KB
/.../290 Useful Resources Links/
sass-01-installing-sass-starting-code.zip	4.1 KB
sass-02-understanding-variables-finished.zip	4.0 KB
sass-03-assignment-problem.zip	4.1 KB
sass-04-assignment-solution.zip	4.1 KB
sass-05-adding-better-import-and-partials-finished.zip	4.4 KB
sass-06-understanding-inheritance-finished.zip	4.4 KB
sass-07-project-finished.zip	4.5 KB
/19 Course Roundup/
291 Course Roundup.mp4	4.7 MB
Total files 596