Tessera
Folgen

Agustín Díaz

@adiaz.uy

👨‍🎨👨‍🔧 Design Engineer @ GitHub

48 Posts195 Follower316 Folgt
CSS by T. Afif@css-only.dev · 2w ago

An interactive demo showing how all the values adjust in real time as the grid is resized. codepen.io/t_afif/full/... via @codepen.io All the values are integers, so you can use counters to display them.

CSS by T. Afif@css-only.dev · 2w ago

💡 CSS Tip! Using modern CSS, it is now easy to extract information from a responsive grid. You can get the number of columns, the number of rows, and item coordinates. css-tip.com/grid-informa... A handy code to save for (hopefully) the near future.

Overview of the CSS code from the linked post
Bramus@bram.us · 3mo ago

YES, Dark Mode Toggles _should_ be a browser feature. I wrote about this before: brm.us/dark-mode-ov... Find the link to the Chrome Bug in the post, and hit the star next to it to "upvote" the bug. (I even have a prototype extension to provide this for you: brm.us/chrome-dark-...) #cssday

Dark Mode Toggles Should be a Browser Feature

When implementing Dark Mode and ways to toggle it, developers currently need to duplicate code and roll their own toggle implementation. What if, instead, browsers would take care of all that?

brm.us

Agustín Díaz@adiaz.uy · 4mo ago

Hello @bram.us, could I bother you with what may be a trivia question? Why is it not possible to use @starting-style on a ::view-transition-new? My scenario is: I turned off the animation for the group and would like to have the new one start clipped at half the height, to make a div expand.

Dare Obasanjo@carnage4life.bsky.social · 4mo ago

Being good at using LLMs includes 1. Being able to provide context and craft prompts that limit the risk of hallucinations AND 2. Having processes and frameworks to vet the quality of the output from the LLM instead of blindly trusting it.

Katie Mack@astrokatie.com · 5mo ago

More context on this #Artemis II image: * This is the night side, lit by moonlight. You can see city lights in Spain & Portugal, & a sliver of day at lower right * The Sun is entirely behind Earth, which makes it a kind of solar eclipse, but w/ Earth doing the eclipsing instead of the Moon: ☀️🌍🚀🌕

A full disc image of Earth, as seen from the Orion Crew Module. The planet is a pale blue, swirling with white clouds and glowing slightly lighter blue in place from reflected light. At lower left, a large brown landmass is Africa, with Spain and Portugal with twinkling lights where the planet curves. At top right, auroras glow in a thin green glow, just barely separated from the planet's surface. Earth is set against the black of space (pic: NASA/R.Wiseman)
Josh W. Comeau@joshwcomeau.com · 5mo ago

✨ I just published a new blog post! It’s a deep dive into a subtle UI detail from my blog. I suspect most people don’t even notice it, but I regularly hear from the folks who *do* notice it and want to know how on earth I’m doing it. Feels a bit like I’m a magician revealing their trick. 😂

Sneaky Header Blocker Trick • Josh W. Comeau

There is a lil’ UI detail on this blog. Most people don’t even notice it, but the ones who do often reach out, asking how on earth it works. It feels like it defies the rules of CSS! In this blog post...

joshwcomeau.com

Ahmad Shadeed@ishadeed.com · 5mo ago

My new CSS course is out 🥳, The Layout Maestro. It's all about teaching you how to think and decide what CSS to use. Here is a peek from inside the content.

Landing page for "The Layout Maestro," a CSS course by Ahmad Shadeed.
Syntax@syntax.fm · 6mo ago

Build your bracket for the world's first ever CSS tournament, March MadCSS. Premieres Friday 10ET on YouTube, and the stakes are high. win over $1,500 worth of prizes madcss.com