I keep running into the same problem: how to set a style attribute in the CMS and have that be dynamically rendered on the front-end, without relying on inline styles. Turns out it's a great use case for CSS variables!
An in-progress project looking to create a CSS reset that
creates modern defaults, rather than just focusing on standardising
behaviour across browsers or removing irritating legacy features in
…
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!
I think there's some real merit to Andy's ideas behind Cube CSS.
It's a middle-ground between everything-in-JS or BEM that throw out
the cascade entirely and the free-for-all that can happen if you
…
The idea of a great divide in front-end development resonated with me. I'm worried about how the erosion of certain skills could lead to a less inclusive, accessible web, for both users and developers. On the other hand, there are some massive advantages to our new tools. It's a double-edged sword.
A very clever article (as ever) from Sara on how to ensure the
content you create is accessible through RSS feeds and Reader modes
(and a host of other …
Heydon's video is an excellent overview of their much-loved owl
selector and "stack" layout pattern. I actually didn't realise that
Heydon was the original "inventor" of the owl, though it makes
a …
A very interesting breakdown of why accessibility auditors often
see ARIA labels as red flags, deftly explained (as ever) by Eric.
(I also must admit that the interactive-only aspect of ARIA labels
…
Harry has created an absolutely phenomenal talk here that
provides an immense amount of depth whilst still being completely
accessible to someone like me who largely doesn't deal with the
technical …
🔖
Modern CSS for dynamic component-based architecture
I'm still enjoying the wombo-combo of Sass and CSS Modules, but my React-ified brain occasionally blanks on how to approach certain problems. The one that catches me out the most: style inheritance.
An interesting look at whether the current mobile-first paradigm
is problematic. Ultimately, the title feels a little like
click-bait; to me the solution proposed remains mobile-first, but
suggests …