Using OpenProps with SvelteKit

Ғылым және технология

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
    @KevinMacKenzie61Ай бұрын

    Have to support my fellow Canadians.

  • @bmehder
    @bmehder11 күн бұрын

    I've been sleeping on OpenProps. Thanks for waking me up.

  • @josh_nussbaum

    @josh_nussbaum

    11 күн бұрын

    It really is a joy to work with!

  • @keikuka
    @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

    @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
    @JoaoVitorBRgomesАй бұрын

    Awesome!

  • @fev4
    @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

    @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
    @abdellahcodesАй бұрын

    Awesome video! +1 fellow vimer 🎉

  • @josh_nussbaum

    @josh_nussbaum

    Ай бұрын

    Vim is the best 😁

  • @peopledrivemecrazy
    @peopledrivemecrazyАй бұрын

    🍁

  • @josh_nussbaum

    @josh_nussbaum

    Ай бұрын

    What gave it away? Was it all the hockey sites suggested when I open a new Chrome tab 😅

  • @peopledrivemecrazy

    @peopledrivemecrazy

    Ай бұрын

    @@josh_nussbaum @10:04 :D

Келесі