
Stylify uses CSS-like selectors to generate optimized utility-first #css π. Created with β€οΈ by @8machy. #stylifycss Discord chat π https://teapawt.org/t.co/lVfAN2ILGV π¬
The Internet
Joined July 2021
- Tweets437
- Following3
- Followers980
- Likes301
(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
(2/4)
Macros configuration is now simplified. Just return an object of new properties
#stylifycss #code #css #html #javascript
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
Find a difference between the stylifycss.com code optimization and the one that uses @Medium π₯.
#css #javascript #html #webdesign #webdevelopment #reactjs #ux #ui #vuejs
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
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
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
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
Faq is a simple toggable component with opening/closing effect. It also contains some microdata attributes.
#css #webdevelopment #webdesign
Check out @MilesPernicious new personal website ποΈ.
Its build using @astrodotbuild and @stylifycss π.
π― Performance π―
π milespernicious.com/
#withastro #stylifycss #css #javascript #webdev #html #webdesign #code #coding
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











