CSS for Components! Open-source CSS preprocessor builds scoped, typed, cross-browser vanilla CSS. Yay, easy Components styling & performance. By @wixeng
Joined October 2017
- Tweets90
- Following20
- Followers200
- Likes78
Pinned Tweet
Excited to announce our recent launch of Stylable v5!
To learn what's new, check out our release post:
stylable.io/blog/welcome-to-…
We'll be releasing more docs, more examples, more improvements, and more features in the near future. Stay tuned!
#stylable #css #webdev
Stylable.io - CSS Component Oriented Tool-Chain retweeted
✅ Cool swags
✅ Super talented developers to meet
✅ @CoduxIDE hands-on demonstration
✅ Beautiful @stylableio stickers
Come and visit our booth at #ReactNext!
#ReactNext23
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
stylable.io/docs/guides/hand…
ALT Source code example showing the namespacing output for a normal Stylable stylesheet.
ALT Source code example showing the unescaped global output for an escaped Stylable stylesheet.
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.
stylable.io/docs/references/…
#Stylable #CSS #webdev #TypeScript
Great write-up by @sammagura about the cost of using CSS-in-JS. 🚀
dev.to/srmagura/why-were-bre… #CSS #webdev #performance
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
stylable.io/docs/guides/comp…
#Stylable #CSS #webdev #Components
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: stylable.io/docs/references/…
#Stylable #CSS #webdev
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.
stylable.io/docs/guides/hand…
#Stylable #CSS #webdev
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.
stylable.io/docs/guides/hand…
#Stylable #CSS
A nice write-up by @davatron5000 on how to modernize scoping methodologies by leveraging what native #CSS has to offer.
daverupert.com/2022/08/moder…
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 discord.com/invite/C5ZhENSbV… server
#Stylable #CSS
ALT A picture of the Stylable team by the Yarkon river in Tel-Aviv
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:
stylable.io/docs/getting-sta…
#Stylable #CSS #TypeScript #React
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
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:
stylable.io/docs/references/…
#Stylable #StylableFeature #CSS
Hello [email protected] ("Party Hedgehogs"), massaged into life by Barak, with love in his heart and qi in his chakras. github.com/wix/stylable/rele…
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.
Our very own @brucel's closing keynote. Warning: swearing, Rembrandt and naked feet. xitter.gq/cssdayconf/status/1014…
📽️ Next up on our Vimeo channel: @brucel with an informative (and hilarious!) closing talk on the elephant in the room. CSS-in-JS: FTW || WTF? #cssday #css #js #react
Slides: noti.st/brucelawson/5O0d81/c…
Video: vimeo.com/278439003
Well, hello there, Stylable 5.4.10 ("Flamboyant Trousers"), washed and pressed by Barak, with love in his heart and groovy beats on his synth. github.com/wix/stylable/rele…
Accidental team reunion when , Hadar, Bruce and Eyal met by chance in the security line at Schipol airport. (No potatoes were seized.)
Howdy, Stylable 5.4.9 ("Camouflaged Walrus"), summoned from its celestial realm by @RavivTom, with love in his heart and custard on his crumble github.com/wix/stylable/rele…
