Orbit Button Glow

Maybe you’ve seen this type of interaction already if you’ve taken a glance at Polymer’s paper components. The idea is that when a click event is triggered an orb like glow appears and then vanishes at the end of the event. It’s a nice and subtle way to provide user feedback when they interact with an element on your page, but also doesn’t break layout if it sits next to other items. We achieve the effect through the use of keyframe animations, class toggling with JavaScript and using the animationend listener made available via JavaScript. Read More →

Emmet Hot Key: Open & Closing Tag

Quick keys are the best thing since sliced bread when you have a firm grasp of them and use the ones you care about the most. I’ve been doing some research to discover a few favorite quick keys with my editor of choice and wanted to share one that I think is pretty hawt! Read More →

The Tools of a Remote Worker

So, I work remotely for Mode. Yes, remote work is quite the luxury, but it also has it’s downsides when it comes to communicating. I’m gonna list a few services that I feel make my life as simple as possible (and the ones that fail) when I’m trying to communicate effectively with my co-workers. Read More →

Coding for Touch & Click Events

Recently I watched a video on building for touch screens that discusses the challenges when building for touch and keyboard interactions —something that is on the mind of many, many, many, many, many people and something I’ve written about before. So what’s the best way to deal with touch at the moment? Modernizr? Well, detecting for touch primarily using something like Modernizr.touch can sometimes lead to false positive results plus it can be dangerous to make that assumption when a device also includes a keyboard. Read More →

I Don’t Git Case Sensitivity

Git is great! Even though it’s totally (hashtag) awesome sauce, you can encounter the occasional strangeness from time to time. My encounter deals with case sensitivity with both file names and also directory names. Read More →