Similar User
@cramforce
@vitest_dev
@tursodatabase
@ChallengesCss
@astrodotbuild
@jonasschmedtman
@deno_land
@turborepo
@builderio
@FredKSchott
@trashh_dev
@antfu7
@MadeWithSvelte
@thesegunadebayo
@bramus
Check out how you can enhance focus by applying visual effects to the snapped element using Scroll Snap Events in this slider demo! Built with @openprops 🔥 CodePen: codepen.io/mobalti/full/X… #CSS #webdev @CodePen
It’s a UI built on top of CSS vars… no abstractions so you can use existing CSS variable libraries like @openprops (the recommended starting point in Webstudio).
Headless, boneless, skinless & lifeless UI This blog post is interested in the layered abstractions the front-end community is using so they can compose the layers themselves #CSS #UI #components ⤷ nerdy.dev/headless-bonel…
CSS variables are live and they are POWERFUL. Now Live on Product Hunt 🚀 producthunt.com/posts/webstudi… ➡️ Create a design system "So you can stay consistent and build much quicker." Define global styles like colors, gradients, sizes, and box shadows. ➡️ Use your variables…
Got inspired by the "Mini Web Machines" series by @argyleink to build this tabbed interface! Using :has to manage the visual state and transition-behavior for smooth transitions. Built with @openprops Check it out on CodePen: codepen.io/mobalti/full/j… #CSS @CodePen #webdev
"We read the CSS spec so you didn't have to" On this new @badatcss episode: Eric Meyer and Estelle Weyl wrote the (1,126 page) book on CSS and they answer our questions.
Here is the technology stack I used in the creation of TileDocs (tiledocs.com): Vite - Leveraged this blazing-fast build tool to power my Progressive Web App React Router v6 - Implemented seamless page routing functionality @shoelace_style - Incorporated these…
Sticky Slider CTA Cards Uses: - Scroll-Driven Animations - Container Queries Built with @openprops CodePen: codepen.io/mobalti/full/x… @CodePen #CSS #WebDev
Charge Up Button uses: - @property for gradient transition - light-dark() for adaptive highlight colors - 2 conic gradients - individual scale transform - reduced motion - @OpenProps for the spring/easings codepen.io/argyleink/full…
Check out this storefront demo using the latest web APIs: Scroll-Driven Animations, Container Queries, CSS Nesting, and Popovers for nested sidebars. Built with @astrodotbuild & @openprops Live demo link in the reply! #CSS #WebDevelopment #WebDev
🆕 font props in @openprops courtesy of modernfontstacks.com and github.com/Jothsa - nothing to load - cross OS stack of fallbacks - lots of variety See them for yourself here! codepen.io/argyleink/pen/…
If you're ready to seriously up your #CSS game, check out this rundown on @openprops by @flakolefluk! thisdot.co/blog/exploring…
The fact that scroll-driven animations will transform the way we experience the web is undeniable. Check out this example on @codepen, where each scroll introduces a new character, built with @openprops #CSS @bramus @argyleink #webdev (Link in the first comment)
I've never built anything with a rich #CSS gradient before. So, the fact that @argyleink's Open Props project comes with 30 hand-crafted, sassy gradients was enough to make me prop-curious. I used #AlpineJS to create a small #JavaScript design playground. bennadel.com/4651
neat #CSS trick‽ transition `border-image-outset` I'd normally reach for `box-shadow` for expandos like this, but then you can't use gradients or control direction much with this, I can expand to any size or side and use gradients, yeeee 🤓 src ⤷ codepen.io/argyleink/pen/…
Image compression doesn't do justice to the vibrance of these colors. 😍 Thanks to @argyleink for the awesome quotes and the @openprops gradients 😜
In the Open Props video that @argyleink did with @jlengstorf, he mentioned that he uses `:where()` in his design system so as to create base styles with a #CSS specificity of `0`. This blew my mind 🤯 and I had to try it out for myself. So freakin' clever! bennadel.com/4645
United States Trends
- 1. BIGBANG 60,8 B posts
- 2. CASSANDRA 34,4 B posts
- 3. Kyrie 9.596 posts
- 4. #SmackDown 114 B posts
- 5. Caleb Love 1.782 posts
- 6. Jamal Murray 2.129 posts
- 7. #LasVegasGP 81 B posts
- 8. Jokic 14,4 B posts
- 9. Naji 4.971 posts
- 10. SOYEON 8.073 posts
- 11. Lively 9.003 posts
- 12. Pierre Gasly 2.849 posts
- 13. Klay Thompson 3.387 posts
- 14. Nuggets 30,4 B posts
- 15. Khalid 35,4 B posts
- 16. Franco 78,9 B posts
- 17. Checo 22,5 B posts
- 18. CM Punk 32,9 B posts
- 19. Westbrook 4.588 posts
- 20. PJ Washington 1.667 posts
Who to follow
-
Malte Ubl
@cramforce -
🦋 @vitest.dev
@vitest_dev -
Turso
@tursodatabase -
CSS by T. Afif
@ChallengesCss -
Astro
@astrodotbuild -
Jonas Schmedtmann
@jonasschmedtman -
Deno
@deno_land -
Turbo
@turborepo -
Builder.io
@builderio -
fks
@FredKSchott -
trash
@trashh_dev -
Anthony Fu 🦋 @antfu.me
@antfu7 -
MadeWithSvelte
@MadeWithSvelte -
Sage ⚡️
@thesegunadebayo -
Bramus
@bramus
Something went wrong.
Something went wrong.