Stylable.io - CSS Component Oriented Tool-Chain

CSS for Components! Open-source CSS preprocessor builds scoped, typed, cross-browser vanilla CSS. Yay, easy Components styling & performance. By @wixeng

[Stylable.io - CSS Component Oriented Tool-Chain @stylableio]

Excited to announce our recent launch of Stylable v5!

To learn what's new, check out our release post:
https://t.co/IWrnCf2Hm5

We'll be releasing more docs, more examples, more improvements, and more features in the near future. Stay tuned!
#stylable #css #webdev

[Wix Engineering @WixEng]

✅ Cool swags
✅ Super talented developers to meet
✅ @CoduxIDE hands-on demonstration
✅ Beautiful @stylableio stickers

Come and visit our booth at #ReactNext!

#ReactNext23

[Stylable.io - CSS Component Oriented Tool-Chain @stylableio]

Staying safe by using namespacing is usually a best practice in CSS, but sometimes reality gets in the way.
Every symbol that Stylable namespaces has an escape hatch, so you can go global when you really need to.

#Stylable #CSS #webdev

https://t.co/Kgpg25DGUS

[Stylable.io - CSS Component Oriented Tool-Chain @stylableio]

Beyond defining custom states, Stylable lets you define states with enum values for more complex use cases.
Enjoy code completion, validations and jumping directly to source from both your Stylable or TypeScript files.

https://t.co/6DG2Pf5ad7

#Stylable #CSS #webdev #TypeScript

[Stylable.io - CSS Component Oriented Tool-Chain @stylableio]

@marcin_codes @WixEng Hey @marcin_codes great to know you!
If you need any help - we're here.

[Stylable.io - CSS Component Oriented Tool-Chain @stylableio]

Great write-up by @sammagura about the cost of using CSS-in-JS. 🚀

https://t.co/rekBFDMkkP #CSS #webdev #performance

[Stylable.io - CSS Component Oriented Tool-Chain @stylableio]

Build your component design system using modular parts and inheritance. Stylable encourages working in small, reusable pieces, styling safely in layers from the outside in.

Theme > Variants > Components > Commons
https://t.co/AFBYu1sx7B

#Stylable #CSS #webdev #Components

[Stylable.io - CSS Component Oriented Tool-Chain @stylableio]

Stylable adds a module system to CSS, so you can safely share design tokens, mixins, variables and other reusable parts between projects and stylesheets.

Learn more: https://t.co/9aG3eux5TY
#Stylable #CSS #webdev

[Stylable.io - CSS Component Oriented Tool-Chain @stylableio]

Stylable treats local classes as parts of a component.

Import and extend them to customize inner parts of your components, across multiple levels, knowing that you are not breaking the component's API, and that the parts exist.

https://t.co/0tcfqn09rb

#Stylable #CSS #webdev

[Stylable.io - CSS Component Oriented Tool-Chain @stylableio]

In Stylable, more than class names are namespaced. Stylable namespaces all classes, custom-properties, keyframes and layers, so you don't have to.

Want to learn more about how it works? Check out the namespacing chapter in the handbook.
https://t.co/Kgpg25D95k

#Stylable #CSS

[Stylable.io - CSS Component Oriented Tool-Chain @stylableio]

A nice write-up by @davatron5000 on how to modernize scoping methodologies by leveraging what native #CSS has to offer.

https://t.co/O1wpyv7lnO

[Stylable.io - CSS Component Oriented Tool-Chain @stylableio]

Curious about the team behind the screen? Meet the Stylable team, @BarakiWix, @idoros and @RavivTom, pictured here taking a break by the river contemplating CSS and dreaming up stylesheets.

Wanna say hi? Ask a question? Pop by our https://t.co/3FrKuVL2kb server
#Stylable #CSS

[Stylable.io - CSS Component Oriented Tool-Chain @stylableio]

Looking to give Stylable a try? Jump right in with our create-stylable-app boilerplate, and get @typescript, @reactjs, and Stylable pre-configured and ready to go!

Check out our installation guide for further info:
https://t.co/btps3Vrxag

#Stylable #CSS #TypeScript #React

[Stylable.io - CSS Component Oriented Tool-Chain @stylableio]

Stylable generates dynamic types for its stylesheet definitions, meaning you get a typed CSS development experience with @typescript. Enjoy the speed and safety of completions and validations today.

#Stylable #StylableFeature #CSS #TypeScript

[Stylable.io - CSS Component Oriented Tool-Chain @stylableio]

With native-like syntax that transpiles away at build-time, Stylable enables the definition of semantic custom states in your CSS which can be controlled through JS.

Checkout out the API reference to learn more:
https://t.co/2ZUIKwsHrp

#Stylable #StylableFeature #CSS

[Stylable.io - CSS Component Oriented Tool-Chain @stylableio]

@rcvd_io @RoamResearch We happen to like the fourth option. 😉

[Stylable.io - CSS Component Oriented Tool-Chain @stylableio]

@Rashelle_Kosib from the team writing Stylable Components for all of Wix, with some really cool insights!

[Stylable.io - CSS Component Oriented Tool-Chain @stylableio]

Hello [email protected] ("Party Hedgehogs"), massaged into life by Barak, with love in his heart and qi in his chakras. https://t.co/asL4LTnVvQ

[Stylable.io - CSS Component Oriented Tool-Chain @stylableio]

Welcoming Rashelle to our team. She'll be developing new Stylable components that we'll use internally (and open source, of course) "and having tons of fun". And also her dog, Apollo, who's a bit of a JavaScript n00b, but we don't pay him.

[Stylable.io - CSS Component Oriented Tool-Chain @stylableio]

@jakubsynowiec Let us know how you get on!