A design exploration of symbol overrides in Sketch and how they could be improved, with a focus on usability and visual consistency.
While Trellis offers deployments from your local machine, Circle CI can be configured to run tests, build the project and deploy when new code is pushed to your repo.
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.