Stylify uses CSS-like selectors to generate optimized utility-first #css 💎. Created with ❤️ by @8machy. #stylifycss Discord chat 👉 discord.gg/NuJsk5SMDz 💬
The Internet
- Tweets 437
- Following 3
- Followers 985
- Likes 301
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
1
1
2
445
A new project to the Stylify CSS showcase collection 🎉
🏃♀️ Website for a charity run, that uses @sveltejs kit under the hood with the static adapter deployed to @Netlify
👉 The Stylify CSS part has 3 Kb gzipped 🔥
postopachsilvera.cz/
#css #javascript #webdev #sveltejs #ux
1
2
393
At first, Stylify used a similar optimization like
@facebook by generating hashes for each selector, but it wasn't that effective.
#css #javascript #webdesign #ux #ui
1
149
Find a difference between the stylifycss.com code optimization and the one that uses @Medium 🔥.
#css #javascript #html #webdesign #webdevelopment #reactjs #ux #ui #vuejs
ALT StylifyCSS website
ALT Medium.com website
1
1
3
594
Learn how to migrate from #bootstrap #CSS to style your website faster🚀
stylifycss.com/docs/migratio…
✅ Almost zero learning curve
✅ CSS-like utilities
✅ Prepared, Copy&Paste Headless Components
#stylifycss #javascript #webdevelopment #ux #ui
1
3
303
Does anyone need a pagination component for his website? 🤟
⏬⏬ stylifycss.com/snippets/comp…
Stylify now has prepared a Copy&Paste Headless Pagination Component that is ready to go 🚀.
Copy + Edit =✅
#css #javascript #webdev #html #code #coding #ux #ui
2
257
Do you need an Article on your website? Want to code it faster?
Stylify now has prepared Copy&Paste Headless Components just for that. Copy + Edit = 🚀
✅3 article list types
✅Article detail
🔽🔽
stylifycss.com/snippets/comp…
#stylifycss #css #javascript #webdev #webdesign #ux #ui
2
4
444
Navigation is a component that has an overflow indicator on each side that signalizes that the navigation contains more items and can be scrolled to left/right. These indicators are visible only if the navigation cannot fit into the wrapper element
#css #webdevelopment #webdesign
2
127
Mobile menu is composed from an overlay and aside element that contains links. The links wrapper is split into a scrollable area with links and a fixed one, that contains a logo and a close button. It's prepared for those cases, you need something above the menu all the time
#css
1
2
248
Faq is a simple toggable component with opening/closing effect. It also contains some microdata attributes.
#css #webdevelopment #webdesign
1
2
67
A new Copy&Paste Headless Components have been added🎉:
👉 Mobile and desktop navigations stylifycss.com/snippets/comp…
👉 Faq: stylifycss.com/snippets/comp…
#css #javascript #webdev #html #code #ux #ui
1
1
4
539
Check out @MilesPernicious new personal website 🏝️.
Its build using @astrodotbuild and @stylifycss 🚀.
💯 Performance 💯
👉 milespernicious.com/
#withastro #stylifycss #css #javascript #webdev #html #webdesign #code #coding
1
3
375
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
1
2
4
481
Thanks to @zenia2020
, you can now use Tailwind Theme Variables in Stylify 🎉.
👉 Example with Vite config github.com/mzaini30/stylify-…
#stylifycss #css #tailwindcss #javascript #webdev #html #vuejs #reactjs #react #ux #ui #webdesign
1
2
7
417
Stylify has been mentioned in the @frontender_ua newsletter frontender-ua.medium.com/fro….
Check out their latest news post about frontend🤟
#css #javascript
622
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
1
3
1,604
If you are looking for an accessible color palette for your next project, check this out🎨
🎨 Generador de paletas de colores accesible, encuentra combinaciones de colores que siguen las pautas de accesibilidad de la WCAG.
👉 buff.ly/3YfThUK 👈
2,003
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
1
1
5
1,021
A new guide on How to migrate from Emotion to Stylify CSS 🤟.
Style your @reactjs and @nextjs website faster with Stylify CSS! 🚀
stylifycss.com/blog/how-to-m…
#css #javascript #reactjs #nextjs #webdevelopment #webdesign #ux #ui
2
678
Another news from the cooperation with @conviucom🎉
Thanks to the cooperation with their team, a new Headless Components will be added:
stylifycss.com/snippets/comp…
✅Mobile menu
✅Article blocks
✅Review blocks
✅Images blocks
✅Dropdowns
✅USP
✅FAQ list
#css #javascript #ux #ui
492