Sass with auto-refresh (and more) made easy
Get updates and be the first to know when my Sass course launches: https://learnsass.com
Wanting to start using Sass, but the command line stuff seems scary? Thanks to Parcel, we can get it all up and running pretty painlessly. We will be diving into the command line here, but we're keeping it really easy!
Ready to start using Sass? In this video I look at using partials with @use and @forward: https://www.youtube.com/watch?v=wYWf2m_yzBQ&list=PL4-IK0AVhVjMYRhK9vRPatSlb-9r0aKgh&index=1
GitHub repo: https://github.com/kevin-powell/sass-made-easy
Parcel's documentation: https://parceljs.org/getting_started.html
NodeJS: https://nodejs.org
Create a column system with Sass: https://youtu.be/J4fAqATYEr0
Sass vs SCSS: https://youtu.be/TymGwiNMlh0
Build a portfolio site with Sass: https://youtube.com/playlist?list=PL4-IK0AVhVjNRKd4KBrXHpNtmMvR0qYz4
// Chapters
00:00 - Introduction
01:05 - Getting started with npm
04:23 - Installing Sass with npm
06:39 - Using Sass watch
08:25 - Why bother with Parcel
09:07 - Installing and setting up Parcel
12:31 - Running Parcel
#sass #scss
--
Come hang out with other dev's in my Discord Community
💬 https://discord.gg/nTYCvrK
---
Keep up to date with everything I'm up to
✉ https://www.kevinpowell.co/newsletter
---
Help support my channel
👨🎓 Get a course: https://www.kevinpowell.co/courses
👕 Buy a shirt: https://teespring.com/stores/making-the-internet-awesome
💖 Support me on Patreon: https://www.patreon.com/kevinpowell
---
My editor: VS Code - https://code.visualstudio.com/
---
I'm on some other places on the internet too!
If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter.
Instagram: https://www.instagram.com/kevinpowell.co/
Twitter: https://twitter.com/KevinJPowell
Codepen: https://codepen.io/kevinpowell/
Github: https://github.com/kevin-powell
---
And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome!
Видео Sass with auto-refresh (and more) made easy канала Kevin Powell
Wanting to start using Sass, but the command line stuff seems scary? Thanks to Parcel, we can get it all up and running pretty painlessly. We will be diving into the command line here, but we're keeping it really easy!
Ready to start using Sass? In this video I look at using partials with @use and @forward: https://www.youtube.com/watch?v=wYWf2m_yzBQ&list=PL4-IK0AVhVjMYRhK9vRPatSlb-9r0aKgh&index=1
GitHub repo: https://github.com/kevin-powell/sass-made-easy
Parcel's documentation: https://parceljs.org/getting_started.html
NodeJS: https://nodejs.org
Create a column system with Sass: https://youtu.be/J4fAqATYEr0
Sass vs SCSS: https://youtu.be/TymGwiNMlh0
Build a portfolio site with Sass: https://youtube.com/playlist?list=PL4-IK0AVhVjNRKd4KBrXHpNtmMvR0qYz4
// Chapters
00:00 - Introduction
01:05 - Getting started with npm
04:23 - Installing Sass with npm
06:39 - Using Sass watch
08:25 - Why bother with Parcel
09:07 - Installing and setting up Parcel
12:31 - Running Parcel
#sass #scss
--
Come hang out with other dev's in my Discord Community
💬 https://discord.gg/nTYCvrK
---
Keep up to date with everything I'm up to
✉ https://www.kevinpowell.co/newsletter
---
Help support my channel
👨🎓 Get a course: https://www.kevinpowell.co/courses
👕 Buy a shirt: https://teespring.com/stores/making-the-internet-awesome
💖 Support me on Patreon: https://www.patreon.com/kevinpowell
---
My editor: VS Code - https://code.visualstudio.com/
---
I'm on some other places on the internet too!
If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter.
Instagram: https://www.instagram.com/kevinpowell.co/
Twitter: https://twitter.com/KevinJPowell
Codepen: https://codepen.io/kevinpowell/
Github: https://github.com/kevin-powell
---
And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome!
Видео Sass with auto-refresh (and more) made easy канала Kevin Powell
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![Stop using @import with Sass | @use and @forward explained](https://i.ytimg.com/vi/CR-a8upNjJ0/default.jpg)
![Front-end dev reacts to amazing CSS-only Codepens](https://i.ytimg.com/vi/CG__N4SS1Fc/default.jpg)
![From idea to layout: How I approach designing a site](https://i.ytimg.com/vi/KYFwcIRx16g/default.jpg)
![Responsive design made easy](https://i.ytimg.com/vi/bn-DQCifeQQ/default.jpg)
![](https://i.ytimg.com/vi/pyQpTCH7fy4/default.jpg)
![6 simple typography tips to more professional looking sites](https://i.ytimg.com/vi/6ardZEhjvV0/default.jpg)
![Flexbox design patterns you can use in your projects](https://i.ytimg.com/vi/vQAvjof1oe4/default.jpg)
![I Challenged The CSS King To A CSS Battle](https://i.ytimg.com/vi/-QgJgZCJvo4/default.jpg)
![Module Bundlers Explained... Webpack, Rollup, Parcel, and Snowpack](https://i.ytimg.com/vi/5IG4UmULyoA/default.jpg)
![Fun outline animations!](https://i.ytimg.com/vi/3LlLkapKw6Q/default.jpg)
![Sass Crash Course](https://i.ytimg.com/vi/nu5mdN2JIwM/default.jpg)
![Step up your front-end skills with these 5 resources](https://i.ytimg.com/vi/QqDH5sYzDS8/default.jpg)
![Must Know JavaScript Bundler - Parcel](https://i.ytimg.com/vi/DblzpCoPakw/default.jpg)
![5 Sass features that make it better than vanilla CSS](https://i.ytimg.com/vi/g1kF45K-q7o/default.jpg)
![Container queries are possible!](https://i.ytimg.com/vi/fuiEYR6Hoe0/default.jpg)
![sass vs scss - what's the difference and which should you use?](https://i.ytimg.com/vi/TymGwiNMlh0/default.jpg)
![How to pick the right combinator](https://i.ytimg.com/vi/B-eM50GBB1Y/default.jpg)
![You can do that with one line of HTML?!](https://i.ytimg.com/vi/Dr-dVbzZDf0/default.jpg)
![Get your stylesheets more organized with Sass partials](https://i.ytimg.com/vi/9Ld-aOKsEDk/default.jpg)
![CSS Card with hover animation and mobile fallback](https://i.ytimg.com/vi/5DEq5cWNYt8/default.jpg)