Darek Kay @darekkay@fosstodon.org

Hey, I'm Darek Kay 👋

I'm a #frontend #developer and an #accessibility advocate, currently working at IBM. I love sharing what I know through my #blog, #teaching and #speaking at conferences.

I enjoy hiking, board games, escape rooms and playing the guitar/keyboard. Lately I've been diving deeper into #photography as well.

I prefer reading and writing less frequent but more substantial posts.

#introduction #webdevelopment #webdev #programming #a11y #javascript #typescript #react

I've had quite some debugging war stories, and the one from today goes right to the top 3.
Summary: horizontal scrolling of "overflow: scroll" elements is not working with arrow keys if there is a hidden SwiperJS component anywhere on the page. You cannot make it up. 😵

My first in-person conference since 2019! #mddevdays #conference

Friday 13th clean-up 🧹

Lately, I've been looking more into #photography as a hobby. I've just posted my first photo to #pixelfed 🙂 Don't expect professional shots, but I have to start somewhere 😅

I'm still looking into different ways to POSSE, so I can publish my photos as part of my website as well.

https://pixelfed.social/i/web/profile/425185433823763122

After reading the latest post from Will Boyd, I have found some overflow issues on my blog. This motivated me to add a new module to Evaluatory to detect such issues automatically. Check out the new "base" module in version 2.2.0!

https://github.com/darekkay/evaluatory/releases/tag/2.2.0

TIL: You can retain the #git commit date when doing things like rebase:

git rebase -i --committer-date-is-author-date

It's good to have this option as opt-in for situations where it's useful.

I've added this info to my post about rewriting Git history: https://darekkay.com/blog/git-rewriting-history/#author-date-vs-commit-date

TIL one can style #rss feeds 🤯

You can even provide an info message for people who don't know what RSS is 💡

Here's mine: https://darekkay.com/atom.xml

It's based on this script: https://github.com/genmon/aboutfeeds/blob/main/tools/pretty-feed-v3.xsl

Node.js version 12 has today officially reached its end-of-life. If you are still running Node 12, you should upgrade to at least version 14 (maintenance LTS) or 16 (current LTS). #node #nodejs

https://nodejs.org/en/about/releases/

Hey, I'm Darek Kay 👋

I'm a #frontend #developer and an #accessibility advocate, currently working at IBM. I love sharing what I know through my #blog, #teaching and #speaking at conferences.

I enjoy hiking, board games, escape rooms and playing the guitar/keyboard. Lately I've been diving deeper into #photography as well.

I prefer reading and writing less frequent but more substantial posts.

#introduction #webdevelopment #webdev #programming #a11y #javascript #typescript #react

🌈 React Testing Library is arguably superior to Enzyme, but some projects still contain lots of Enzyme tests. With the upcoming React 18 version, those projects will be forced to either rewrite their tests or work around the issues.

https://darekkay.com/blog/react-18-enzyme/

Disability accommodations often benefit everyone, not just disabled people. Think about wheelchair ramps: parents pushing a stroller, someone walking a bicycle, or someone towing a heavy load on wheels. Web accessibility isn't different. #a11y

🌈 Static Marks 2.4.0 comes with a dark mode and some small improvements! https://github.com/darekkay/static-marks/releases/tag/v2.4.0

I've been playing around with dark mode in my projects lately. How do I ensure my dark theme contains no contrast ratio issues? By adding support for dark mode (and other custom Playwright options) to Evaluatory 🎉

https://github.com/darekkay/evaluatory/releases

I've finally added dark mode + theme switcher to my blog 🌛🌞 Learned some things along the way, so I might do a write-up 🙂

https://darekkay.com/

🌈 My 20th (and probably last) blog post of 2021: How to run Storybook from a separate folder and work around project root issues: https://darekkay.com/blog/storybook-separate-folder/

I've had some issues migrating a medium-sized CRA app to Vite back in June. With Vite 2.7, most of those issues just disappeared 😎 I am finally CRA-free and can enjoy the huge speed improvement. Here's my updated guide: https://darekkay.com/blog/create-react-app-to-vite/

🌈 If you're having issues with the dark mode in latest Firefox, check out my quick tip: https://darekkay.com/blog/firefox-dark-mode/

🌈 Recently I've learned about differences in how npm and Yarn resolve dependencies, which might lead to inconsistencies between different environments. Here's my write-up:

https://darekkay.com/blog/npm-yarn-dependency-resolution/