Just part of something I’ve been working on. The requirement was for a simple navigation, but it also had to have something different. I’m really starting to love CSS transforms! See the Pen Navigation with Animated Underline by Gordon Mackay (@gordonmacdotcom) on CodePen. The HTML <nav class=”nav–top”> <ul> …
Read more…
There are probably hundreds of ways to implement visibility toggling for navigation in responsive states, but this is the way I do it, it’s simple and sane. See the Pen Basic Responsive Navigation Toggle by Gordon Mackay (@gordonmacdotcom) on CodePen. The HTML Nothing exciting about the HTML markup …
Read more…
Responsive video backgrounds (as featured on the homepage of the current version of this site) are pretty popular at the moment. They’re pretty cool if you want something a bit different from a static hero panel. Here’s how I did mine. See the Pen A “hero panel” with video …
Read more…
I’ve always enjoyed writing CSS, doing the calculations required to get the percentage widths for page elements is almost therapeutic in some ways, so the idea of using a preprocessor to develop CSS for websites was, for me, for a long time, something I couldn’t really get into. …
Read more…
This is one of the fastest little tutorials I have probably ever written, and that’s because creating a “page loading” box in jQuery is so damn simple it’s silly. You can view the example just to see what it does. The Javascript You need to grab hold of …
Read more…