Gordonmac Dot Com

Mostly a web development blog

Posts Tagged ‘CSS’

Hamburger-Menu-Blue-Version-01

How to toggle responsive CSS navigation

Posted: February 25th, 2016 | Tags: | Posted in: CSS, jQuery, Tutorials

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…

sasslogo

I love SASS (Syntactically Awesome StyleSheets)

Posted: January 19th, 2016 | Tags: | Posted in: CSS, Tutorials

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…

CSSlogo

CSS fading navigation

Posted: May 23rd, 2012 | Tags: | Posted in: CSS, Tutorials

I decided to do something a little different with the main navigation for this version of Gordonmac.com. You’ll notice that when you hover your mouse over a navigation button the rest of the buttons fade to highlight the one you’re pointing at. View Demo There is no jQuery …
Read more…