It’s tempting to use a sharp box shadow for focus styles to both remove the default focus ring and to get around sharp outline corners. With this method, you can create problems for Windows High Contrast users, so this quick tip will help you get the best of both worlds.
Frameworks like Next JS output a lot of heavy-duty client side JavaScript, so this quick tip stops that to have a huge positive impact on performance.
Learn to create a simple, accessibility friendly and configurable fluid type system that uses modern CSS sizing functions.
Some notes on the dogmatism and gatekeeping themes of Tech Twitter and how they can generate often incorrect and naive statements—specifically about frameworks and methodologies.
We can add an extra bit of space to targeted elements, thanks to modern CSS!
Get the benefits of monospaced fonts with your favourite (supported) non-monospaced fonts.
Convert a messy multidimensional array into a nice single dimension array of unique items.
A handy way to use modern CSS functions to give yourself fine-grained, yet flexible, design control.
In this premium tutorial, we’re going to build a burger menu from the ground up, using progressive enhancement, ResizeObserver, Proxy state and of course, super-solid HTML and CSS that pull from the CUBE CSS principles.