Inspiring Examples of Symbol and Metaphor Use in Web Design
By Mary Lou on
There are many creative ways of showing what a website is about: the use of images, videos, descriptions and more. Symbolic graphics and metaphorical pictures are a
Typography Effects with CSS3 and jQuery
By Mary Lou on
Today we will create a set of nice typography effects for big headlines using CSS3 and jQuery. There are many things we can do with CSS3 animations and transitions a
Top 10 Reasons to Use HTML5 Right Now
By Patrick Cox on
In order to further demystify HTML5 and help these knuckle dragging designers and developers to jump on the bandwagon I've put together a top ten list of reasons why
20 Examples of Centered Website Designs
By Mary Lou on
Centering elements in a web design is a very effective way of creating visual balance. Centered designs can also make responsiveness easier, a property that is becom
Hover and Click Trigger for Circular Elements with jQuery
By Mary Lou on
Today we want to share one possible solution to the circle hovering problem. We'll create a plugin that will take care of the 'mouseenter', 'mouseleave' and 'click'
Elastic Image Slideshow with Thumbnail Preview
By Mary Lou on
Today we want to show you how to create a simple elastic slideshow with a thumbnail preview. The slideshow will adjust automatically to its surrounding container and
Fullscreen Image Blur Effect with HTML5
By Mary Lou on
Today we want to share a neat image blur effect with you. Using canvas, we want to blur images on the transition to another one, creating a smooth effect.
Communication, Mood and Meaning: Lines in Web Design
By Patrick Cox on
Lines, lines, lines. Lines are everywhere in design, they are used to divide space, direct the user's eye, create flow, create emphasis and organize all design eleme
25 Fresh Examples of Beautiful Typeface Combinations in Web Design
By Gisele Muller on
Typography is a very important part of design and choosing the right type for your design can be very challenging. From print to web layouts, typography is the cente
Interactive Typography Effects with HTML5
By Tim Holman on
With HTML5 gaining popularity, this tutorial outlines what is really just the tip of the iceberg that is interactive design. In this tutorial I will go over the deve
Animated Buttons with CSS3
By Mary Lou on
Still hyped by the possibilities of CSS3, I want to share some CSS3 button experiments with you. The idea is to create some animated link elements with different sty
25 Inspiring Examples of Texture Use in Minimal Web Design
By Gisele Muller on
Today we decided to gather a few examples of minimal sites using texture to add detail to their layout. From really subtle and delicate examples to complete textured
Original Hover Effects with CSS3
By Alessio Atzeni on
The power of CSS3 is enormous and in this tutorial we will see how to exploit it in a very creative way. We are going to create some thumbnail hover effects with CSS