Fluid CSS3 Slideshow with Parallax Effect
By Rey Wang on
In this tutorial we will create a slideshow with a parallax effect using several CSS3 properties. The idea is to move the background positions of two backgrounds whi
IM Creator Giveaway (ended)
Win one of 5 lifetime subscriptions plus a free domain from the online website builder IM Creator
FlareThemes Giveaway (ended)
Win one of 15 theme lifetime licenses with free setup and installation from FlareThemes.
Type Effects in Web Design: It’s All About Moderation
By Carrie Cousins on
Type effects – from bolding, italics, tilting, strokes and underlines – can make or break the typography on your site. Using type effects in moderation is the ke
Audio Slideshow with jPlayer
By Tyler Craft on
Today we'll share an audio slideshow with you, i.e. a slideshow that will be synced with some audio. We are using the open source audio framework jPlayer.
Awwwards: The Best 365 Websites Around the World 2011 Book Giveaway (ended)
Win one of 10 digital copies of "The Best 365 Websites Around the World 2011" book by Awwwards
Rotating Words with CSS Animations
By Mary Lou on
Using CSS Animations we will change or rotate some parts of a sentence.
The Divine Proportion and Web Design
By Carrie Cousins on
Learn to identify and use the golden rectangle to create harmony in web design projects.
Animated Content Tabs with CSS3
By Rey Wang on
In this tutorial we are going to implement some simple CSS3 content tabs using radio buttons together with the :checked pseudo-class and sibling combinators.
Successful Web Design: It’s All About The Details
By Carrie Cousins on
Pay attention to alignment, contrast, type effects and color because these items can make or break your website design.
Direction-Aware Hover Effect with CSS3 and jQuery
By Mary Lou on
How to create a direction-aware hover effect using CSS3 and jQuery. The idea is to slide in an overlay from the direction we are moving with the mouse.
Slideshow with jmpress.js
By Mary Lou on
Today we will create a slideshow using jmpress.js. The jQuery plugin that is based on impress.js will allow us to use some interesting 3D effects for the slides.
Color and Emotion: What Does Each Hue Mean?
By Carrie Cousins on
Color can evoke a wide-range of responses and it is important to understand the effect a hue can have on your message when planning a design project.
Responsive Horizontal Layout
By Mary Lou on
In this tutorial we'll create a horizontal website layout with individually scrollable content panels. We'll change the layout for smaller screens, making it respons