A simple SASS mixin to apply :hover states only to non-touch enabled devices.
Use a SASS mixin to generate line-height and padding so you don't have to set an explicit height on elements with different font sizes.
On large and small projects alike, sometimes you end up writing repetitive CSS classes. Maps can make your life easier.
Great interface design is making sure your users complete tasks easily and efficiently. ‘Distraction free’ modes remove the UI but what if that’s the default?
Phil Karlton said one of the hardest things in computer science is naming things. This is especially true with variable names as their value can change.
It's best to show users the current depth of a page using breadcrumbs. You may also want to indicate the same in the browser tab; Kirby provides some handy tools to achieve this.
Often you find yourself zero-ing margins and list-styles all over the place. Gain more control by scoping your classes and root elements within a specific context.
A simple way to help identify which breakpoint is active when using variables for media queries.
Sometimes you need a little more granular control over who sees which menus in Wordpress rather than relying solely on user roles.
This technique allows the background behind the element to be seen instead of the background of the element itself.