With smartphone subscriptions projected to climb above 50% of the market by the end of 2011, designing for mobile browsers and touch devices is now reaching critical mass. The days […]
In this tutorial we will create an image gallery with jQuery that shows a preview of each image as a little thumbnail. The idea is to hover over the slider […]
When designing a website you can use several effects to drive attention to an element, emphasize something or simply to give your page an unique and personal touch. From underlines […]
In fine art, visual movement is used to guide the viewer through the piece. Lines, shapes, color, depth and hierarchy can all be used to guide the viewer from one […]
In today’s experiment, we created a little gallery that plays with the black and white versions of images. The idea is to have an initial grid-like view of the different […]
Portfolios are a great opportunity to show your potential clients and customers what you have created and what you are capable of. It can also be a playground for ideas […]
I’m totally guilty on this one Your Honor. I have copied sites before, but I have learned my lesson and I will never do it again. I promise. Why do […]
In this tutorial we will create a simple animated form switch with three very common forms. The idea is not to leave the page when the user goes to another […]
UI elements – user interface elements – are a really important part of the design process. They are what we can call the face of interaction between your site and its users. Everything need to be well designed, positioned and planned. Drop downs, menus, search boxes, forms…all these elements need to be clear, easy to see and use and also beautiful, everything to get the viewers attention and get the results we want.
Happy New Year! We will kick start 2011 with a vibrant image slider tutorial. We will make use of the parallax principle to move different backgrounds when we slide to […]
In this tutorial we are going to create some nice effects for a portfolio or similar website with jQuery. We will create a tiny slider and integrate it with the […]
Today we will show you how to use and customize the brilliant jQuery Booklet Plugin by talented Will Grauvogel. We will create a virtual Moleskine notebook with latest posts from […]
In this tutorial we will create a bubbly image gallery that shows your images in a unique way. The idea is to show the thumbnails of albums in a rounded […]
Today we will show you a nice effect for images with jQuery. The idea is to have a set of rotated thumbnails that, once clicked, animate to form the selected […]
In this tutorial we are going to create a simple menu that will stand out once we hover over it by covering everything except the menu with a dark overlay. […]
Today we will create a neat effect with some images using jQuery. The main idea is to have an image area with several images that slide out when we hover […]
Today we will create an animated portfolio gallery with jQuery. The gallery will contain a scroller for thumbnails and a content area where we will display details about the portfolio […]