Wésley Guimarães

Wésley Guimarães

@guima.dev

Web developer in love with javascript and likes RPG.

12 followers62 following22 posts

We are doing everything we can here in 🇧🇷 to keep our democracy living, you all can do the same there in 🇺🇸 too! Let's make a better world together, democracy must continue into the generations to come! Power to the people!!! Keep fighting for the rights of everyone!

Abbie Richards@abbierichards.bsky.social

I’m so sorry. It’s unfortunately time for you to learn about the Trump Administration’s efforts to sabotage the upcoming elections. I’m genuinely very sorry.

If we want to make a better world we must abandon any notion of common sense, because what we call common sense is only a construct designed to maintain the current system in place.

Wésley Guimarães reposted

🌏🗣️ Localizing PWAs is about to get a whole lot better! With manifest localization, you can now provide translations for your app name, description, icons, and more, which wasn’t possible before. Shipping in Chromium 148. Amazing work from Alexander Kyereboah on the Edge team.

developer.chrome.comLocalization support for web app manifests  |  Blog  |  Chrome for DevelopersYour manifest can now support multiple languages.

Wésley Guimarães reposted

v0.4.0 release 🎉 color-input.netlify.app

Adam Argyle@nerdy.dev

Try the latest <color-input> concept: ⚓️ anchor() progressive enhancement 🤖 workers for color compute 🙈 new animations & interactions 🎨 gamut boundaries, mapping, stretching ☯️ contrast scores & much more nerdy.dev/rfc-latest-c...

Wésley Guimarães reposted

responsive CSS pinned sidebar transition 📌 .layout:has(:popover-open) { grid-template-columns: var(--sidebar-width) 1fr; } aside:popover-open { translate: 0 var(--ctrl); height: var(--extend); } actual zero JS for the layout transition here so many details to play with! 🧑‍🍳

Wésley Guimarães reposted

progressive css-only pagination indicators w/ anchor positioning 👨‍🍳 nav::before { position-anchor: --h; } nav::before { left: anchor(left); } a:hover { anchor-name: --h; } use the nav pseudoelements, ::before for intent, ::after for current 🤙

Wésley Guimarães reposted

@t3.gg found my post and covers it on their channel www.youtube.com/watch?v=ap1p... thanks for the kind words mate!! also, love the boneless sk8 ref 🤘🏻 threw in a skateboard emoji in there in homage

youtube.comBoneless UIYouTube video by Theo - t3․gg
Adam Argyle@nerdy.dev

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 ⤷ nerdy.dev/headless-bon...

You are up to date.