Fought my way through to level 35 and for now I'm like, nope! Fun though: neal.fun/not-a-robot/ Thanks @neal.fun 😄

I'm excited to start my first day at my new company today.

🦊 Responsive design turns fifteen today! WHAT IS TIME ethanmarcotte.com/wrote/respon...

In CSS, I'd like to use `display: flow-root` instead of `overflow: clip` to show outlines, but `display` is often already set for other purposes.

[New blog post] Are CSS Carousels accessible sarasoueidan.com/blog/css-car... In this post, I share some important insights from examining the accessibility of CSS-only carousels that use new features introduced in the #CSS Overflow Module Level 5 spec. #a11y

A few clever ways from @monknow.bsky.social to start using the sibling-count() and sibling-index() functions — or close to it — for things like tree counting, random values, and staggered transitions. css-tricks.com/how-to-wait-...

⚙️ 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 ✅ No more ViewBox headaches

I'm on Japan's Golden Week holiday until May 15🏝️ I've been looking forward to this longest holiday of the year! Fingers crossed for sunny weather during the holidays☀️

We talked about how to use design systems as we read from the Japanese version of the book "Design That Scales", "How to Grow Your Design System". There is a transcript in Japanese so you can read as well as listen to the audio. www.mitsue.co.jp/knowledge/te...

Launching the W3C Docs Community Group openwebdocs.org/content/post...

The Principles Of Web Accessibility are now available in • French • Spanish • Dutch • Japanese 🤘🤘 github.com/Heydon/princ...

We talked while reading the Japanese version of @danmall.bsky.social 's book "Design That Scales" entitled "デザインシステムの育て方" www.mitsue.co.jp/knowledge/te...

I'd like to try using shape(). Switching from SVG to CSS seems difficult, but let's give it a try.

April 16th. 9 AM PT. Be there. developer.microsoft.com/en-us/reacto...

Bulk Suppressions is cool.

CSS Naked day 2025✨ css-naked-day.org/2025.html

Thank you, styled-components too! opencollective.com/styled-compo...

Chrome is addressing a long-standing privacy issue with the `:visited` CSS selector. TLDR: "visited" sites will be partitioned, so visiting a link from one site, will no longer style that site as "visited" on other sites including that same link. More info: developer.chrome.com/blog/visited...

Here's a custom select starter with all the stuff done for transition animations nerdy.dev/notebook/sel...

We talked about the features selected for interop2025. www.mitsue.co.jp/knowledge/te...

🚀The customizable select was just released in Chrome 134 🤩! I’ve been playing around with this feature for quite some time and am excited to start a series. In this part1 history, trickery and how to progressively style a select element. 🥰 utilitybend.com/blog/the-cus...

🎉 Introducing my upcoming third course, Whimsical Animations! This course will teach you how to build top-tier animations and interactions using a variety of techniques. ✨ You can join the waitlist on the course’s brand-new site, which is the most ridiculous thing I’ve built in quite some time:

It's not Baseline, but CSS-only carousels are coming to Chrome 135! developer.chrome.com/blog/carouse... by @nerdy.dev

My favorite CSS property these days is `mask-composite`. It's good to use it for animations and hover. developer.mozilla.org/en-US/docs/W...

I usually use Japanese in which the underline does not overlap with the characters, so I did not realize that the underline made it difficult to recognize the characters.Underlining is often used for links, but some people find the text easier to read while others do not. uxdesign.cc/improving-hy...

I have added `text-decoration-thickness: from-font` to my reset.css, as font files sometimes contain recommended `text-decoration-thickness` information. developer.mozilla.org/en-US/docs/W...

`text-emphasis` Surprisingly, I haven't had a chance to use this property. developer.mozilla.org/en-US/docs/W...

The answer to what I was wondering is in this article!

podcastを公開しました🎙️ 今回はweb.devのNew to the web platform in Februaryの中から3つのトピックを取り上げて話しています！ - The hint value of the popover attribute - CSS advanced attr() function - CSS text-box, text-box-trim, and text-box-edge www.mitsue.co.jp/knowledge/te...

Maybe don't use custom properties in shorthand properties matuzo.at/blog/2025/in...

`from-font` is easy😊 ``` body { font-size-adjust: from-font; } ``` developer.mozilla.org/en-US/docs/W...

Maybe if we set `*:empty{display:none}`, the `picture > src` and `picture > img` will disappear🤔?

I could only see the + icon😅 It's convenient to be able to switch between dark and light here.

When this lands, please try out Scroll Driven Animations in STP and let us know if you find bugs so we can get them addressed! github.com/WebKit/WebKi...

It's been a while since I last saw it, I can't believe it's still there. ``` .class_name .class_name .class_name .class_name .class_name ul li span { background-color: gray !important; } ``` The class names continue forever. I can't win anymore😅

🚀 ESLint now officially supports linting CSS! Read more: eslint.org/blog/2025/02...

CSS @​​function + CSS if() = 🤯 I combined them to build a custom --light-dark() that behaves just like the built-in light-dark() but that is not limited to only <color> values. 🔗 Blog Post + Demo: www.bram.us/2025/02/18/c... 👨‍🔬 Chrome Canary + Experimental Web Platform Features

I wish I could choose the IFT settings when loading WebFont as well.Japanese loading speed is too slow🥲 www.w3.org/TR/IFT/

Decoding CSS Selectors: :has(:not) vs :not(:has). Both selectors look similar but do different things. In this article we share our method for understanding what these selectors do. polypane.app/blog/decodin...

Rethinking Find-in-Page Accessibility: Making Hidden Text Work for Everyone schepp.dev/posts/rethin...

Interop 2025！！！ wpt.fyi/interop-2025

Use `100cqw` instead of `100dvw` or `100vw` to get rid of the scrollbar. Will try later! frontendmasters.com/blog/full-bl...

okay, announcement time! as of this week, Learn With Jason (the company) has officially rebranded – we're @codetv.dev now! - CodeTV refocuses on what we produce (vs centering on me) - we now have the option to become a supporter to get early access: codetv.dev/support more to come. stay tuned!

I need a new job.

<table> highlighting with CSS :has() 💡 td:has(~ td:hover), /* previous sibling cells */ table:has(td:nth-of-type(3):hover) /* column cells */ tr:not(:first-of-type):has(~ tr:hover) td:nth-of-type(3) { background: var(--highlighted); }

I am reminded of this now that the announcement of Interop 2025 is approaching. Perhaps I should have suggested list-style:none;. www.scottohara.me/blog/2019/01...

In Japan, the term “ Taipa” is often used these days. Taipa means time-performance. Yet I wonder why there are so many requests to display VIDEO in a dialog. I think it would be better for users to be able to choose PiP or fullscreen rather than dialog, which would not hinder time-performance.

I'm referring to the full bleed layout of @joshwcomeau.com 's article for the website layout. I often set the subgrid in the constrain-width column. www.joshwcomeau.com/css/full-ble...

Button elements adjacent to text fields are labels, right? waic.jp/translations...

Dang I'm excited about new semantic attr() capabilities in CSS! I wrote a post about why this feature is so powerful, how it could change the way you build components, and how I would use it. Advanced attr() is rolling out in Chrome 133 starting next week 🥰 una.im/advanced-attr/