Thank you for this video tutorial!! There's little out there on PostCSS. An important note on Project Two: running gulp after npm install didn't work for me. Going to the person who created the boilerplate for this tutorial you run: npm install --global gulp-cli and it works after that.
Hi Sid - thanks for the suggestion. I've seen a few other UA-camrs do that, something I plan on eventually doing. At the moment I'm creating a series of Vue, Nuxt, React and Next courses. So probably won't be doing anything else for the next 6 months.
Hi!! Nice explanation and easy to follow. I would highly recommend to fix your audios before you upload them. There are a lot of whistles because of the ssss sound. With earplugs are kind of hard to hear for a long time. But really very nice video! 👌
I don't understand what we are gaining by using "postcss-partial-import" plugin. Running the command simply with only the "postcss-import" apparently produces the same result
@@pixelrocket66 Sorry for my delayed response. Yes, < MINGW64 ~/_Node/UTILITIES/ROCKET/projectwo-completed $ gulp> results in "bash: gulp: command not found" I also tried running it with Powerpoint and the Windows cli. The result was the same. One thing though: After unzipping your postcss-pixelrocket-resources directory, I _did_ copy/paste the "projectwo-completed" folder, to make it into a separate stand-alone directory before running . I figured this would be ok because its got its own package.json file, etc. Is it possible that this is the probem?
I agree. I see too many devs thinking it has to be PostCSS OR Sass. There's no need for that. I use Sass for CSS preprocessing, and then I use PostCSS for the postprocessing.
@@thiagosilvaloopes Depends on what you are comparing it to and also what your build tool is. Sass + Postcss will take longer to recompile your source code than if you were just using Postcss. But if you use a modern build tool like Vite, you might not see much of a difference in build performance.
@@pixelrocket66 Got it! Thank you! I've been using only vite since I've discovered it, and honestly not turning back from it on new projects 😁 But I see you use Parcel a lot of times don't you? Why him instead of Vite? What's the pros e cons from each one? That could become a nice video 😅😊
Thanks for the detailed tutorial. So far my #1 tutorial of PostCSS. I have a question though. if I do not use postcss-partial-import still works fine. All my files are underscored. It looks like postcss-import plugin does the job. So then why you need this partial plugin?
Yeah, I think the various plugins have changed since I recorded this. I'm going to be rerecording this crash course in early 2023. For now, I would say if all works fine without a plugin for you, then simply leave out that plugin.
Thanks, Thanks Thanks, Thank you so much. I need this video badly but on youtube here don't have that many Resources videos. And now got this. Some doubt cleared But I want to create postCSS plugging So how can j do that do you have any Ideas or videos 🙂
I'm glad you like it! I do plan on doing a PostCSS plugin eventually. I've never created one myself, but it's just Javascript. I would follow the official documents for creating a plugin: github.com/postcss/postcss/blob/main/docs/writing-a-plugin.md
@@pixelrocket66 Yeap Thanks, let's try I'm gonna surely try for this. And if you want to create one I'm gonna contribute if I learned properly . Thank you so much. But actually, I'm not a professional developer so I still need experience and knowledge If you Make any tutorial playlist then it's gonna very helpful fr us.
If you enjoyed the video, then let me know in the comments what type of PostCSS videos you'd like me to create!
You explained it in a very simplified. Watched alot other videos but one yours was understandable (being a beginner) ... Love your teaching method.
Thank you! Glad you enjoyed it!
thanks, very useful notions on postcss !! 🙌
Glad you enjoyed it!
concise, easy to understand, very good for a beginner. nice work. thank you.
You're very welcome!
Thank you for this video tutorial!! There's little out there on PostCSS.
An important note on Project Two: running gulp after npm install didn't work for me. Going to the person who created the boilerplate for this tutorial you run: npm install --global gulp-cli and it works after that.
Thanks for the info!
thank you sir i was just waiting for that , i want to suggest to you to do a series about cloning some codepen designs
Hi Sid - thanks for the suggestion. I've seen a few other UA-camrs do that, something I plan on eventually doing. At the moment I'm creating a series of Vue, Nuxt, React and Next courses. So probably won't be doing anything else for the next 6 months.
@@pixelrocket66 ok very nice . i gonna wait for the react.js and next.js courses
@@sidben7048 Great!
very very usefull topic POSTCSS thanks i was looking for it for long time
Glad you liked it!
Hi!! Nice explanation and easy to follow. I would highly recommend to fix your audios before you upload them. There are a lot of whistles because of the ssss sound. With earplugs are kind of hard to hear for a long time.
But really very nice video! 👌
Thanks for the tips!
I don't understand what we are gaining by using "postcss-partial-import" plugin. Running the command simply with only the "postcss-import" apparently produces the same result
Hi. I opened "projectwo," "ran npm install" then ran "gulp" The terminal responded with: "bash: gulp: command not found" Please help.
Hi Jeff - were you in the root of your project folder (in your terminal)?
@@pixelrocket66 Sorry for my delayed response. Yes, < MINGW64 ~/_Node/UTILITIES/ROCKET/projectwo-completed $ gulp> results in "bash: gulp: command not found" I also tried running it with Powerpoint and the Windows cli. The result was the same. One thing though: After unzipping your postcss-pixelrocket-resources directory, I _did_ copy/paste the "projectwo-completed" folder, to make it into a separate stand-alone directory before running . I figured this would be ok because its got its own package.json file, etc. Is it possible that this is the probem?
While autoprefixer is critical and using new features is temping, I'm not sure I'm comfortable abandoning SCSS. But this was super informative!!
I agree. I see too many devs thinking it has to be PostCSS OR Sass. There's no need for that. I use Sass for CSS preprocessing, and then I use PostCSS for the postprocessing.
Yeah, I think is so much easier use both for their different coverages.
@@pixelrocket66, using both Sass & post CSS can affect negatively on build performance?
@@thiagosilvaloopes Depends on what you are comparing it to and also what your build tool is. Sass + Postcss will take longer to recompile your source code than if you were just using Postcss. But if you use a modern build tool like Vite, you might not see much of a difference in build performance.
@@pixelrocket66 Got it! Thank you! I've been using only vite since I've discovered it, and honestly not turning back from it on new projects 😁
But I see you use Parcel a lot of times don't you? Why him instead of Vite? What's the pros e cons from each one? That could become a nice video 😅😊
Thanks for the detailed tutorial. So far my #1 tutorial of PostCSS. I have a question though. if I do not use postcss-partial-import still works fine. All my files are underscored. It looks like postcss-import plugin does the job. So then why you need this partial plugin?
Yeah, I think the various plugins have changed since I recorded this. I'm going to be rerecording this crash course in early 2023. For now, I would say if all works fine without a plugin for you, then simply leave out that plugin.
great video can you make a video on postcss and sass working together in vite?
Great idea! Definitely will release something in the future on those two.
Thanks, Thanks Thanks, Thank you so much.
I need this video badly but on youtube here don't have that many Resources videos.
And now got this.
Some doubt cleared But I want to create postCSS plugging So how can j do that do you have any Ideas or videos 🙂
I'm glad you like it! I do plan on doing a PostCSS plugin eventually. I've never created one myself, but it's just Javascript. I would follow the official documents for creating a plugin: github.com/postcss/postcss/blob/main/docs/writing-a-plugin.md
@@pixelrocket66 Yeap Thanks, let's try
I'm gonna surely try for this. And if you want to create one I'm gonna contribute if I learned properly .
Thank you so much. But actually, I'm not a professional developer so I still need experience and knowledge
If you Make any tutorial playlist then it's gonna very helpful fr us.
@@mdkawsarislamyeasin4040 Okay, great and good luck!
This is good content
thank you!