Manuel Garcia Genta

Síganme los buenos.

[Manu Arora @mannupaaji]

you can create a sticky navbar that morphs when you scroll with pure CSS, no JS or animation libraries required

𝚑𝚎𝚊𝚍𝚎𝚛 {
𝚌𝚘𝚗𝚝𝚊𝚒𝚗𝚎𝚛-𝚝𝚢𝚙𝚎: 𝚜𝚌𝚛𝚘𝚕𝚕-𝚜𝚝𝚊𝚝𝚎;
𝚙𝚘𝚜𝚒𝚝𝚒𝚘𝚗: 𝚜𝚝𝚒𝚌𝚔𝚢;
𝚝𝚘𝚙: 𝟶;
}
@𝚌𝚘𝚗𝚝𝚊𝚒𝚗𝚎𝚛 𝚜𝚌𝚛𝚘𝚕𝚕-𝚜𝚝𝚊𝚝𝚎(𝚜𝚝𝚞𝚌𝚔: 𝚝𝚘𝚙) {
.𝚗𝚊𝚟-𝚋𝚊𝚛 {
𝚖𝚊𝚡-𝚠𝚒𝚍𝚝𝚑: 𝟻𝟼𝚛𝚎𝚖;
𝚋𝚘𝚛𝚍𝚎𝚛-𝚛𝚊𝚍𝚒𝚞𝚜: 𝟶.𝟽𝟻𝚛𝚎𝚖;
𝚋𝚊𝚌𝚔𝚐𝚛𝚘𝚞𝚗𝚍: 𝚛𝚐𝚋(𝟸𝟻𝟻 𝟸𝟻𝟻 𝟸𝟻𝟻 / 𝟶.𝟿𝟸);
}
}

the browser now knows when a sticky element is stuck, all triggered by one container query

available only in chromium browsers only, no firefox or safari which is a shame

[Tim Wilson @actualTimWilson]

I put together some @tailwindcss utilities for masking/fading edges of scroll containers using scroll-driven animations.

Link below ↓

[Facu @facumontanaro]

One product-design slot open too 🫡

[Tran Mau Tri Tam ✪ @tranmautritam]

Paste a URL. Get a DESIGN. md

[Laín @lain_calvo]

Che acabo de descubrir esta página que está buenísima, tiene design.md de las empresas que se te ocurra

Ejemplo, buscás el design.md de Vercel, se lo das a claude y podés diseñar lo que desees con ese estilo

dejo el link en respuesta

[gokhan @gkurttech]

Introducing Tegaki, a handwriting animation library for the web. Works with any font or text.

[Erick @ErickSky]

🚨 Game changer total para los VIBECODERS

Chrome DevTools MCP acaba de darle superpoderes reales:

- Lighthouse Performance automático
- Detección de memory leaks
- Accessibility debugging
- Optimización de LCP
- CLI experimental

Ahora tu agente puede auditarse solo como un senior dev de verdad.

REPOOO👇

[Juan @7uanF]

Nunca más voy a configurar skills manualmente 🧠

Gracias @midudev por compartir esto.

Alguien open-sourceo un solo comando que escanea tu proyecto, detecta todo tu stack y te instala los AI agent skills correctos para cada tecnología. Solo.

Se llama autoskills.

Ejecuta `npx autoskills` en la raíz de tu proyecto.
Eso es todo.

→ Lee tu package.json y archivos de config para fingerprintear tu stack
→ Matchea lo detectado contra un registry curado en https://t.co/pXJfAI28HK
→ Instala skills para 50+ tecnologías: React, Next.js, Vue, Svelte, Astro, Tailwind, Supabase, Neon, Playwright, Expo, Stripe, Prisma, Cloudflare, AWS, Vercel, GSAP, Bun, Deno, Hono, NestJS, Spring Boot y más
→ El flag `--dry-run` te muestra qué instalaría antes de tocar nada

Un comando.
Todo tu AI skill stack.
Instalado.

Repo🔗: https://t.co/XQ8etl4OPU

[goodfuture @0xGoodfuture]

every skeleton screen you've ever hand-coded is a waste of time

you're literally measuring padding and guessing widths to build a worse version of a layout that already exists in your DOM

so I made a package that just reads the real one

[Theo - t3.gg @theo]

Technically speaking, being a founder is easier than getting a job

[Santi Torres @SantiTorAI]

🚨 Este tipo acaba de grabar 18 minutos que pueden reemplazar años de Figma.

Google Stitch hace lo mismo que la herramienta de diseño más popular del mundo, pero con IA integrada desde el primer clic y sin pagar un solo euro.

Gratis. De Google.

[anton @abacaj]

“Make the models cheap to use”
“Great, they all forgot how to code”
“Now 10x the price”

[zenith @bossadizenith]

`autofill` on inputs is ugly by default the background bleed ruins the clean design systems, especially in dark mode.

fixed it with a pure CSS inset shadow hack:
autofill:shadow-[inset_0_0_0px_1000px_var(--color-background)]
to force the background color and kill the native blue.

[Soren @sorenblank]

`tabular-nums` should be the default for any number that updates ( timers, counters, prices, percentages, scores, live data etc ).

you can enable this tnum OpenType feature using the CSS property `font-variant-numeric`.

.tabular-nums {
font-variant-numeric: tabular-nums;
}

[Aditya @adityadotdev]

Day 1 of vibe coding.

[Oliver Prompts @oliviscusAI]

Someone just built an invisible teleprompter for your MacBook notch 🤯

It's called Notchprompt and it helps users maintain eye contact during Zoom calls, demos, or interviews.

100% Open Source.

[Marko Denic @denicmarko]

CSS tip:
Stop duplicating your CSS for Dark Mode.

The new light-dark() function lets you define both values in a single line.

It eliminates the need for redundant media queries and keeps your variables in one place.

[JNS @_devJNS]

everyone cares about user experience,
no one cares about the developer's experience. 💔

[Carlos Villuendas @carlosvillu]

Tu Claude Code empieza brillante.

A mitad del proyecto, empieza a olvidar cosas. A ser inconsistente. A romperse.

Se llama "context rot". Este repo con 18.300 estrellas lo resuelve 🧵