Blogs about Front-end web development

This is the 3rd post in a small series we did on form accessibility. If you missed the 2nd post, check out Managing User Focus with :focus-visible. In this post we are going to look …

Yesterday, we learned how to create your first Web Component. Today, we’ll learn how to add options and settings. Let’s dig in! Our Web Component We’ve got our <wc-count> Web Component from yesterday. When someone …

Due to the new job I've given myself permission to consume even more design systems related content. In doing so I listened to a recent Syntax FM episode featuring the folks from Shoelace, now Web …

I spent a decent amount of time last year helping to create a table component. Tables are complicated to make. They’re even more complicated to make accessible. I’m proud of our efforts here, especially because …

This post is probably too long, but I need someplace that I can refer to. As is often the case, I am writing this to sort my thoughts, primarily. But I am hoping to give …

Today I was at the IAAP-EU event in Paris, where we spent a morning workshopping and clarifying parts of EN 301 549, the procurement standard that is used in the Web Accessibility Directive. I managed …

Here’s an example of some icons that transitioned well in the Big Sur-ification of macOS icons: And just for good measure, here’s a few more — I love this stuff. While some apps made this …

I wrote Responsible JavaScript for A Book Apart. I hope you’ll consider buying it, and if you do, I hope you like it.

You can’t make an omelette without cracking a few eggs, and when the core React team unveiled their vision for the future of React, some of my favourite libraries got scrambled 😅. In this blog …

Twelve years ago I published my first article on this site, and it's still alive (is it?). Writing # I haven't published anything in the last year. Last year I thought I will come back …

Every now and then, I see someone post their latest and greatest set of CSS resets. Here’s mine: @layer reset { *, *::before, *::after { box-sizing: border-box; } body { margin: unset; } button, input, …

Annual year in review: 2023 edition.

A few weeks ago I gave a talk for Smashing Meets about Web3. Find the talk description below. You can watch the video of ‘Web3: creating problems where we need solutions’ on Smashing Magazine’s Vimeo. …

tl;dr: Overfitting happens when solutions don’t generalize sufficiently and is a hallmark of poor design. Eigensolutions are the opposite: solutions that generalize so much they expose links between seemingly unrelated use cases. Designing eigensolutions takes …

The crucial role of female role models in the tech industry, this blogpost delves into real experiences and insights. It offers actionable strategies for fostering diversity and inclusion.

I don’t need to tell you that addiction is bad, as is addictive design. That much is obvious to everybody, including the European Parliament who’ve assessed the nature and impact of addictive apps, websites, and …

I finally made an archive of my Twitter feed. It lives at twitter.lynnandtonic.com. I built it with 11ty after processing my downloaded archive into markdown with Tim Hutton’s Twitter Archive Parser.To get things looking and …

People often ask me for recommendations for front-end development conferences. Picking my Top 3 would be challenging, but I know that beyond tellerrand in Germany is one of them. Location in Düsseldorf Web developers love …

People often ask me for recommendations for front-end development conferences. Picking my Top 3 would be challenging, but I know that beyond tellerrand in Germany is one of them. Location in Düsseldorf Web developers love …

The Logitech Spotlight presentation remote is a sleek piece of hardware. It is comparatively small, fits nicely in the palm of your hand, and the buttons come with a very satisfying, albeit for my taste …