Kevin Powell Beyond CSS | CB77F735107573921C22242786764F08203E15AD

Kevin Powell Beyond CSS

Name	Kevin Powell - Beyond CSS	DOWNLOAD Copy Link Trouble downloading? see How To
Total Size	3.8 GB
Total Files	381
Last Seen	2025-09-11 02:42
Hash	CB77F735107573921C22242786764F08203E15AD

/.../4. PUTTING IT TO USE/
5.4.7. Setting up our tokens.mp4	95.2 MB
1. Introduction.html	1.1 MB
2. What we will be working on.html	1.6 MB
3. Getting started.html	1.5 MB
4. The color abstracts.html	1.5 MB
5. The typography abstracts.html	1.5 MB
5.4.2. What we will be working on.mp4	9.6 MB
5.4.3. Getting started.mp4	10.0 MB
5.4.4. The color abstracts.mp4	46.5 MB
5.4.5. The typography abstracts.mp4	11.3 MB
5.4.8. The HTML.mp4	55.6 MB
5.4.9. Improving our buttons.mp4	10.3 MB
5.4.10. The hero area.mp4	17.0 MB
5.4.11. The about section.mp4	63.0 MB
5.4.12. Rounding the image.mp4	9.3 MB
5.4.13. The offset grid.mp4	11.7 MB
5.4.14.1. Customizing the cards in the offset grid.mp4	16.9 MB
5.4.14.2. Customizing the cards in the offset grid.mp4	50.4 MB
5.4.15. Making decisions on how we use this system.mp4	21.9 MB
5.4.16. Moving forward from here.mp4	21.6 MB
6. Spacing and dark mode.html	1.4 MB
7. Setting up our tokens.html	1.5 MB
8. The HTML.html	1.6 MB
9. Improving our buttons.html	1.5 MB
10. The hero area.html	1.5 MB
11. The about section.html	1.5 MB
12. Rounding the image.html	1.5 MB
13. The offset grid.html	1.5 MB
14. Customizing the cards in the offset grid.html	1.7 MB
15. Making decisions on how we use this system.html	1.5 MB
16. Moving forward from here.html	1.5 MB
/
FreeCoursesOnline.me Download Udacity, Masterclass, Lynda, PHLearn, etc Free.url	0.3 KB
code.zip	83.6 MB
/0. Websites you may like/
1. OneHack.us Premium Cracked Accounts-Tutorials-Guides-Articles Community Based Forum.url	0.4 KB
2. FTUApps.com Download Cracked Developers Applications For Free.url	0.2 KB
Free Premium Accounts at OfficialMrB.com.txt	0.7 KB
/1. WELCOME/
01. Introduction to the course.html	1.7 MB
1. Introduction to the course.mp4	28.1 MB
02. Making the most out of this course.html	1.4 MB
03. Software.html	1.4 MB
04. Challenges & projects.html	1.4 MB
/.../1. INTRODUCTION TO SASS/
1. Introduction to Sass. What is Sass.html	1.2 MB
2. Installing Sass .html	1.7 MB
2.1.1. Installing Sass .mp4	13.4 MB
2.1.2. Making sure Sass is working.mp4	15.0 MB
2.1.3. Watching files.mp4	10.7 MB
2.1.4. What are source maps.mp4	10.0 MB
3. Making sure Sass is working.html	1.7 MB
4. Watching files.html	1.7 MB
5. Sass vs SCSS.html	1.4 MB
6. Sass vs. CSS comments.html	1.4 MB
7. What are source maps.html	1.8 MB
8. Getting to the good stuff.html	1.4 MB
/2. MODULE 1/2. NESTING/
1. A core feature of Sass.html	1.2 MB
2. Sass vs SCSS nesting.html	1.4 MB
2.2.1. The parent selector.mp4	6.3 MB
2.2.2. Avoiding specificity issues with nesting.mp4	9.2 MB
2.2.3. Using a trailing.mp4	19.7 MB
3. The parent selector.html	1.8 MB
4. Nesting challenge 1.html	1.4 MB
5. Nesting properties.html	1.4 MB
6. Nesting can cause problems.html	1.4 MB
7. Avoiding specificity issues with nesting.html	1.7 MB
8. Nesting challenge #2.html	1.4 MB
8.1 Nesting challenge #2.html	64.6 KB
9. Using a trailing.html	1.5 MB
10. Nesting challenge #3.html	1.4 MB
11. Nesting media queries.html	1.4 MB
12. Staying organized.html	1.4 MB
/2. MODULE 1/3. VARIABLES/
1. Those things that start with a $.html	1.2 MB
2. Variables defined by variables.html	1.4 MB
2.3.1. Variable challenge.mp4	29.7 MB
2.3.2. Variables vs. Custom Properties.mp4	14.3 MB
3. Variables and the cascade.html	1.5 MB
4. Use cases for variables.html	1.4 MB
5. Variable challenge.html	1.7 MB
6. Variables vs. Custom Properties.html	1.5 MB
/.../4. SASS AND COLORS/
1. Sass takes over some of the CSS color functions.html	1.2 MB
2. Problems to avoid.html	1.4 MB
2.4.1. Color functions and custom properties.mp4	12.8 MB
3. Color functions with variables.html	1.4 MB
4. Color functions and custom properties.html	1.6 MB
/.../5. PRACTICE PROJECT - PRICING TABLE/
1. Before we get started.html	1.3 MB
2. Getting started.html	1.7 MB
2.5.1. Before we get started.mp4	42.6 MB
2.5.2. Setting things uo.mp4	16.7 MB
2.5.3. The HTML.mp4	12.3 MB
2.5.4. Pricing Table - Reset and Base Styles.mp4	20.6 MB
2.5.5. Styling the page.mp4	51.2 MB
2.5.6. Creating the inverted color scheme (a challenge).mp4	8.0 MB
2.5.7. Creating the button hover and focus states (a challenge).mp4	10.2 MB
3. Setting up the variables and how I name mine.html	1.4 MB
4. A simple reset and base styles.html	1.5 MB
5. Styling the page.html	1.5 MB
6. Creating the inverted color scheme (a challenge).html	1.5 MB
7. Creating the button hover and focus states (a challenge).html	1.5 MB
/2. MODULE 1/6. EXTENDS/
1. What are they and why are they useful.html	1.2 MB
2. Placeholders.html	1.4 MB
2.6.1. Why extends can be dangerous.mp4	8.9 MB
3. Nesting with extends.html	1.4 MB
4. Why extends can be dangerous.html	1.6 MB
/2. MODULE 1/7. MIXINS/
1. An introduction.html	1.2 MB
2. Mixins vs. Extends.html	1.5 MB
2.7.1. Mixins vs. Extendsb.mp4	6.8 MB
2.7.2. Maxin arguments.mp4	10.1 MB
2.7.3. Optional arguments.mp4	6.0 MB
2.7.4. Challenge.mp4	17.9 MB
3. Selectors inside of mixins.html	1.4 MB
4. The basics of arguments.html	1.6 MB
5. Optional arguments.html	1.6 MB
6. Challenge.html	1.5 MB
/2. MODULE 1/8. INTERPOLATION/
1. Using variables in different places.html	1.3 MB
2. Doing some math.html	1.4 MB
2.8.1. Using variables in different places.mp4	7.5 MB
2.8.2.1. Two challenges.mp4	7.1 MB
2.8.2.2. Two challenges.mp4	17.3 MB
2.8.3. Nested children and &.mp4	28.8 MB
3. Two challenges.html	1.7 MB
4. Nested children and &.html	1.6 MB
/.../9. PRACTICE PROJECT - PRODUCT CARDS/
1. Introduction to the project.html	2.1 MB
2. The HTML and basic page structure.html	1.5 MB
2.9.1. The HTML and basic page structure.mp4	50.5 MB
2.9.2. Getting info from Figma.mp4	9.5 MB
2.9.3.1. Even columns.mp4	14.9 MB
2.9.3.2. Utility classes.mp4	24.3 MB
2.9.4. Styling the product card.mp4	29.9 MB
2.9.5. Positioning the button.mp4	39.3 MB
2.9.6. The category card.mp4	26.7 MB
3. Variables, placeholders, mixins.html	1.5 MB
4. The base, composition, and utility styles.html	1.7 MB
5. The product card.html	1.6 MB
6. Positioning the button.html	1.5 MB
7. The category card.html	1.5 MB
/.../1. BUILT-IN SASS FUNCTIONS/
1. Modules and functions.html	1.1 MB
2. The Sass color module.html	1.5 MB
3. 3 mini-challenges.html	1.4 MB
3.1. The Sass color module.mp4	16.9 MB
/3. MODULE 2/2. LOOPS/
1. An introduction.html	1.1 MB
2. @for. In action.html	2.1 MB
3. @for. A challenge.html	1.5 MB
3.2.2.1. @for. In action.mp4	7.0 MB
3.2.2.2. @for. In action. Column-count.mp4	8.9 MB
3.2.2.3. @for. In action. Column-count.mp4	4.6 MB
3.2.2.4. @for. In action. Grid based system.mp4	21.5 MB
3.2.3.1. @for. A challenge.mp4	15.1 MB
3.2.4.1. @EACH In action.mp4	2.2 MB
3.2.5.1. @each. With nested lists.mp4	5.7 MB
4. @each. In action.html	1.5 MB
5. @each. With nested lists.html	1.5 MB
6. @each. A challenge.html	1.4 MB
/.../3. @IF, @ELSE, @IF ELSE, AND IF()/
1. @if, @else, @if else, and if() Adding logic to our stylesheets.html	1.3 MB
2. @if In action.html	1.6 MB
3. @else In action.html	1.4 MB
3.3.1. @if, @else, @if else, and if() Adding logic to our stylesheets.mp4	10.0 MB
3.3.2. @if In action.mp4	6.2 MB
3.3.3. @if @else A challenge.mp4	6.1 MB
3.3.4. @if Refactoring our ui-component mixin.mp4	7.2 MB
4. @if @else A challenge.html	1.5 MB
5. @else if When @if and @else isn't enough.html	1.4 MB
6. if() Another type of ifelse statement.html	1.4 MB
7. @if Refactoring our ui-component mixin.html	1.6 MB
/3. MODULE 2/4. FUNCTIONS/
1. Functions Creating your own functions.html	1.3 MB
2. Functions In action.html	1.6 MB
3. Functions Warnings, errors, and debugging.html	1.7 MB
3.4.1. Functions Creating your own functions.mp4	5.5 MB
3.4.2. Functions In action.mp4	8.5 MB
3.4.3.1. Functions Warnings, errors, and debugging.mp4	12.5 MB
3.4.3.2. Functions Warnings, errors, and debugging.mp4	11.9 MB
/3. MODULE 2/5. ADVANCED MIXINS/
1. Arbitrary arguments.html	1.5 MB
2. @content.html	1.6 MB
3. A challenge.html	1.4 MB
3.5.1.1. Arbitrary arguments.mp4	5.4 MB
3.5.1.2. Arbitrary arguments.mp4	8.8 MB
3.5.2. @content.mp4	5.1 MB
/3. MODULE 2/6. MAPS/
1. A fancy list.html	1.5 MB
2. An easier way to access them.html	1.6 MB
3. Nested maps.html	1.8 MB
3.6.1.1. A fancy list.mp4	13.2 MB
3.6.1.2. A fancy list.mp4	9.1 MB
3.6.2. An easier way to access them.mp4	12.3 MB
3.6.3.1. Nested maps.mp4	5.5 MB
3.6.3.2. Nested maps.mp4	7.7 MB
3.6.4. Accessing map values with loops.mp4	19.5 MB
3.6.5. map.has-key() and errors.mp4	9.0 MB
4. Accessing map values with loopsb.html	1.6 MB
5. map.has-key() and errors.html	1.6 MB
6. A challenge.html	1.4 MB
7. Challenge solution.html	1.4 MB
/.../1. @USE AND @FORWARD/
1. Building our own Sass modules.html	1.5 MB
2. Using, and name-spacing, our partial files.html	1.6 MB
3. @use challenges.html	1.4 MB
4. @forward.html	1.7 MB
4.1.1.1. Building our own Sass modules.mp4	7.1 MB
4.1.1.2. Building our own Sass modules.mp4	9.8 MB
4.1.2.1. Using, and name-spacing, our partial files.mp4	5.9 MB
4.1.4.1. @forward.mp4	9.4 MB
4.1.4.2. @forward.mp4	6.9 MB
4.1.6.1. Why bother with partial files.mp4	5.9 MB
5. What happened to @import.html	1.4 MB
6. Why bother with partial files.html	1.5 MB
/4. MODULE 3/2. VITE/
1. Introduction to Vite.html	1.1 MB
2. Getting started with Vite.html	1.8 MB
3. Setting up Vite for multiple pages.html	1.8 MB
4. Getting our projects online.html	1.6 MB
4.2.2.1. Getting started with Vite.mp4	12.7 MB
4.2.2.2. Getting started with Vite.mp4	9.9 MB
4.2.2.3. Getting started with Vite.mp4	7.2 MB
4.2.3.1. Setting up Vite for multiple pages.mp4	18.0 MB
4.2.3.2. Setting up Vite for multiple pages.mp4	9.4 MB
4.2.3.3. Setting up Vite for multiple pages.mp4	22.5 MB
4.2.4. Getting our projects online.mp4	31.7 MB
/4. MODULE 3/3. ARCHITECTURE/
1. Staying Organized.html	1.1 MB
2. A good starting point.html	1.5 MB
3. Creating a template.html	1.5 MB
4.3.2. A good starting point.mp4	56.4 MB
4.3.3. Creating a template.mp4	7.9 MB
/.../4 USING THE TEMPLATE/
1. Creating a new project from the template.html	1.3 MB
2. Refactoring the pricing table project.html	2.2 MB
3. Updating the template.html	2.1 MB
4.4.1. Creating a new project from the template.mp4	9.0 MB
4.4.2.1. Refactoring the pricing table project.mp4	22.7 MB
4.4.2.2. Refactoring the pricing table project.mp4	5.5 MB
4.4.2.3. Refactoring the pricing table project.mp4	7.5 MB
4.4.2.4. Refactoring the pricing table project.mp4	6.4 MB
4.4.2.5. Refactoring the pricing table project.mp4	84.9 MB
4.4.3.1. Updating the template.mp4	10.8 MB
4.4.3.2. Updating the template.mp4	20.4 MB
4.4.3.3. Updating the template.mp4	13.4 MB
4.4.3.4. Updating the template.mp4	14.5 MB
/4. MODULE 3/5. PROJECT/
1. Starting a new project using our template.html	1.3 MB
2. Analyzing the design.html	1.5 MB
3. Setting up the abstracts.html	3.5 MB
4. New utilities and generic layouts.html	2.3 MB
4.5.1. Starting a new project using our template.mp4	15.9 MB
4.5.2. Analyzing the design.mp4	49.1 MB
4.5.3.1. Setting up the abstracts.mp4	8.8 MB
4.5.3.2. Setting up the abstracts.mp4	8.3 MB
4.5.3.3. Setting up the abstracts.mp4	38.5 MB
4.5.4.1. New utilities and generic layouts.mp4	18.1 MB
4.5.4.2. New utilities and generic layouts.mp4	12.4 MB
4.5.4.3. New utilities and generic layouts.mp4	17.3 MB
4.5.4.4. New utilities and generic layouts.mp4	10.7 MB
4.5.4.5. New utilities and generic layouts.mp4	13.7 MB
4.5.4.6. New utilities and generic layouts.mp4	13.4 MB
4.5.5.1. The components.mp4	21.1 MB
4.5.5.2. The components.mp4	76.1 MB
4.5.6. Reset and base styles.mp4	7.4 MB
4.5.7.1. Writing the HTML.mp4	4.8 MB
4.5.7.2. Writing the HTML.mp4	21.0 MB
4.5.7.3. Writing the HTML.mp4	16.5 MB
4.5.7.4. Writing the HTML.mp4	19.9 MB
4.5.7.5. Writing the HTML.mp4	15.3 MB
4.5.7.6. Writing the HTML.mp4	12.3 MB
4.5.7.7. Writing the HTML.mp4	17.1 MB
4.5.8. Styling the header.mp4	27.6 MB
4.5.9. Styling the hero.mp4	9.5 MB
4.5.10. Improving the buttons.mp4	7.3 MB
4.5.11.1. Design tweaks.mp4	10.1 MB
4.5.11.2. Design tweaks.mp4	20.2 MB
4.5.11.3. Design tweaks.mp4	14.9 MB
4.5.12. Fixing the flex-group.mp4	13.9 MB
4.5.13. The figures.mp4	49.1 MB
4.5.14. The testimonial cards.mp4	55.0 MB
4.5.15. Finishing touches.mp4	21.7 MB
5. The components.html	1.7 MB
6. Reset and base styles.html	1.5 MB
7. Writing the HTML.html	3.0 MB
8. Styling the header.html	1.5 MB
9. Styling the hero.html	1.5 MB
10. Improving the buttons.html	1.5 MB
11. Design tweaks.html	1.8 MB
12. Fixing the flex-group.html	1.5 MB
13. The figures.html	1.5 MB
14. The testimonial cards.html	1.5 MB
15. Finishing touches.html	1.5 MB
/4. MODULE 3/6. WRAP UP/
1. Updating our starter template.html	1.3 MB
2. A faster way to use your template.html	1.5 MB
3. What's next.html	1.4 MB
4.6.1. Updating our starter template.mp4	62.8 MB
4.6.2. A faster way to use your template.mp4	4.5 MB
/.../7. POSTCSS AND POSTCSS-PRESET-ENV/
1. Introduction.html	1.3 MB
2. Getting started with PostCSS and postcss-present-env.html	2.3 MB
4.7.1. Introduction.mp4	10.2 MB
4.7.2.1. Getting started with PostCSS and postcss-present-env.mp4	7.9 MB
4.7.2.2. Getting started with PostCSS and postcss-present-env.mp4	46.5 MB
4.7.2.3. Getting started with PostCSS and postcss-present-env.mp4	29.4 MB
4.7.2.4. Getting started with PostCSS and postcss-present-env.mp4	53.6 MB
4.7.2.5. Getting started with PostCSS and postcss-present-env.mp4	25.6 MB
4.7.2.6. Getting started with PostCSS and postcss-present-env.mp4	17.1 MB
/5. MODULE 4/1. DESIGN SYSTEMS/
1. Introduction.html	1.1 MB
2. What is a design system.html	1.5 MB
3. Design Tokens.html	1.8 MB
4. Global Tokens and Private Members.html	1.7 MB
5. Getting Started with our System.html	1.8 MB
5.1.2. What is a design system.mp4	25.7 MB
5.1.3.1. Design Tokens.mp4	24.4 MB
5.1.3.2. Design Tokens.mp4	17.1 MB
5.1.3.3. Design Tokens.mp4	17.5 MB
5.1.4.1. Global Tokens and Private Members.mp4	10.6 MB
5.1.4.2. Global Tokens and Private Members.mp4	8.0 MB
5.1.5.1. Getting Started with our System.mp4	12.3 MB
5.1.5.2. Getting Started with our System.mp4	4.4 MB
5.1.6.1. Setting up our Colors.mp4	9.9 MB
5.1.6.2. Setting up our Colors.mp4	14.1 MB
5.1.6.3. Setting up our Colors.mp4	8.4 MB
5.1.6.4. Setting up our Colors.mp4	11.7 MB
5.1.7.1. Setting up the typography.mp4	44.2 MB
5.1.7.2. Setting up the typography.mp4	13.1 MB
5.1.7.3. Setting up the typography.mp4	13.5 MB
5.1.7.4. Setting up the typography.mp4	15.1 MB
5.1.7.5. Setting up the typography.mp4	15.5 MB
5.1.10.1. Contextual & Component Sizes .mp4	8.4 MB
5.1.10.2. Contextual & Component Sizes .mp4	46.3 MB
5.1.10.3. Contextual & Component Sizes .mp4	9.0 MB
5.1.12.1. Body, buttons, and cards .mp4	39.8 MB
5.1.12.2. Body, buttons, and cards .mp4	58.6 MB
5.1.12.3. Body, buttons, and cards .mp4	21.3 MB
5.1.12.4. Body, buttons, and cards .mp4	15.9 MB
6. Setting up our Colors.html	2.0 MB
7. Setting up the typography.html	2.2 MB
8. Setting up the sizes.html	1.4 MB
9. File organization with design tokens.html	1.4 MB
10. Contextual & Component Sizes .html	1.8 MB
11. Contextual color tokens.html	1.4 MB
12. Body, buttons, and cards .html	2.1 MB
13. The shadows and border-radius .html	1.8 MB
14. The rest of the site.html	1.4 MB
/5. MODULE 4/2. THEMING/
1. Intro to theming.html	1.1 MB
2. Creating a new theme.html	1.5 MB
3. Using our new theme.html	1.5 MB
4. Improving the dark theme.html	1.4 MB
5. Making the logo change with the color scheme.html	1.7 MB
5.2.2. Creating a new theme.mp4	7.1 MB
5.2.3. Using our new theme.mp4	5.9 MB
5.2.5.1. Making the logo change with the color scheme.mp4	32.2 MB
5.2.5.2. Making the logo change with the color scheme.mp4	24.5 MB
5.2.6. Switching between themes.mp4	9.2 MB
5.2.7. Fixing the utility classes.mp4	8.2 MB
5.2.8.1. Manually toggling the themes.mp4	51.5 MB
5.2.8.2. Manually toggling the themes.mp4	16.0 MB
6. Switching between themes.html	1.5 MB
7. Fixing the utility classes.html	1.5 MB
8. Manually toggling the themes.html	1.7 MB
9. What if you don't want a theme.html	1.4 MB
/5. MODULE 4/3. REUSABILITY & CUSTOMIZATION/
1. Introduction.html	1.1 MB
2. Reusability.html	1.4 MB
3. Making the template your own.html	1.4 MB
4. Prefixing.html	1.5 MB
5. Categorizing your classes.html	1.4 MB
5.3.4. Prefixing.mp4	27.5 MB
/.../1. INTRODUCTION TO ASTRO/
1. What is Astro.html	1.1 MB
2. Getting started with Astro.html	1.6 MB
3. The Astro extension.html	1.5 MB
4. What we are starting with.html	1.5 MB
5. The Dev Toolbar.html	1.5 MB
6. Code fences & dynamic content.html	1.6 MB
6.1.2. Getting started with Astro.mp4	11.2 MB
6.1.3. The Astro extension.mp4	4.2 MB
6.1.4. What we are starting with.mp4	12.0 MB
6.1.5. The Dev Toolbar.mp4	4.7 MB
6.1.6. Code fences & dynamic content.mp4	9.0 MB
6.1.7. Creating a base layout.mp4	14.8 MB
6.1.11. Creating a second page and navigation.mp4	14.8 MB
6.1.13. CSS and Astro.mp4	23.2 MB
6.1.14. Addind Sass to an Astro project.mp4	7.0 MB
6.1.15. Scoped styles & Sass.mp4	4.9 MB
6.1.17. Defining a content collection.mp4	16.7 MB
6.1.18.1. Using a content collection.mp4	23.6 MB
6.1.18.2. Using a content collection.mp4	14.6 MB
7. Creating a base layout.html	1.5 MB
8. Prop basics.html	1.4 MB
9. Creating a base head file.html	1.4 MB
10. When props and values have the same name.html	1.4 MB
11. Creating a second page and navigation.html	1.5 MB
12. Project structure.html	1.4 MB
13. CSS and Astro.html	1.7 MB
14. Addind Sass to an Astro project.html	1.5 MB
15. Scoped styles & Sass.html	1.5 MB
16. Introduction to content collections.html	1.4 MB
17. Defining a content collection.html	1.5 MB
18. Using a content collection.html	1.8 MB
Total files 381