Frontendɾ
@frontendr
Tweets mostly about #HTML, #CSS, #Javascript and other web based technologies.
Vous pourriez aimer
corner-shape: squircle; available in chrome for now used it recently on my site, no more clip-path or svg needed to achieve it
little details 👨🍳 tiny css transition-delay on :hover filters noise and captures intent .text { transition: grid-template-columns 0.2s var(--ease); } button:hover .text { grid-template-columns: 1fr; transition-delay: 0.1s; }
accordion transitions w/ css ::details-content, <details> + <summary> 🧑🍳 details:has(~ [open]) { --y: -1; } [open] ~ details { --y: 1; } details { translate: 0 calc(var(--y) * 1rem); } [open]::details-content { height: fit-content; }
The new CSS heading selector is so good! This will make it much easier to style headings all at once.
You know how position: sticky always fails for weird reasons that are a pain in the 🍑 to fix? I finally had enough, peeked at the spec, asked AI some questions, and mostly figured things out—and wrote about it here. Link below 👇
Vite 7.2 is out! ⚡️ 🗃️ `build.license` option 🔌 proxy + HTTP2 support 💜 and more features and fixes Don't forget to check the complete changelog github.com/vitejs/vite/bl…
Yes. You can do responsive inline css vars in Tailwind. [--color:red] sm:[--color:blue]
oxfmt (the oxc-based formatter) is getting very close to ready! - 2-3x faster than Biome - 45x faster than Prettier - Better prettier conformance than Biome means switching won’t cause huge diffs - More flexible line wrapping than Prettier We have tested oxfmt against several…
@cursor_ai is now in @raycast start agents, track progress, and finish in Cursor – all without leaving the keyboard
Launch and manage @cursor_ai agents with @raycast 🚀 Tips to start: 🎹 Set a hotkey like ⌘ + ⌃ + C for the Launch Agent command 🖼️ Add screenshots of errors or bug reports 🎛️ Take over anytime with the Open in Cursor action Next time you spot a bug, start an agent first!
⚙️ New CSS Generator! Save this link for the future. A tool to easily convert any SVG shape into a CSS one in no time. Powered by the new shape() function! 🤩 css-generators.com/svg-to-css/ Single-element, responsive, and no more ViewBox headaches.
I STILL get so many folks misunderstanding the difference between: Pick, Omit Exclude, Extract They should be called: PickFromObject, OmitFromObject ExcludeFromUnion, ExtractFromUnion Here's a breakdown:
Another shape made easy using the new shape() function. css-tip.com/heart/ I think I just found my new favorite CSS feature. 😍
Another shape with rounded corners using shape()! This time it's an arrow-like box. A single-element responsive implementation easy to adjust using CSS variables. css-tip.com/arrow-like-box/ A follow up to a post by @chriscoyier
don't forget `touch-action: manipulation` for buttons on mobile double taps shouldn't zoom
I'm a @DrizzleORM fan and user, but I'm also an SQL-first dev. Drizzle's migrations are nice, but I prefer migrations to be first-class, rather than an artifact of code-first schema management. If you haven't tried Goose, highly recommend: github.com/pressly/goose
Writing my TypeScript .cursor/rules. Writing it not only to include my recommendations, but also to tell the AI things about TypeScript that may not be uppermost in its training data. What should I include?
✍️ New Article: First Look at The Modern attr() I explored the new attr() capabilities and shared my thoughts about it. Happy reading! ishadeed.com/article/modern…
United States Tendances
- 1. Josh Allen 34.4K posts
- 2. Texans 54.9K posts
- 3. Bills 150K posts
- 4. Joe Brady 4,991 posts
- 5. #MissUniverse 367K posts
- 6. #MissUniverse 367K posts
- 7. Anderson 27K posts
- 8. McDermott 4,289 posts
- 9. Maxey 11.5K posts
- 10. #TNFonPrime 3,324 posts
- 11. Al Michaels N/A
- 12. Shakir 5,563 posts
- 13. #htownmade 3,601 posts
- 14. Dion Dawkins N/A
- 15. #StrayKids_DO_IT_OutNow 34.8K posts
- 16. Costa de Marfil 22.9K posts
- 17. CJ Stroud 1,229 posts
- 18. James Cook 5,659 posts
- 19. Knox 5,742 posts
- 20. Spencer Brown N/A
Something went wrong.
Something went wrong.