Archive for the 'Tutorials' Category
Tutorials | 01 Mar 10 | 0

Adaptable View – How do They do it?

Adaptable view is a user interface design pattern which you can use to allow users to manually change visual appearance of content in order to fit their needs. This is usually done by switching styles (in web sites and applications). This way you provide your users with more control over the appearance of content which improves user experience. (more…)

jQuery Tutorials | 15 Feb 10 | 0

Create a Realistic Hover Effect With jQuery

For one of the projects I’m currently working on with Rareview, we wanted to add a rising hover effect to a set of icon links. Using jQuery’s animate effect, I experimented with icons that have reflections and others with shadows. Here is a demo with two examples. (more…)

Photoshop Tutorials | 12 Feb 10 | 0

How To Design A Clean Single Page Portfolio Website

Earlier this week I released a new template called Kazuko which is a single page portfolio template. In this article I’d like to show you how I designed the template in Photoshop (check out the Kazuko features page and the live demo). (more…)

jQuery Tutorials | 10 Feb 10 | 0

Automatic Image Slider With CSS & jQuery

With the release of the iPad and its lack of support for flash, it has stirred up a lot of debates regarding the future of flash. With this in mind, I believe it is wise to build simple widgets like the image slider using HTML/CSS/Javascript, and leave more interactive applications for flash if needed. (more…)

Tutorials Wordpress | 10 Feb 10 | 0

Custom CSS Per Post

I’ve long been a fan of “art directing” posts. That is, to apply unique CSS styling to an individual page of content when the situation calls for it. In the past, I’ve used the Art Direction plugin and I even created a screencast on using it. As it turns out, there is a major problem with the art direction plugin. (more…)