Home » category » Tutorials

Articles in: Tutorials

Create a CSS3 Search Form

Create a CSS3 Search Form

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 »

Tags: , ,

Update your mobile site for Opera Mini

Update your mobile site for Opera Mini

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 »

Tags: ,

Create an iPhone-like content slider with jQuery

Create an iPhone-like content slider with jQuery

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.

Download SourceDemo

Read More »

Tags: , ,

New Portfolio Design Tutorial 2: The Animation

New Portfolio Design Tutorial 2: The Animation

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 animation that we will be recreating, visit my portfolio and navigate between the pages. Read More »

New Portfolio Design Tutorial 1: The Background

New Portfolio Design Tutorial 1: The Background

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 »

Create an Advanced CSS3 Menu

Create an Advanced CSS3 Menu

Creating a nice looking menu no longer needs all the code and time it use to, thanks to CSS3. This is a tutorial explaining how to create great looking buttons using just CSS3.

Download SourceDemo
Read More »

Tags: ,

Welcome to my blog

Welcome to my blog

It has been a long time coming, but my blog is finally finished! For those of you who don’t know me, I am a web designer. When I’m not designing a site, I am constantly looking for inspiration and the latest techniques. I hope that I can inspire some of you, as well as help you with your designs.

I will be posting everything from website showcases for inspiration to tutorials and even my favorite tweets. Aside from my blog, you can also follow me on twitter: @cameronbaney where I tweet about everything web design.