Rob
@lloveras.info
Front End Web Dev Love #CSS , #Reactjs https://www.sharemydevstack.dev/ https://lloveras.info https://codepen.io/Sensiblemnd https://github.com/Sensiblemnd/css-debug
Only need 12 more needed for this one, and it's easily the closest amongst the top 4 yet.
Kevin Powell@kevinpowell.co · yesterdayWhat CSS property do you always have to look up the syntax for? Most of us have to look up stuff all the time, but there's probably that one you know you're going to look up before you even try 😅 asked-100-devs.netlify.app
📝 New CSS Article! You know the <img> element, right? It's one of the most-used elements, and yet it hides a secret. 🤫 What kind of secret? Read my latest article to know about it (You will be surprised!) master.dev/blog/somethi...
Something Nobody Told You About The Image Element (It Can Overflow!)
You normally don't think of images as overflowing themselves, nor can you put anything else inside to make it overflow, but actually...
master.dev
Just added a wave of new stacks to Share My Dev Stack: AI Coding Assistants (Copilot, Claude Code, Cursor, Windsurf), AI Models (ChatGPT, Claude, Gemini, Llama), and a full Design & Research toolkit (Figma, Miro, FigJam). Still need to add logos. That a whole lot of work. www.sharemydevstack.dev
Share my dev stack - Home
Share my dev stack is a platform for developers to discover tools and technologies for building software.
sharemydevstack.dev
I'm working on building a "CSS reasoning engine" for Claude /Agents for my own projects, maybe work too. Rules for cascade layers, tokens, container queries & accessibility etc. Would love to hear from you if I'm going in the right direction. #css github.com/Sensiblemnd/...
GitHub - Sensiblemnd/css-reasoning-engine
Contribute to Sensiblemnd/css-reasoning-engine development by creating an account on GitHub.
github.com
Dropdowns Inside Scrollable Containers: Why They Break And How To Fix Them Properly — Smashing Magazine buff.ly/05D3Mzd
Dropdowns Inside Scrollable Containers: Why They Break And How To Fix Them Properly — Smashing Magazine
Dropdowns often work perfectly until they’re placed inside a scrollable panel, where they can get clipped, and half the menu disappears behind the container’s edge. Godstime Aburu explains why this…
buff.ly
background: conic-gradient( from 0 at 0 0, white, red ); kinda weirdly perfectly chill 3D look. codepen.io/editor/chris...
That's quite a journey to "improve" the sizing behavior of customizable selects (Chromium-only so far). Jake gets into anchor positioning, `stretch` and `fit-content`, and `calc-size`. https://jakearchibald.co...
How to Create Awesome Staggered Animations in CSS, by @logrocket.bsky.social: https://blog.logrocket.com/css-staggered-animations/?ref=frontenddogma.com #howtos #animations #css
How to create awesome staggered animations in CSS - LogRocket Blog
Learn how to create staggered animations in CSS using sibling-index() and sibling-count(), with practical examples, fallbacks, and accessibility best practices.
blog.logrocket.com
CSS finally has real, reusable functions. The new @function at-rule lets you define helpers that run in the browser with live custom-property values. 🔗 danholloran.me/posts/css-fu... #webdev #css
CSS @function: Reusable Logic Comes Native to the Browser
CSS finally has real, reusable functions. The new @function at-rule lets you define typed helpers that run in the browser with live values — here is how it works and where it is supported today.
danholloran.me
¡Nuevo proyecto de código abierto con pintaza! OpenShip te ayuda a crear tu propio Vercel, Supabase y servidor de correo en tu servidor VPS. Puedes desplegar apps, bases de datos, backups... Es una alternativa a Dokploy y Coolify:
Beyond border-radius: What The CSS corner-shape Property Unlocks For Everyday UI — Smashing Magazine
Beyond border-radius: What The CSS corner-shape Property Unlocks For Everyday UI — Smashing Magazine
For years, developers have been hacking around the limitations of `border-radius`, using clip-path, SVG masks, and fragile workarounds just to get anything other than round corners. The new…
buff.ly
He migrado un proyecto de Next.js a Astro. La diferencia de rendimiento de salida es importante.
There's an unfortunate disconnect between `color-scheme` and the `prefers-color-scheme` media query. This tripped me up multiple times. So what do you do about it? Ollie's post has some web platform answers. https://olliewilliams.xy...
Without reading dry documentation, finding the correct use for aria roles can be a challenge, so Steve Frenzel is here to break down the often mis-used aria-expanded. piccalil.li/blog/use-cas...
Use cases for aria-expanded
Without reading dry documentation, finding the correct use for aria roles can be a challenge, so Steve Frenzel is here to break down the often mis-used aria-expanded.
piccalil.li
I have wanted a simple, web-based, local-first RSS reader for the longest time, so I built one. 😁 Feel free to use it for your own RSS needs. No account, feeds are stored locally. reader.schalkneethling.com
Simple Reader
A focused, local-first RSS reader.
reader.schalkneethling.com
This Week In React 290: ⚛️ - Suspense - Working Group - Next.js - React Router - Storybook - Astryx 📱 - Mediaqueries - ViewTransition - Platform.Variant - Screens - Nitro - KeyboardController - Skia 🍿 Read: thisweekinreact.com/newsletter/290 ✍️: @swmansion.com Konrad & Szymon
📝 New CSS Article! The sibling-index() function lets you get the index of an element among its siblings, but it has a hidden superpower! Read my latest article to know about it 👇 master.dev/blog/in-n-ou...
In-N-Out Animation using sibling-index()
Temani mimics a View Transition by placing items using their index and translations. The placement calculation change when the index changes, which is an animation opportunity!
master.dev