💡Have you ever wondered why the WCAG colour contrast ratio doesn't always seem to work?💡 Well it actually has to do with how we calculate colour contrast and is super interesting. Hold on to your butts, this is a 🧵

🤫 New shortcut: Press . on any GitHub repo.

My pen's listed at 77th for the most hearted pen of 2021 by CodePen.IO lnkd.in/gs7heMuh

🎬 I launched a new season of Designing in the Browser a few weeks ago! w/a focus on new responsive capabilities 🎉 Episodes: 🍱 Container queries 🏙 Macro and micro layouts 🖼 Responsive images & art direction 🌃 Dark mode You can find them all here: youtube.com/watch?v=KBQz1O…

👀 [CSS Container Queries] Enable by default Status: N̶E̶W̶ → RESOLVED FIXED bugs.webkit.org/show_bug.cgi?i… 🎉🥳

There's no such thing as "Flexbox is for [x] and Grid is for [y]". Working on the ESLint sites (yes, plural), I combined both Flexbox & Grid on the same component(s) quite often—using *both* to lay a component out. Don't limit yourself by "rules" that aren't rules. #CSS

HTML/CSS Tips for <img> 🤳 – Use "onerror" to catch and set a fallback "src" ✨ – Set a "subtle" background-color so users know something is coming 💀 – Use CSS aspect-ratio to avoid layout shifts 🖼️ - Remember your "alt" attribute where necessary 🙏

Today at #GoogleIO we launched Baseline. Working alongside other browsers, we're keen to improve the developer experience of working on the web, to bring clarity to what is available now and what is still experimental. Find out more web.dev/baseline/

can't believe i've only just found out about this podcast...well, better late than never #webdev #podcasts

I just discovered that MDN Web Docs has AI help (Beta at the moment). 🤖 developer.mozilla.org/en-US/plus/ai-…

✍️ New Viewport Units I wrote about the new CSS viewport units: svh, lvh and dvh. The article is packed with a lot of visuals and demos. Happy reading! 🔗 ishadeed.com/article/new-vi…

The new Reddit UI is built with Lit & Web Components: sh.reddit.com. It's fast (on Core Web Vitals) and a good experience so far.

Wonderful video by @una and Adam Argyle from Figma Config 2023! This fantastic duo delves into how responsive design is evolving. Kudos to them for their valuable contribution! youtube.com/watch?v=APhECD…

✍️ I've published a new article on the CodyHouse blog where I share some tips on handling JavaScript events and keeping them organised with the handleEvent method codyhouse.co/blog/post/hand…

📖 Just found an amazing article on `decoding="async"` in `img` tags. It explores its purpose and impact on image loading/rendering on web pages. A must-read! 😊👍 tunetheweb.com/blog/what-does…

Firefox now also supports CSS Nesting, bringing this feature to all major browsers. If you're interested in understanding the primary distinctions between CSS nesting and SASS nesting, take a look at this article - 🔗 frontendly.io/blog/css-nesti… #cssnesting

Just published a fun CodePen.IO showing a parallax effect using custom properties ✨. Check out the pen here 🕹 - codepen.io/iamryanyu/pen/…

We just published the first beta for React 19! This beta release is for collecting feedback and preparing libraries for the next major version of React. To see what's included, check out the release post: react.dev/blog/2024/04/2…