Styled components best practice
Read NoteI'm always interested to see how other people utilise styled-components and the tips Josh shares offer exactly that kind of insight. I fundamentally disagree with his take on descendent selectors β¦
theAdhocracy
I'm always interested to see how other people utilise styled-components and the tips Josh shares offer exactly that kind of insight. I fundamentally disagree with his take on descendent selectors β¦
I've been battling microformats a lot recently, wish I'd found this page of best practice markup examples earlier, it's a great β¦
Tech Twitterβ’ is bickering again and, as ever, Andy's take is the best take: use what works, understand that criticism is not an attack, and realise that what works for you may not work for β¦
A great resource for finding accessible patterns for common UI requirements, as well as including stacks of accessibility best practices β¦
An adaptation of Robert C. Martin's book Clean Code for JavaScript (ES6+) full of best practice examples and (probably more importantly) common anti-patterns that they can β¦
I have a tendency to prefer the kind of "inside-out" control that Kent is advocating in this piece, though I've never head it called "inversion of control" before. The idea of giving your users the β¦
A succinct and to-the-point teardown of why 2FA (two-factor authentication) is beneficial for user verification by businesses, but terrible for preventing things like phishing attacks (because the β¦
I saw Zach's poll on Twitter when they posted it, so I was intrigued to see what the results were. Most people agree with me, that URLs shouldn't have trailing slashes. It turns out that we're β¦
Building a tooltip? A carousel? A password input? I can strongly recommend checking if the Component Gallery has a page on whatever UI pattern you're working β¦
Max has put together one of the best examples of how container queries will fundamentally change the way front-end development works. Better still, they provide extremely clear explanations of β¦
Let Emotion Be Your Guide is a wonderful article from Hana Schank and Jana Sedivy (published on A List Apart) which has taken me far too long to actually sit down and read. It's worth your β¦
There are a lot of new web technologies emerging at the moment which really feel like we're entering a new era. Over the last decade, the likes of HTML5, ES6+, flexbox etc. have brought the web, and β¦
We have seven days in a week, 24 hours in a day β but what does that actually mean when trying to set aside time to work on side projects? Once you take into account work hours, time to eat and sleep, and everything in between, is it all as bad as it feels?
The team behind the HTTP Archive do a fantastic job of analysing the web and 2019 is no exception. From JavaScript to accessibility, if you want to see how well we're doing as a community at standing β¦
Notes from the fully remote React Summit 2020 (or at least the talks I tuned in for). Lots covered, from static-site generators and the Jamstack through to React state management and accessibility. What a fun day!
The search page is live, the index is populated, but it all looked a bit rubbish and it didn't quite work as well as I wanted. Now it's using custom-styled components, queries are tracked/stored via the URL for persistence, and you can filter results based on category.
A collection of interesting thoughts, quotes, and facts from the book McCarthy's Bar (reviewed here):"I can't see that a pint or two during the day is a sign of moral β¦
I've been getting a lot of hands-on time with React Testing Library recently and, for the most part, I really like it. Still, I get caught out from time-to-time, and this article has a lot of great β¦
After four and a half months of avoiding almost everyone, we decided to meet up with Alison's parents midway between London and Exeter. The pandemic rolls on, of course, but we felt comfortable β¦
I've been thinking a lot about an article I read recently that called out technical writing online for being overly trusted. But shouldn't that same argument apply more universally to third-party code coming from any source?
Great write up on the current best practices around hiding elements keeping all users in β¦
A fascinating look at how modern front-end architecture and practices can help solve some of the communities issues; even the ones they initially created! Really neat to see how Brad has been using β¦
People joke about Safari being the new IE6 a lot, but I've never seen as succinct and well-reasoned a take on just how true this is becoming than what Tim has written. Their argument breaks down into β¦
I've always thought the utility of Tailwind was promising, but it bugged me that the way it worked was so counter to both best practices and the web stack's architecture. Well, introducing β¦
How do you make your writing as accessible as possible? Plain text β a system of simplifying the words and phrases used to reduce overall complexity β is an "easy" solution, and I've never seen β¦
A quick (and dirty) way to fetch local data from a JSON file and modify the look of a page in Astro, completely natively.
Need to use an HTML datetime attribute? Can't remember the correct format, or which JavaScript function will output it? Well, here you go!
I read the entirety of the EAA β including all supporting documentation β so you don't have to.
Josh has added some additional thoughts to Andy's CSS reset. Personally, I like a combination of the two (with a dash of Stephanie's best practices thrown in for good measure), but wanted to capture β¦
A broad overview of the best practices involved in designing data visualisations, with heaps of additional context and excellent imagery to really drive home the issues and better solutions. The key β¦