Gordonmac Dot Com

Mostly a web development blog

Category: CSS

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…

Styling previous and next links

Posted: January 26th, 2008 | Tags: | Posted in: CSS, Tutorials

Previous and next “pagination” is a fairly common design element found on sites. As the name suggests, it’s a simple navigation structure designed to allow users to move forward to the next, or return to the previous page in a sequence of documents. The purpose of this type …
Read more…

Styling search forms

Posted: December 16th, 2007 | Tags: | Posted in: CSS, Tutorials

Many people argue against removing browser default styles for form elements, especial replacing the default submit input with an image. This for the simple fact that text in an image cannot be resized by the user. However, forms are a continual interest for me, and where possible I …
Read more…

Styling dates with CSS

Posted: November 29th, 2007 | Tags: | Posted in: CSS, Tutorials

I have seen similar styling of blog post dates on many blogs, and always thought it was a rather neat way of doing it. Tonight I decided to have a go for myself and discovered that it’s pretty darn simple really. All it takes is an image, a …
Read more…