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
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 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
đđđ
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 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
Stylify retweeted
The pure CSS-like syntax of stylifycss.com/ hasn't changed for almost 40 releases and since the first release, it supports all CSS properties out of the box
It's kinda funny to see the "Hooraay!" when other frameworks finally "add a shortcut" for a CSS propertyđ
#css
Stylify retweeted
I got an idea on holiday that could decrease the CSS size for multiple CSS bundles @stylifycss đ.
If it works, the size of CSS bundles will probably be more than half smallerđ„.
Stay tunedđ€.
#css #javascript #vuejs #reactjs #webdev #coding #code
Stylify retweeted
Utility-First CSS has one great "advantage" đ€.
It forces you to think, about how to split your code into reusable parts.
Otherwise, you will become a hater with bloated templates đ.
#stylifycss #tailwindcss #css #javascript #webdevelopment #vuejs #reactjs
Stylify retweeted
Just came across #stylifycss, which uses CSS-like selectors to generate optimized utility-first CSS dynamically. Excited to try it out!
#CSS #FrontEndDeveloper #FrontEnd
Stylify retweeted
I just thought it's just another css library like tailwind. But Twitter recommend this every time. So i just checked what is this . But now I feel it's awesome. bcz it gives utility classes like tailwind but it uses css like class names . I gonna use this in my next projects.
Stylify retweeted
Even though this guide is focused primarily on Stylify CSS, all the tips explained in this guide can be used within any other Utility-First CSS framework that supports similar features.
#DEVCommunity
dev.to/machy8/best-practicesâŠ
Stylify retweeted
âšLots of useful #frontend tools in @smashingmag (smashingmagazine.com/the-smaâŠ). @jsoncrack @getagnosticui @QwikDev @CaliforniaODI @ittoolsdottech @stylifycss @lyra_search @AllinoneTools @fonoster @postsrc, among others.
smashingmagazine.com/2023/01âŠ