▲
0
0

report

Kevin Powell | Beyond CSS [FCO]

seeders: 13
leechers: 1
Download torrent
Added 2 years ago by Prom3th3uS in Other
Download Fast Safe Anonymous
movies, software, shows...

Files

Kevin Powell | Beyond CSS [FCO] (Size: 3.57 GB)
  0. Websites you may like
  1. OneHack.us Premium Cracked Accounts-Tutorials-Guides-Articles Community Based Forum.url 377 B
  2. FTUApps.com Download Cracked Developers Applications For Free.url 239 B
  Free Premium Accounts at OfficialMrB.com.txt 650 B
  1. WELCOME
  01. Introduction to the course.html 1.6 MB
  02. Making the most out of this course.html 1.3 MB
  03. Software.html 1.31 MB
  04. Challenges & projects.html 1.3 MB
  1. Introduction to the course.mp4 26.78 MB
  2. MODULE 1
  1. INTRODUCTION TO SASS
  1. Introduction to Sass. What is Sass.html 1.11 MB
  2. Installing Sass .html 1.58 MB
  2.1.1. Installing Sass .mp4 12.75 MB
  2.1.2. Making sure Sass is working.mp4 14.34 MB
  2.1.3. Watching files.mp4 10.18 MB
  2.1.4. What are source maps.mp4 9.53 MB
  3. Making sure Sass is working.html 1.66 MB
  4. Watching files.html 1.62 MB
  5. Sass vs SCSS.html 1.36 MB
  6. Sass vs. CSS comments.html 1.32 MB
  7. What are source maps.html 1.74 MB
  8. Getting to the good stuff.html 1.3 MB
  2. NESTING
  1. A core feature of Sass.html 1.11 MB
  10. Nesting challenge #3.html 1.3 MB
  11. Nesting media queries.html 1.38 MB
  12. Staying organized.html 1.34 MB
  2. Sass vs SCSS nesting.html 1.33 MB
  2.2.1. The parent selector.mp4 6.05 MB
  2.2.2. Avoiding specificity issues with nesting.mp4 8.76 MB
  2.2.3. Using a trailing.mp4 18.77 MB
  3. The parent selector.html 1.7 MB
  4. Nesting challenge 1.html 1.3 MB
  5. Nesting properties.html 1.35 MB
  6. Nesting can cause problems.html 1.33 MB
  7. Avoiding specificity issues with nesting.html 1.63 MB
  8. Nesting challenge #2.html 1.3 MB
  8.1 Nesting challenge #2.html 63.08 KB
  9. Using a trailing.html 1.47 MB
  3. VARIABLES
  1. Those things that start with a $.html 1.1 MB
  2. Variables defined by variables.html 1.32 MB
  2.3.1. Variable challenge.mp4 28.37 MB
  2.3.2. Variables vs. Custom Properties.mp4 13.66 MB
  3. Variables and the cascade.html 1.41 MB
  4. Use cases for variables.html 1.34 MB
  5. Variable challenge.html 1.58 MB
  6. Variables vs. Custom Properties.html 1.45 MB
  4. SASS AND COLORS
  1. Sass takes over some of the CSS color functions.html 1.15 MB
  2. Problems to avoid.html 1.35 MB
  2.4.1. Color functions and custom properties.mp4 12.18 MB
  3. Color functions with variables.html 1.32 MB
  4. Color functions and custom properties.html 1.51 MB
  5. PRACTICE PROJECT - PRICING TABLE
  1. Before we get started.html 1.23 MB
  2. Getting started.html 1.62 MB
  2.5.1. Before we get started.mp4 40.58 MB
  2.5.2. Setting things uo.mp4 15.97 MB
  2.5.3. The HTML.mp4 11.74 MB
  2.5.4. Pricing Table - Reset and Base Styles.mp4 19.69 MB
  2.5.5. Styling the page.mp4 48.82 MB
  2.5.6. Creating the inverted color scheme (a challenge).mp4 7.6 MB
  2.5.7. Creating the button hover and focus states (a challenge).mp4 9.69 MB
  3. Setting up the variables and how I name mine.html 1.3 MB
  4. A simple reset and base styles.html 1.45 MB
  5. Styling the page.html 1.44 MB
  6. Creating the inverted color scheme (a challenge).html 1.45 MB
  7. Creating the button hover and focus states (a challenge).html 1.45 MB
  6. EXTENDS
  1. What are they and why are they useful.html 1.11 MB
  2. Placeholders.html 1.38 MB
  2.6.1. Why extends can be dangerous.mp4 8.49 MB
  3. Nesting with extends.html 1.33 MB
  4. Why extends can be dangerous.html 1.52 MB
  7. MIXINS
  1. An introduction.html 1.15 MB
  2. Mixins vs. Extends.html 1.44 MB
  2.7.1. Mixins vs. Extendsb.mp4 6.51 MB
  2.7.2. Maxin arguments.mp4 9.68 MB
  2.7.3. Optional arguments.mp4 5.74 MB
  2.7.4. Challenge.mp4 17.05 MB
  3. Selectors inside of mixins.html 1.35 MB
  4. The basics of arguments.html 1.55 MB
  5. Optional arguments.html 1.54 MB
  6. Challenge.html 1.45 MB
  8. INTERPOLATION
  1. Using variables in different places.html 1.28 MB
  2. Doing some math.html 1.34 MB
  2.8.1. Using variables in different places.mp4 7.17 MB
  2.8.2.1. Two challenges.mp4 6.74 MB
  2.8.2.2. Two challenges.mp4 16.52 MB
  2.8.3. Nested children and &.mp4 27.49 MB
  3. Two challenges.html 1.64 MB
  4. Nested children and &.html 1.52 MB
  9. PRACTICE PROJECT - PRODUCT CARDS
  1. Introduction to the project.html 1.98 MB
  2. The HTML and basic page structure.html 1.47 MB
  2.9.1. The HTML and basic page structure.mp4 48.21 MB
  2.9.2. Getting info from Figma.mp4 9.09 MB
  2.9.3.1. Even columns.mp4 14.23 MB
  2.9.3.2. Utility classes.mp4 23.22 MB
  2.9.4. Styling the product card.mp4 28.55 MB
  2.9.5. Positioning the button.mp4 37.48 MB
  2.9.6. The category card.mp4 25.47 MB
  3. Variables, placeholders, mixins.html 1.46 MB
  4. The base, composition, and utility styles.html 1.6 MB
  5. The product card.html 1.49 MB
  6. Positioning the button.html 1.45 MB
  7. The category card.html 1.45 MB
  3. MODULE 2
  1. BUILT-IN SASS FUNCTIONS
  1. Modules and functions.html 1.07 MB
  2. The Sass color module.html 1.48 MB
  3. 3 mini-challenges.html 1.37 MB
  3.1. The Sass color module.mp4 16.13 MB
  2. LOOPS
  1. An introduction.html 1.07 MB
  2. @for. In action.html 2.04 MB
  3. @for. A challenge.html 1.47 MB
  3.2.2.1. @for. In action.mp4 6.68 MB
  3.2.2.2. @for. In action. Column-count.mp4 8.45 MB
  3.2.2.3. @for. In action. Column-count.mp4 4.4 MB
  3.2.2.4. @for. In action. Grid based system.mp4 20.55 MB
  3.2.3.1. @for. A challenge.mp4 14.38 MB
  3.2.4.1. @EACH In action.mp4 2.07 MB
  3.2.5.1. @each. With nested lists.mp4 5.42 MB
  4. @each. In action.html 1.47 MB
  5. @each. With nested lists.html 1.48 MB
  6. @each. A challenge.html 1.32 MB
  3. @IF, @ELSE, @IF ELSE, AND IF()
  1. @if, @else, @if else, and if() Adding logic to our stylesheets.html 1.25 MB
  2. @if In action.html 1.52 MB
  3. @else In action.html 1.33 MB
  3.3.1. @if, @else, @if else, and if() Adding logic to our stylesheets.mp4 9.56 MB
  3.3.2. @if In action.mp4 5.94 MB
  3.3.3. @if @else A challenge.mp4 5.79 MB
  3.3.4. @if Refactoring our ui-component mixin.mp4 6.84 MB
  4. @if @else A challenge.html 1.48 MB
  5. @else if When @if and @else isn't enough.html 1.37 MB
  6. if() Another type of ifelse statement.html 1.32 MB
  7. @if Refactoring our ui-component mixin.html 1.54 MB
  4. FUNCTIONS
  1. Functions Creating your own functions.html 1.28 MB
  2. Functions In action.html 1.49 MB
  3. Functions Warnings, errors, and debugging.html 1.59 MB
  3.4.1. Functions Creating your own functions.mp4 5.29 MB
  3.4.2. Functions In action.mp4 8.07 MB
  3.4.3.1. Functions Warnings, errors, and debugging.mp4 11.92 MB
  3.4.3.2. Functions Warnings, errors, and debugging.mp4 11.35 MB
  5. ADVANCED MIXINS
  1. Arbitrary arguments.html 1.44 MB
  2. @content.html 1.56 MB
  3. A challenge.html 1.34 MB
  3.5.1.1. Arbitrary arguments.mp4 5.17 MB
  3.5.1.2. Arbitrary arguments.mp4 8.37 MB
  3.5.2. @content.mp4 4.9 MB
  6. MAPS
  1. A fancy list.html 1.4 MB
  2. An easier way to access them.html 1.52 MB
  3. Nested maps.html 1.67 MB
  3.6.1.1. A fancy list.mp4 12.6 MB
  3.6.1.2. A fancy list.mp4 8.72 MB
  3.6.2. An easier way to access them.mp4 11.68 MB
  3.6.3.1. Nested maps.mp4 5.21 MB
  3.6.3.2. Nested maps.mp4 7.35 MB
  3.6.4. Accessing map values with loops.mp4 18.58 MB
  3.6.5. map.has-key() and errors.mp4 8.54 MB
  4. Accessing map values with loopsb.html 1.54 MB
  5. map.has-key() and errors.html 1.48 MB
  6. A challenge.html 1.36 MB
  7. Challenge solution.html 1.35 MB
  4. MODULE 3
  1. @USE AND @FORWARD
  1. Building our own Sass modules.html 1.4 MB
  2. Using, and name-spacing, our partial files.html 1.57 MB
  3. @use challenges.html 1.3 MB
  4. @forward.html 1.6 MB
  4.1.1.1. Building our own Sass modules.mp4 6.75 MB
  4.1.1.2. Building our own Sass modules.mp4 9.34 MB
  4.1.2.1. Using, and name-spacing, our partial files.mp4 5.67 MB
  4.1.4.1. @forward.mp4 8.96 MB
  4.1.4.2. @forward.mp4 6.61 MB
  4.1.6.1. Why bother with partial files.mp4 5.67 MB
  5. What happened to @import.html 1.3 MB
  6. Why bother with partial files.html 1.45 MB
  2. VITE
  1. Introduction to Vite.html 1.07 MB
  2. Getting started with Vite.html 1.75 MB
  3. Setting up Vite for multiple pages.html 1.76 MB
  4. Getting our projects online.html 1.54 MB
  4.2.2.1. Getting started with Vite.mp4 12.14 MB
  4.2.2.2. Getting started with Vite.mp4 9.41 MB
  4.2.2.3. Getting started with Vite.mp4 6.88 MB
  4.2.3.1. Setting up Vite for multiple pages.mp4 17.16 MB
  4.2.3.2. Setting up Vite for multiple pages.mp4 8.98 MB
  4.2.3.3. Setting up Vite for multiple pages.mp4 21.5 MB
  4.2.4. Getting our projects online.mp4 30.26 MB
  3. ARCHITECTURE
  1. Staying Organized.html 1.08 MB
  2. A good starting point.html 1.47 MB
  3. Creating a template.html 1.46 MB
  4.3.2. A good starting point.mp4 53.77 MB
  4.3.3. Creating a template.mp4 7.49 MB
  4 USING THE TEMPLATE
  1. Creating a new project from the template.html 1.24 MB
  2. Refactoring the pricing table project.html 2.09 MB
  3. Updating the template.html 2 MB
  4.4.1. Creating a new project from the template.mp4 8.61 MB
  4.4.2.1. Refactoring the pricing table project.mp4 21.68 MB
  4.4.2.2. Refactoring the pricing table project.mp4 5.22 MB
  4.4.2.3. Refactoring the pricing table project.mp4 7.14 MB
  4.4.2.4. Refactoring the pricing table project.mp4 6.08 MB
  4.4.2.5. Refactoring the pricing table project.mp4 81.01 MB
  4.4.3.1. Updating the template.mp4 10.33 MB
  4.4.3.2. Updating the template.mp4 19.46 MB
  4.4.3.3. Updating the template.mp4 12.81 MB
  4.4.3.4. Updating the template.mp4 13.85 MB
  5. PROJECT
  1. Starting a new project using our template.html 1.27 MB
  10. Improving the buttons.html 1.45 MB
  11. Design tweaks.html 1.75 MB
  12. Fixing the flex-group.html 1.45 MB
  13. The figures.html 1.45 MB
  14. The testimonial cards.html 1.45 MB
  15. Finishing touches.html 1.45 MB
  2. Analyzing the design.html 1.45 MB
  3. Setting up the abstracts.html 3.35 MB
  4. New utilities and generic layouts.html 2.21 MB
  4.5.1. Starting a new project using our template.mp4 15.17 MB
  4.5.10. Improving the buttons.mp4 6.92 MB
  4.5.11.1. Design tweaks.mp4 9.61 MB
  4.5.11.2. Design tweaks.mp4 19.29 MB
  4.5.11.3. Design tweaks.mp4 14.23 MB
  4.5.12. Fixing the flex-group.mp4 13.24 MB
  4.5.13. The figures.mp4 46.84 MB
  4.5.14. The testimonial cards.mp4 52.44 MB
  4.5.15. Finishing touches.mp4 20.7 MB
  4.5.2. Analyzing the design.mp4 46.84 MB
  4.5.3.1. Setting up the abstracts.mp4 8.36 MB
  4.5.3.2. Setting up the abstracts.mp4 7.88 MB
  4.5.3.3. Setting up the abstracts.mp4 36.69 MB
  4.5.4.1. New utilities and generic layouts.mp4 17.28 MB
  4.5.4.2. New utilities and generic layouts.mp4 11.78 MB
  4.5.4.3. New utilities and generic layouts.mp4 16.48 MB
  4.5.4.4. New utilities and generic layouts.mp4 10.16 MB
  4.5.4.5. New utilities and generic layouts.mp4 13.03 MB
  4.5.4.6. New utilities and generic layouts.mp4 12.82 MB
  4.5.5.1. The components.mp4 20.1 MB
  4.5.5.2. The components.mp4 72.58 MB
  4.5.6. Reset and base styles.mp4 7.02 MB
  4.5.7.1. Writing the HTML.mp4 4.62 MB
  4.5.7.2. Writing the HTML.mp4 20.03 MB
  4.5.7.3. Writing the HTML.mp4 15.72 MB
  4.5.7.4. Writing the HTML.mp4 19.02 MB
  4.5.7.5. Writing the HTML.mp4 14.63 MB
  4.5.7.6. Writing the HTML.mp4 11.7 MB
  4.5.7.7. Writing the HTML.mp4 16.33 MB
  4.5.8. Styling the header.mp4 26.36 MB
  4.5.9. Styling the hero.mp4 9.08 MB
  5. The components.html 1.62 MB
  6. Reset and base styles.html 1.45 MB
  7. Writing the HTML.html 2.88 MB
  8. Styling the header.html 1.45 MB
  9. Styling the hero.html 1.45 MB
  6. WRAP UP
  1. Updating our starter template.html 1.27 MB
  2. A faster way to use your template.html 1.45 MB
  3. What's next.html 1.29 MB
  4.6.1. Updating our starter template.mp4 59.85 MB
  4.6.2. A faster way to use your template.mp4 4.33 MB
  7. POSTCSS AND POSTCSS-PRESET-ENV
  1. Introduction.html 1.22 MB
  2. Getting started with PostCSS and postcss-present-env.html 2.21 MB
  4.7.1. Introduction.mp4 9.75 MB
  4.7.2.1. Getting started with PostCSS and postcss-present-env.mp4 7.52 MB
  4.7.2.2. Getting started with PostCSS and postcss-present-env.mp4 44.31 MB
  4.7.2.3. Getting started with PostCSS and postcss-present-env.mp4 27.99 MB
  4.7.2.4. Getting started with PostCSS and postcss-present-env.mp4 51.15 MB
  4.7.2.5. Getting started with PostCSS and postcss-present-env.mp4 24.4 MB
  4.7.2.6. Getting started with PostCSS and postcss-present-env.mp4 16.27 MB
  5. MODULE 4
  1. DESIGN SYSTEMS
  1. Introduction.html 1.07 MB
  10. Contextual & Component Sizes .html 1.76 MB
  11. Contextual color tokens.html 1.36 MB
  12. Body, buttons, and cards .html 1.96 MB
  13. The shadows and border-radius .html 1.68 MB
  14. The rest of the site.html 1.34 MB
  2. What is a design system.html 1.45 MB
  3. Design Tokens.html 1.76 MB
  4. Global Tokens and Private Members.html 1.6 MB
  5. Getting Started with our System.html 1.68 MB
  5.1.10.1. Contextual & Component Sizes .mp4 7.98 MB
  5.1.10.2. Contextual & Component Sizes .mp4 44.11 MB
  5.1.10.3. Contextual & Component Sizes .mp4 8.6 MB
  5.1.12.1. Body, buttons, and cards .mp4 37.94 MB
  5.1.12.2. Body, buttons, and cards .mp4 55.86 MB
  5.1.12.3. Body, buttons, and cards .mp4 20.31 MB
  5.1.12.4. Body, buttons, and cards .mp4 15.13 MB
  5.1.2. What is a design system.mp4 24.5 MB
  5.1.3.1. Design Tokens.mp4 23.27 MB
  5.1.3.2. Design Tokens.mp4 16.32 MB
  5.1.3.3. Design Tokens.mp4 16.66 MB
  5.1.4.1. Global Tokens and Private Members.mp4 10.15 MB
  5.1.4.2. Global Tokens and Private Members.mp4 7.62 MB
  5.1.5.1. Getting Started with our System.mp4 11.75 MB
  5.1.5.2. Getting Started with our System.mp4 4.22 MB
  5.1.6.1. Setting up our Colors.mp4 9.42 MB
  5.1.6.2. Setting up our Colors.mp4 13.47 MB
  5.1.6.3. Setting up our Colors.mp4 8.02 MB
  5.1.6.4. Setting up our Colors.mp4 11.15 MB
  5.1.7.1. Setting up the typography.mp4 42.15 MB
  5.1.7.2. Setting up the typography.mp4 12.5 MB
  5.1.7.3. Setting up the typography.mp4 12.92 MB
  5.1.7.4. Setting up the typography.mp4 14.43 MB
  5.1.7.5. Setting up the typography.mp4 14.79 MB
  6. Setting up our Colors.html 1.95 MB
  7. Setting up the typography.html 2.11 MB
  8. Setting up the sizes.html 1.31 MB
  9. File organization with design tokens.html 1.3 MB
  2. THEMING
  1. Intro to theming.html 1.07 MB
  2. Creating a new theme.html 1.45 MB
  3. Using our new theme.html 1.45 MB
  4. Improving the dark theme.html 1.3 MB
  5. Making the logo change with the color scheme.html 1.63 MB
  5.2.2. Creating a new theme.mp4 6.79 MB
  5.2.3. Using our new theme.mp4 5.59 MB
  5.2.5.1. Making the logo change with the color scheme.mp4 30.74 MB
  5.2.5.2. Making the logo change with the color scheme.mp4 23.41 MB
  5.2.6. Switching between themes.mp4 8.76 MB
  5.2.7. Fixing the utility classes.mp4 7.86 MB
  5.2.8.1. Manually toggling the themes.mp4 49.1 MB
  5.2.8.2. Manually toggling the themes.mp4 15.23 MB
  6. Switching between themes.html 1.45 MB
  7. Fixing the utility classes.html 1.45 MB
  8. Manually toggling the themes.html 1.62 MB
  9. What if you don't want a theme.html 1.3 MB
  3. REUSABILITY & CUSTOMIZATION
  1. Introduction.html 1.07 MB
  2. Reusability.html 1.3 MB
  3. Making the template your own.html 1.3 MB
  4. Prefixing.html 1.45 MB
  5. Categorizing your classes.html 1.3 MB
  5.3.4. Prefixing.mp4 26.22 MB
  4. PUTTING IT TO USE
  1. Introduction.html 1.08 MB
  10. The hero area.html 1.45 MB
  11. The about section.html 1.46 MB
  12. Rounding the image.html 1.45 MB
  13. The offset grid.html 1.45 MB
  14. Customizing the cards in the offset grid.html 1.64 MB
  15. Making decisions on how we use this system.html 1.44 MB
  16. Moving forward from here.html 1.44 MB
  2. What we will be working on.html 1.51 MB
  3. Getting started.html 1.44 MB
  4. The color abstracts.html 1.47 MB
  5. The typography abstracts.html 1.45 MB
  5.4.10. The hero area.mp4 16.23 MB
  5.4.11. The about section.mp4 60.05 MB
  5.4.12. Rounding the image.mp4 8.86 MB
  5.4.13. The offset grid.mp4 11.16 MB
  5.4.14.1. Customizing the cards in the offset grid.mp4 16.12 MB
  5.4.14.2. Customizing the cards in the offset grid.mp4 48.04 MB
  5.4.15. Making decisions on how we use this system.mp4 20.84 MB
  5.4.16. Moving forward from here.mp4 20.64 MB
  5.4.2. What we will be working on.mp4 9.11 MB
  5.4.3. Getting started.mp4 9.49 MB
  5.4.4. The color abstracts.mp4 44.38 MB
  5.4.5. The typography abstracts.mp4 10.79 MB
  5.4.7. Setting up our tokens.mp4 90.78 MB
  5.4.8. The HTML.mp4 53.06 MB
  5.4.9. Improving our buttons.mp4 9.79 MB
  6. Spacing and dark mode.html 1.3 MB
  7. Setting up our tokens.html 1.45 MB
  8. The HTML.html 1.49 MB
  9. Improving our buttons.html 1.45 MB
  6. MODULE 5
  1. INTRODUCTION TO ASTRO
  1. What is Astro.html 1.08 MB
  10. When props and values have the same name.html 1.3 MB
  11. Creating a second page and navigation.html 1.45 MB
  12. Project structure.html 1.3 MB
  13. CSS and Astro.html 1.6 MB
  14. Addind Sass to an Astro project.html 1.45 MB
  15. Scoped styles & Sass.html 1.48 MB
  16. Introduction to content collections.html 1.3 MB
  17. Defining a content collection.html 1.48 MB
  18. Using a content collection.html 1.68 MB
  2. Getting started with Astro.html 1.48 MB
  3. The Astro extension.html 1.44 MB
  4. What we are starting with.html 1.46 MB
  5. The Dev Toolbar.html 1.44 MB
  6. Code fences & dynamic content.html 1.54 MB
  6.1.11. Creating a second page and navigation.mp4 14.16 MB
  6.1.13. CSS and Astro.mp4 22.09 MB
  6.1.14. Addind Sass to an Astro project.mp4 6.72 MB
  6.1.15. Scoped styles & Sass.mp4 4.66 MB
  6.1.17. Defining a content collection.mp4 15.89 MB
  6.1.18.1. Using a content collection.mp4 22.54 MB
  6.1.18.2. Using a content collection.mp4 13.89 MB
  6.1.2. Getting started with Astro.mp4 10.64 MB
  6.1.3. The Astro extension.mp4 4.01 MB
  6.1.4. What we are starting with.mp4 11.46 MB
  6.1.5. The Dev Toolbar.mp4 4.47 MB
  6.1.6. Code fences & dynamic content.mp4 8.61 MB
  6.1.7. Creating a base layout.mp4 14.1 MB
  7. Creating a base layout.html 1.46 MB
  8. Prop basics.html 1.3 MB
  9. Creating a base head file.html 1.31 MB
  FreeCoursesOnline.me Download Udacity, Masterclass, Lynda, PHLearn, etc Free.url 290 B
  code.zip 79.74 MB

