This is a demo of how to setup OpenProps with SvelteKit. It covers: - Comparison with Tailwind - PostCSS config - Animations - Media queries - Using it in SvelteKit, Svelte's REPL and SvelteLab
Жүктеу.....
Пікірлер: 15
@KevinMacKenzie61Ай бұрын
Have to support my fellow Canadians.
@bmehder11 күн бұрын
I've been sleeping on OpenProps. Thanks for waking me up.
@josh_nussbaum
11 күн бұрын
It really is a joy to work with!
@keikukaАй бұрын
So good to see you here, Josh - thanks so much for sharing your great content! If you accept some feedback: The volume seems to be quite low on this one. Not a big deal, but at least I had to turn up to the max. Looking forward to being inspired by your work on here as well!
@josh_nussbaum
Ай бұрын
Thanks for the feedback! I'll play with the audio settings for the next one, still figuring out my OBS/Kdenlive setup. And let me know if you ever have any topics you'd like to see... 🙏
@JoaoVitorBRgomesАй бұрын
Awesome!
@fev4Ай бұрын
excellent! I believe svelte has a couple of nifty little features to apply css vars conditionally, but I'm not sure if this works with open props - also, was there no need to add lang="postcss"?
@josh_nussbaum
Ай бұрын
Thanks @fev4! Yes, I think you can set vars dynamically with `style:--var-name={someExpr}` and use them with open props. As for setting lang=, PostCSS is the default in SvelteKit. I tested this, by creating a custom PostCSS plugin to see if it gets called, and it did, regardless if the `lang` attribute was set
@abdellahcodesАй бұрын
Awesome video! +1 fellow vimer 🎉
@josh_nussbaum
Ай бұрын
Vim is the best 😁
@peopledrivemecrazyАй бұрын
🍁
@josh_nussbaum
Ай бұрын
What gave it away? Was it all the hockey sites suggested when I open a new Chrome tab 😅
Пікірлер: 15
Have to support my fellow Canadians.
I've been sleeping on OpenProps. Thanks for waking me up.
@josh_nussbaum
11 күн бұрын
It really is a joy to work with!
So good to see you here, Josh - thanks so much for sharing your great content! If you accept some feedback: The volume seems to be quite low on this one. Not a big deal, but at least I had to turn up to the max. Looking forward to being inspired by your work on here as well!
@josh_nussbaum
Ай бұрын
Thanks for the feedback! I'll play with the audio settings for the next one, still figuring out my OBS/Kdenlive setup. And let me know if you ever have any topics you'd like to see... 🙏
Awesome!
excellent! I believe svelte has a couple of nifty little features to apply css vars conditionally, but I'm not sure if this works with open props - also, was there no need to add lang="postcss"?
@josh_nussbaum
Ай бұрын
Thanks @fev4! Yes, I think you can set vars dynamically with `style:--var-name={someExpr}` and use them with open props. As for setting lang=, PostCSS is the default in SvelteKit. I tested this, by creating a custom PostCSS plugin to see if it gets called, and it did, regardless if the `lang` attribute was set
Awesome video! +1 fellow vimer 🎉
@josh_nussbaum
Ай бұрын
Vim is the best 😁
🍁
@josh_nussbaum
Ай бұрын
What gave it away? Was it all the hockey sites suggested when I open a new Chrome tab 😅
@peopledrivemecrazy
Ай бұрын
@@josh_nussbaum @10:04 :D