🔥The 9th Round of Easy Loan, Earn $40 Reward is in progress❗️ ⏰ Promotion Period: January 15th - Feburary 15th, 2025 👉 Register now and check more details at gate.io/campaigns/358

The past few months have ushered in a golden era for CSS and Web UI. Here are 20 of the most exciting and impactful features that landed recently or are coming soon. Authored by @una, Adam Argyle, and yours truly. developer.chrome.com/blog/whats-new…

LOOK. This is just a regular ol' website. No JavaScript whatsoever. Navigation pages with clicks <a> links to other HTML pages. The most basic website in the world. Yet, with a few lines of code to activate View Transitions, KAPOW.

In case you missed it, I wrote an article about the new viewport units in CSS. 🔗 ishadeed.com/article/new-vi…

my therapist: minecraft boot manager isnt real, it cant hurt you mineGRUB:

The CSS feature `@​container style()` is pretty neat! Are you familiar with `@​mixin` in Sass? It's a little bit like that. 1) Declare a chunk of CSS you want to re-use 2) Set a --custom-property to trigger it

If you use the native <progress> HTML element, but don’t specify any attributes, it’ll animate back & forth. Super useful when you need a quick and easy status indicator. 🌠

Future CSS Tip! 🔮 You can power list animations like you would using IntersectionObserver with CSS scroll-driven animations and zero JS 🤯 el { animation: show; animation-timeline: view(); animation-range: entry; } keyframes show {0%{translate:0 50%;}} CodePen.IO link below! 👇

Quick tip: Getting all links from any web site into a spreadsheet using browser developer tools christianheilmann.com/2023/08/24/qui… console.table($$('a'),['innerHTML','href'])

The native `<textarea>` can now automatically increase its height. Just one line of CSS: `form-sizing: normal` Coming soon to Chrome Canary. Any suggestions or ideas? You can chat about it at CSSWG: github.com/w3c/csswg-draf…

PREVIOUSLY: separate rulesets for light and dark NOW: one ruleset with `light-dark()`

thinking about submitting my 'flappy bird running in macos finder' project to !!con. !!con knowers, is this a good idea. would you watch me talk about how this works for 10 minutes lol

💡 CSS Tip! Enhance your text wrapping using two lines of code. No more lonely words at the end of paragraphs, and titles will look much better. Will you add this to your CSS reset?

Fun lil detail: dark mode favicon <link href="favicon.png" rel="icon" media="(prefers-color-scheme: light)"> <link href="favicon-dark.png" rel="icon" media="(prefers-color-scheme: dark)">

I'm telling you. We're reaching a breaking point. Linux is the release valve. AI is great, but plenty of people don't want it jammed into every orifice of their OS. With the corporate options, you're getting that whether you like it or not.

chat is this real?

How to select an OS chart

It is Open Source Maintainer Day Thank an Open Source Maintainer you know (and maybe buy them a coffee ☕️) We are where we are because of them ❤️

🔥 VS Code Tip 🔥 Did you know you can add section headers to the minimap of Visual Studio Code? Use "MARK:" in the comment, and the designation will be clearly visible in the minimap, which will help you quickly scan and navigate your files.