Description


Lynda and other Courses >>> https://freecoursesonline.me/
Forum for discussion >>> https://onehack.us/

https://get.freecoursesonline.me/wp-content/uploads/2024/04/Beyond-CSS.jpg?042148

Kevin Powell - Beyond CSS [FCO]

About

A course to help you learn how to wrangle your stylesheets, keeping them organized and scalable no matter the size of the project or how big your team is.

Beyond CSS is a course designed to help you use modern CSS and tools like Sass and PostCSS to manage stylesheets more effectively. A course that will help you learn how to organize and scale your style sheets, no matter the size of the project or the number of team members.

In-Detail

When we first start writing CSS, it’s pretty easy.

Change a background color here, change a font there.

As you improve, you might start building out individual components or small layouts from designs you find online, and things go pretty well.

You understand the basics of flexbox, grid, and positioning and you are feeling pretty confident.

You can create layouts and get the job done…

But as projects grow in size, things become a bit of a mess.

Every aspect of a project becomes harder to manage the larger the project is. And as more team members enter the picture, the difficulties raise exponentially.

Some things are easier to manage than others, and CSS is one of those things that is very easy for it to explode into a complex, unorganized, mess. And when you’re working in a team with varying degrees of comfort in writing CSS, thing can become a nightmare.

And that’s why there are so many 3rd party libraries and frameworks out there, as well as a bunch of different naming conventions.

