Fluid CSS3 Slideshow with Parallax Effect
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 while sliding the container of the slides.
IM Creator Giveaway
In Giveaways by Manoela Ilic
Win one of 5 lifetime subscriptions plus a free domain from the online website builder IM Creator
FlareThemes Giveaway
In Giveaways by Manoela Ilic
Win one of 15 theme lifetime licenses with free setup and installation from FlareThemes.
Type Effects in Web Design: It’s All About Moderation
In Articles by Carrie Cousins
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 key.
Audio Slideshow with jPlayer
In Playground by Tyler Craft
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
In Giveaways by Manoela Ilic
Win one of 10 digital copies of “The Best 365 Websites Around the World 2011” book by Awwwards
Rotating Words with CSS Animations
In Tutorials by Manoela Ilic
Using CSS Animations we will change or rotate some parts of a sentence.
Web Icon Set Giveaway
In Giveaways by Manoela Ilic
Win one of 3 Business Plan Memberships ($99 each) from Web Icon Sets
The Divine Proportion and Web Design
In Articles by Carrie Cousins
Learn to identify and use the golden rectangle to create harmony in web design projects.
Animated Content Tabs with CSS3
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
In Articles by Carrie Cousins
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
In Playground by Manoela Ilic
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
In Tutorials by Manoela Ilic
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?
In Articles by Carrie Cousins
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
In Tutorials by Manoela Ilic
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 responsive.