As a designer, I learned to make Figma plugins in a week
Recently I had the need to use random colors for a project in Figma. Yes, I could do it manually but instead I turned my hand to plugin development.
Recently I had the need to use random colors for a project in Figma. Yes, I could do it manually but instead I turned my hand to plugin development.
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.
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.
Based on the BBC's Responsive News method of 'cutting the mustard' you can conditionally load the correct version of jQuery for your visitors.
Sometimes you don't have full control of how links will open in content generated by a CMS. Here is a quick way to overcome that with one line of jQuery.
Adobe has come a long way and but only recently moving into the 21st century with the release of Creative Cloud. Here's how you can use Dropbox to add some much needed functionality.
Once you’ve decided that you want to create a short URL for your blog, there are a few steps you need to go through in order to set it up properly.
When you use a click event to trigger a dropdown, the best option to close it is to allow people to 'click off' and close it. It's actually quite simple to do once you understand what's happening.
How many times have you tried to access a menu or some form of navigation on a touch enabled device, only to find that the it's based on :hover events and doesn't behave quite as you'd expect.