Tutorials

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.

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.