Those all exist because writing CSS that can scale is hard, and it’s made harder by the ever growing list of technologies we can use to build our sites as well.

There is a better way

As CSS continues to grow as a language, things like custom properties and cascade layers are here to help us wrangle our CSS like we never could do before.

There are also other tools that have become industry standards such as Sass, PostCSS, and more that can help as well.

And in this course, I want to teach you how you can leverage modern CSS, and some of those other tools to create well-organized, and easy-to-scale projects that actually leave you and your team writing less CSS.

This is an advanced course that assumes you are comfortable writing CSS, but struggle with organization and scaling projects.

Instructor(s)

Hi, my name is Kevin

I started making websites back in the late 90s when I made a homepage for a Star Wars RPG that I helped run.

Even back then, my favorite part of making sites was figuring out how to make the site look like the planned design. Granted, how we had to make designs a reality was very different back then. Luckily things have changed a lot over the years, and we have much better solutions today!

CSS has changed a lot since then, but despite how much it has matured as a language, it would seem like the one thing that is always a struggle is figuring out the best way to write it at scale...

Media Information:

MP4 | Video: h264, 1920x1080p | Audio: AAC, 48.000 KHz, 2 Ch | Total files: 377 Files, 33 Folders
Genre: eLearning | Language: English | Last updated: 3/2024 | Duration: 186 Lessons ( 14h 34m 06s )

Course Source: https://www.beyondcss.dev/