4.8 KiB
4.8 KiB
Course Listings | Completed
Business
30 Years of Marketing Knowledge in 53 Minutes
Computer Science
Sass Tutorial for Beginners - CSS With Superpowers
- Curr: https://youtu.be/_a5j7KoflTs?si=xV2flV9yC287zA8i&t=6654
- Main: Sass Tutorial for Beginners - CSS With Superpowers
Contents
- intro
- 00:58 what is sass?
- 01:24 requirements
- 02:14 install/setup live sass compiler vs code
- 04:03 folder structure / sass syntax
- 08:07 variables
- 10:03 maps
- 16:54 partials
- 19:40 functions
- 21:31 mixin example 1
- 24:27 mixin example 2
- 28:00 mixin example 3
- 30:21 extend
- 32:07 math operations
- 33:50 how to learn more (documentation)
- 34:02 real world example from scratch (portfolio site)
- 34:38 index.html
- 40:36 Font Awesome setup
- 41:29 main.scss / _config.scss
- 48:22 home.scss
- 52:56 transition ease mixin
- 54:24 text color function
- 57:10 _menu.scss
- 01:02:38 main.js
- 1:06:09 menu cont.
- 1:19:38 about.html
- 1:23:52 _about.scss
- 1:30:37 projects.html
- 1:35:05 _projects.scss
- 1:43:57 contact.html
- 1:47:09 _contact.scss current
- 1:49:58 _responsive.scss
- 2:01:35 deploy on github pages
Notes
-
Django Tutorial
- set up templates properly https://docs.djangoproject.com/en/5.1/ref/templates/language/