How to Use CSS Image Hover Effects

How to Use CSS Image Hover Effects

Posted Friday, November 23rd, 2012 in Uncategorized

Images are a very important part of any website. As a matter of fact, an infographic from MDG advertising shows that articles with relevant images receive 94% more total pageviews than articles without images, on average. But, as web designers and developers, we can do much better than simply adding graphics to our websites. We have the ability to use code to make those images pop and become interactive! So today, let’s go over how to add some hover effects to images using CSS.

Drought Boilerplate Review

Drought Boilerplate Review

Posted Friday, November 16th, 2012 in Reviews

There is no shortage of boilerplates and frameworks that web developers can choose from to use in their projects. I don’t know about you, but I have usually felt like many of these frameworks were bloated and sometimes difficult to understand. That’s why I have fallen in love with the Drought boilerplate from James Fleeting. I could say Drought is a stripped down boilerplate that lets you get right into development, but that wouldn’t be a completely fair assessment. So, please allow me to explain by breaking down Drought into the three main components of any website: HTML, CSS, and Javascript

How to Create a Simple jQuery Gallery

How to Create a Simple jQuery Gallery

Posted Thursday, November 8th, 2012 in Tutorials

It’s become pretty commonplace to include jQuery galleries and sliders on websites. This surge in popularity has also brought tons of jQuery plugins on to the market. The great thing about this is that you can usually find a good plugin for any effect you need. And if the plugin doesn’t fit your exact need, then you can usually adapt the plugin to fit your needs. The only problem with many of these ready made plugins is that they are super bloated! That’s why I’d like to walk you through how to roll your own custom jQuery gallery The Basic Implementation Any time you build something, it’s a good plan to start small and build big. So, let’s go ahead and look at a minimal implementation of the gallery. Below is a screenshot of this simple gallery.

Concrete5 Review

Concrete5 Review

Posted Thursday, November 1st, 2012 in Reviews

As a web developer, your job is much more than just to deliver a beautiful, functional website. While you likely spend a great deal of time designing and developing your websites, I’ve found that I usually spend a lot of time with the customer, trying to explain how their website works and how to maintain it.

TypeCast: Font Design Made Easy

TypeCast: Font Design Made Easy

Posted Friday, October 26th, 2012 in Reviews

Designing beautiful web pages is no easy task, but there’s a new tool on the block that allows developers to easily design their fonts in the browser. But, the question is if TypeCast is a tool that will actually save you time and frustration.

Adobe BrowserLab Review

Adobe BrowserLab Review

Posted Friday, October 19th, 2012 in Resources

One of the most exhilarating feelings of web development is getting a website to look exactly how you want. The only better feeling is when you make it live. But no matter how great that feeling is, I’m sure we can all agree that it is extremely frustrating to deal with cross browser compatibility issues! This feeling is exactly what I felt while I was trying to fix an error on a website, Optiniche, over the past couple of days. For some bloody reason, the nav bar was not appearing in IE8. And with Internet Explorer holding on strong with around 16%

Quick and Easy Guide to Using Custom Web Fonts

Quick and Easy Guide to Using Custom Web Fonts

Posted Saturday, October 13th, 2012 in Tutorials

When it comes to web or graphic design, the fonts you use play a vital role in the overall design and success of your site. I have even seen beautiful websites that use absolutely zero images in the design of the website and still look amazing! But, to use web fonts in your websites, you’re likely going to use Google Web Fonts (which is a great free service, although it seems limited), or you will have to pony up some money to pay for a service like TypeKit. This is how I implemented custom fonts on my website for several months! That is, until I found out about the new @font-face property that was released with CSS3.

Thesis Theme Review

Thesis Theme Review

Posted Friday, September 28th, 2012 in Reviews

When it comes to an all-around great theme for WordPress, you’ll be hard-pressed to find anything better than Thesis. If you’re tired of stuffy themes that don’t allow you much freedom in your designs, then you’ll be very please with Thesis’s options. Thesis’s Options Thesis gives you plenty of options, but at the same time, not enough to overwhelm you. There are six option panels: Site Options, Design Options, Header Image, Favicon Uploader, Custom File Editor, Manage Options. I usually spend most of my time in design options, but when I first install Thesis on a website, I usually will tweak a few settings in site options for SEO.

Genesis Theme Review

Genesis Theme Review

Posted Saturday, September 22nd, 2012 in Reviews

Let’s be honest, when it comes to WordPress frameworks, there are only two options – Thesis and Genesis. I have used, and liked both, but let’s focus on Genesis. Out of the box, Genesis boasts some build-in options, solid SEO, rock-solid security, and an easy update feature. Based on this introduction, you’ve probably already guessed that this will be a good review of Genesis. Please let me elaborate. Theme Options Genesis comes standard with a small but powerful set of options. Most important for designers are the layout options. Genesis allows you to choose from 6 layout options out of the box.

Catalyst Theme Review – Truly Unlimited

Catalyst Theme Review – Truly Unlimited

Posted Thursday, September 13th, 2012 in Reviews

Not too long ago, I had the opportunity to play with the Catalyst theme. To be honest, I should’ve written this review quite a while ago when I first got a hold of the theme. 😉 After playing with Catalyst for quite a bit, and seeing its potential, I can say that this is one of my favorite themes I’ve used to date. Right up front, I want to tell you that this theme is not for the faint of heart though. Catalyst is a complicated theme. But, with features such as Responsive Design and an Unlimited License (Yes, awesomeness)… I’m inclined to deal with the learning curve. What will Catalyst Theme cost me? The Not So Great Right off the bat, I want to reiterate that Catalyst does have a ton of options. Just looking at the Catalyst admin options page is almost scary. But, then again, I’m the kind of guy that prefers less choices. I want to walk into a burger joint and have 3 choices: Hamburger, Cheeseburger, Double Cheeseburger. 😉