Blog Category Archives: Tutorials

Create a CSS3 Search Form

July 14, 2010 Freebies, Tutorials

A site’s search form is a vital tool for visitors to quickly find exactly what they want. Since it is such a useful tool, it should not only stand out on your site in location, but also by appearance. Thanks to CSS3, creating a slick search form is easier than ever.

Read more

Update your mobile site for Opera Mini

April 14, 2010 Resources, Tutorials

The unthinkable has happened: Opera Mini, a mobile version of the Opera browser, has been approved for the iPhone. It is a great browser, and has many features that the stock Safari browser doesn’t have. Unfortunately, your special iPhone version of your site may be broken when viewing it in Opera. This can easily be fixed by adding in some more CSS.

Read more

Create an iPhone-like content slider with jQuery

March 21, 2010 Freebies, Tutorials

As I’m sure you are well aware, jQuery is a great and efficient way to enhance your website. Using jQuery, you can display your content in a different way, promote user interaction, and stand out from the rest. Today we will learn how to create an iPhone inspired content slider with jQuery and Nathan Searles’ loopedSlider.

Read more

New Portfolio Design Tutorial 2: The Animation

December 22, 2009 Tutorials

In part two of the new portfolio design tutorials, you will learn how to recreate the animations used to transition between pages. Again, the entire site is on one page, in separate divs. They are broken up into different “pages” with jQuery. jQuery also takes care of the animations between page changes. To view the […]

Read more

New Portfolio Design Tutorial 1: The Background

December 9, 2009 Design, Tutorials

I recently redesigned my portfolio from the ground up. I like to change up my designs every once and a while to keep it fresh, and to use the latest technologies that I learned since my last design. My latest portfolio design is a simple layout focused on user interaction. Almost everything has an element that reacts to the user’s moves. Also, the site is built all on one page, but separated into sections by jQuery. This allows for a fast initial load time, and no loading after that.

This is the first tutorial in the series that I will teach you how I created the site. In this tutorial, you will learn how to recreate the background of my website.

Read more