Stylify uses CSS-like selectors to generate optimized utility-first #css đ. Created with â€ïž by @8machy. #stylifycss Discord chat đ https://xitter.cf/t.co/lVfAN2ILGV đŹ
The Internet
Joined July 2021
- Tweets437
- Following3
- Followers979
- Likes301
Pinned Tweet
Headless Components đ
Speed up your development with easily editable Copy&Paste, Headless Components đ
stylifycss.com/snippets/compâŠ
â
Forms
â
Buttons
â
Switches
â
Grids
â
Dialogs
â
A lot more
#stylifycss #css #webdesign #javascript #reactjs #vuejs #ux #code #coding #programming
Stylify retweeted
mika-f starred stylify/packages on Github ift.tt/BQrlELj
Stylify retweeted
class ć±æ§ă« "width:640px" ăȘă©ăæžă㊠CSS ăçæăăă©ă€ăă©ăȘăproduction ă§ăŻăŻă©ăčćă2æćăšăă«ăȘăăźă§ă€ăłă©ă€ăłăčăżă€ă«ăăćźčéăæžă / âCode your website faster with CSS-like utilities | Stylify CSSâ htn.to/2tfWtwz4Z3
Stylify retweeted
After 26 years of CSS experience, I'll take the left every single time.
Youâre unable to view this Post because this account owner limits who can view their Posts. Learn more
Stylify retweeted
1/3
Did you know that:
there is around 694 CSS properties you can use to style your website: Chrome, Mozila, Opera, Safari and Edge đ€Ż.
@stylifycss can use them all in the latest 0.6.2 đ.
github.com/stylify/packages/âŠ
#css #html #code
Stylify retweeted
1/2
CSS background-clip:text tipđ
If you plan to use background-clip, then it must be set after the background-color. Otherwise it won't work. In this particular case, the order of properties is important.
Took me a while to debug it in @stylifycss.
#css #html #javascript #ui
Stylify 0.6.1 has just been released.
âïž Fixed broken types in stylify/unplugin
âïž Less invasive markup mangling
âïž Various bugs fixed
Release: github.com/stylify/packages/âŠ
Web: stylifycss.com
#stylifycss #css #javascript #html
Stylify retweeted
3/3
"But these tools have a reason to exists."
"Nah, you can handle the reactivity and contextual escaping of variables on your own. It's just, months of work and a lot of lost hair." đ
Stylify retweeted
2/3
The best to explain this to other devs is, that removing Talwind or @stylifycss is like if you remove @laravelphp, @symfony, @vuejs or @reactjs from the project, grab popcorn and then just sit and watch to see their pain while coding and optimizing everything from scratchđ
Stylify retweeted
1/3
It's hard to explain how useful Utility-First CSS is to someone, who work on small blog and never even tried them
I mean, pure CSS is always the best/most future-proof choice, but working with utility libraries like Tailwind or @stylifycss even on a blog can be a huge relief
Stylify retweeted
If you like inline styles you should have a look at @stylifycss
đđđ
(1/4)
Stylify 0.6 has just been released đ
đ stylifycss.com/en/docs/get-sâŠ
â
CSS variables enabled by default
â
Easier and united configuration for utilities, components, and custom selectors
â
Perf improvements
â
More intuitive mangling configuration
#stylifycss #code #javascript
(3/4)
Macros, components, helpers now receive compiler instance as the this object. It simplifies the usage of configured helpers, variables and others
#stylifycss #code #css #html #javascript
This version is already used on stylifycss.com đ.
And it seems that the 0.6.x versions could be a candidate for the first major release 1.0đ€
Now the 1.0 github.com/stylify/packages/âŠ
Any ideas what to add/improve?
#stylifycss #code #css #html #javascript #react #vuejs
Stylify retweeted
Bundling production build for @stylifycss monorepo:
đ„ @oven_sh => 0.4-0.8 s
Node.js => 28-30 s
Build and watch works fine with (using ESbuild).
Seems only Jest has some problems because of some async operations.
#stylifycss #bunjs #css #code #javascript #webdev
Stylify got mentioned in @ahrefs blog post by @JoshuaCHardwick about Twitter Brand profiles case study.
đ Check it out ahrefs.com/blog/saas-twitterâŠ
Have a brand? CREATE A HASHTAG FOR IT đ€.
#stylifycss #ahrefs #seo #webdev #Marketing
Stylify retweeted
Faster Styling for React Apps: How to Migrate from Emotion CSS-in-JS to Stylify Utility-First CSS by @8machy javascriptkicks.com/r/595455⊠#javascript via @JavaScriptKicks
Stylify retweeted
Faster Styling for React Apps: How to Migrate from Emotion CSS-in-JS to Stylify Utility-First CSS: javascript.plainenglish.io/f⊠#
Stylify retweeted
Are you looking for a CSS framework to learn during #100DaysOfCode? The one without much studying?
đCheck out stylifycss.com
â
Zero learning curve
â
CSS-like selectors, no shortcuts, stay with CSS
â
Less switching between HTML&CSS files
â
Extremely small output
#css