filmov
tv
STOP Using Plain CSS NOW | How to Add SCSS/SASS to an Angular Web App
Показать описание
In this video, we talk about SASS/SCSS and dive deeper into relevant topics such as mixins, inheritance, variables, functions, and more! We also begin our "building a blog application" journey by applying some SCSS topics to the app to add some styling. After watching, you'll know how to add scss to a web app and get started styling your own website.
Check out our Podcast!
SASS Pre-Built Functions:
Add SCSS in Existing Angular App:
tailwindcss:
WATCH NEXT:
Check out our website for more great tutorials and content!
KEEP UP with @smallbatchdevs on SOCIAL MEDIA!
Check out all our Github Repositories for these episodes:
00:00 Intro
00:10 Why Use SASS?
00:33 What is SCSS/SASS?
01:05 SCSS Nesting
01:40 SCSS Mixins
02:10 SCSS Inheritance
02:45 SCSS Operators
03:10 SCSS Prebuilt Functions
03:34 What is the difference between SCSS and SASS?
04:22 Install SCSS
04:50 Implement SCSS in App / Demo
06:08 Setup SCSS File Watcher in Intellij
07:11 Adobe Mockup
07:40 Code Montage
08:14 Code Explanation
09:04 Code Montage
09:15 Code Explanation
11:15 Code Explanation
12:50 Code Explanation
12:57 Outro
#css #sass #scss
Music Credit: 'Low Frequency Music'
Track Name: 'Good Day'
Check out our Podcast!
SASS Pre-Built Functions:
Add SCSS in Existing Angular App:
tailwindcss:
WATCH NEXT:
Check out our website for more great tutorials and content!
KEEP UP with @smallbatchdevs on SOCIAL MEDIA!
Check out all our Github Repositories for these episodes:
00:00 Intro
00:10 Why Use SASS?
00:33 What is SCSS/SASS?
01:05 SCSS Nesting
01:40 SCSS Mixins
02:10 SCSS Inheritance
02:45 SCSS Operators
03:10 SCSS Prebuilt Functions
03:34 What is the difference between SCSS and SASS?
04:22 Install SCSS
04:50 Implement SCSS in App / Demo
06:08 Setup SCSS File Watcher in Intellij
07:11 Adobe Mockup
07:40 Code Montage
08:14 Code Explanation
09:04 Code Montage
09:15 Code Explanation
11:15 Code Explanation
12:50 Code Explanation
12:57 Outro
#css #sass #scss
Music Credit: 'Low Frequency Music'
Track Name: 'Good Day'
0:13:26
STOP Using Plain CSS NOW | How to Add SCSS/SASS to an Angular Web App
0:01:00
Stop Using Pixels/Rems/Percentages To Define Widths In CSS
0:00:54
This New CSS Property Is Simple Yet Useful
0:00:26
use the gap css property more please
0:21:35
Stop fighting with CSS positioning
0:15:01
Stop fighting with CSS by taking advantage of these tools
0:00:59
How to avoid blending issues by using CSS Isolation Property
0:09:39
10 CSS Pro Tips - Code this, NOT that!
0:50:00
Build an AI Video Creator with Vibe Coding LIVE! 🚀 Stop Tutorials, Do it with Vibe Coding Now
0:00:59
Simplest CSS reset to prevent headaches
0:00:45
2 ways to improve your list styling with CSS
0:00:59
Stop Wasting Time with Rem Units | Use This CSS Trick Instead #shorts
0:00:58
Stop HTML,CSS😨Learn this & Become FrontEnd developer🔥🤧
0:01:00
Avoid making this mistake in your CSS
0:01:00
Truncate Text With Pure CSS | #shorts
0:15:30
Stop using Chrome if you're writing CSS
0:00:23
🛑 Using This CSS Rule | Coding Tips #shorts
0:00:10
Mouse Move Effect Pure CSS ❄ #shorts #css
0:01:00
5 Basic CSS Tips For Newbies
0:41:44
MAKERS & BUILDERS - Write better CSS by stopping writing any more CSS!Utility-first with Tailwin...
0:00:26
CSS media queries are so simple 🙌🏼 #css #frontend
0:07:47
Should You Use Tailwind CSS?
0:00:18
Use the :is() pseudo-class in CSS for cleaner nested selectors
0:19:38
From Bootstrap to CSS Grid: Move Forward Without Breaking Anything! - Natalya Shelburne
Комментарии