Content filed under “Quick Tip”
Subscribe with RSS
You can set a different delay for each transitioned property, using the transition shorthand, which creates some pretty cool state changes.
You can prevent that annoying squished look that elements like icons get when space runs out in a flex context with flex: none.
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.
We can add an extra bit of space to targeted elements, thanks to modern CSS!
Convert a messy multidimensional array into a nice single dimension array of unique items.
Get the benefits of monospaced fonts with your favourite (supported) non-monospaced fonts.
A handy way to use modern CSS functions to give yourself fine-grained, yet flexible, design control.
A handy helper function that will load all user-focusable elements inside a parent element for you.
That time of the year is coming up, so this trick will keep your website footer up to date on your Eleventy site.
Sometimes you get a bit stuck in a course, so this quick tip teaches you how to get back on track
Create spacing that works regardless of the direction of your content or the environment of your users.