How To Create A Semi-Transparent, Tool-Tip Button Overlay Effect With CSS
Well the post title is a bit of a mouthful so if you would like to see an example of what I’m talking about, check out . Upon arriving, rollover any of the left side links like “Toolbar Search” and you will see the tool-tip overlay effect on that button. For this tutorial, I’m going to show you how to create this type of overlay for use on your website. Continue Reading »
How To Create A Single-Image CSS Navigation Matrix
Using a single-image CSS navigation matrix is a great way to build a nav bar that is light on images and relies primarily on CSS. We will use CSS to plot out the coordinates of each button and define it’s click-state. I recently used this technique for the re-design of yoursole.com (not live yet). Probably the most well known website that uses this type of navigation bar is .
Continue Reading »
WordPress CSS Post Checklist
When you are designing a WordPress theme, there are a number of things you need to consider. One of the main ones is the built in posting styles. has a great post where you can download a collection of sample posts. Import the sample posts to your blog and you’ll have a great testing template.
Continue Reading »
Email Newsletter Template
A couple weeks ago I posted a list of tips for coding a Email Newsletter. I mentioned I would provide a template and I’m following through with that promise now. Read on to preview the template and download it.
Continue Reading »
How To Add A Twitter Badge To Your Website
Twitter is one of my favorite websites. It’s essentially a glorified facebook status update but I like how I can integrate my feed onto other websites. I also enjoy the fact that I can import my blog feed to twitter and then pass it onto my facebook status updates. For this post, I’m going to talk about adding your Twitter status to your personal website.
Continue Reading »
Vertically Centering Text With CSS
Until recently, vertically centering text with CSS has always been a technique that escaped me. In the past, I had used padding to try and achieve the vertical centering. However, it was not a perfect fix due to the fact that each browser treats padding slightly different. Read on to learn how to center your text everytime.
Continue Reading »
Achieving Active Link States with CSS
Today we are going to talk about achieving active link states using CSS and a tiny little bit of HTML. The most popular use for active link states is to highlight the page you are currently viewing on your website.
Continue Reading »
Improving Keyword Strength For SEO
Before you start writing any content for your website or blog post, it’s a good idea to create a list of 10-15 keywords. Once the writing begins, be sure to use your keywords throughout the copy. The use of keywords will improve your search results when a search engine crawls your website. An easy way to further strengthen your keywords is to wrap them in <strong>keyword</strong> tags.
Continue Reading »
Follow me