Tech Picks #4

:is() vs. :where()

Back in March, I wrote about the :is() pseudo-class and how it can be used to reduce selector complexity. Today, I wanted to talk about another pseudo-class that does the same thing, :where(), how they’re different, and when to use one versus the other. Let’s dig in! How :where() works You use the :where() pseudo-class exactly the same way you’d use :is(). Pass in a comma-separated list of selectors, and it groups them together.

Go Make Things

The Height Enigma • Josh W. Comeau

One of the most perplexing and befuddling things in CSS for me, for many years, was the behaviour of percentage-based heights. Sometimes, seemingly at random, setting “height: 100%” would have no effect at all. When I finally figured out what was going on, it was like a puzzle piece snapping into place; everything made so much more sense! In this post, I’ll share the epiphany I had, and we’ll explore some solutions.

Josh W. Comeau

Multi-tenant SaaS apps with Next.js and Vercel

Learn how to build SaaS applications which can serve multiple users from a single codebase.https://vercel.com/templates/next.js/platforms-starter-kithttps://…

YouTube

midudev • Miguel Ángel Durán on Instagram: ”¡Aprende la nueva Sintaxis de Media Queries en CSS! Ya no necesitas usar min-width ni max-width ¡El soporte es de más del 90%! PERO ojo, si necesitas darle soporte a ese 10%... Te recomiendo que uses herramientas como PostCSS. Así podrás usar esta sintaxis pero compilará el CSS para el usuario a la versión con min-width y max-width por ahora. ¿Qué te parece esta nueva sintaxis? ¿Prefieres la vieja o la nueva? Yo con la vieja no me aclaraba nunca jajaja #software #css #frontend #programadores #programador”

5,135 likes, 12 comments - midu.dev on May 14, 2025: ”¡Aprende la nueva Sintaxis de Media Queries en CSS! Ya no necesitas usar min-width ni max-width ¡El soporte es de más del 90%! PERO ojo, si necesitas darle soporte a ese 10%... Te recomiendo que uses herramientas como PostCSS. Así podrás usar esta sintaxis pero compilará el CSS para el usuario a la versión con min-width y max-width por ahora. ¿Qué te parece esta nueva sintaxis? ¿Prefieres la vieja o la nueva? Yo con la vieja no me aclaraba nunca jajaja #software #css #frontend #programadores #programador”.

Instagram

Cursor pro tip: you can add a folder of rules inside .cursor/rules/ and the agent will still pick them up based on the rule type

keeps the folder nice and tidy for grouping rules (like my task management + memory system) pic.twitter.com/TiTrhmUeJr
— Ian Nuttall (@iannuttall) May 14, 2025

Prefetching infiniteQuery data with @tan_stack query in a route loader so the user can refresh the page and not have to load all of their pages again is soooo nice. pic.twitter.com/gbFFnGK3Rx
— Tom Watkins (@TomWatkins1994) May 14, 2025

protip: use `import type` if you're only importing types

this way it won't be bundled if that file includes JS pic.twitter.com/b9BtRgsBSw
— Aiden Bai (@aidenybai) May 18, 2025

Vivimos en una era de sobrecarga informativa, donde la obsesión por conocer todo puede ser más paralizante que liberadora.

— Umberto Eco
— Jorge Sánchez (@xurxodev) May 18, 2025

GitHub - ScrapeGraphAI/Scrapegraph-ai: Python scraper based on AI

Python scraper based on AI. Contribute to ScrapeGraphAI/Scrapegraph-ai development by creating an account on GitHub.