Understanding the Rule of Thirds in Web Design
Intentional or not, the rule of thirds comes into play with most visuals, including images and in almost any web design.
+ more
Creating an Animated 3D Bouncing Ball with CSS3
In this tutorial we’ll create an animated 3D bouncing ball using only CSS3 transitions, animations and shadow effects.
+ more
Elegant Themes Giveaway
by Mary Lou
Win one of three memberships for access to all the premium Wordpress themes of Elegant Themes
+ more
Animated 3D Bar Chart with CSS3
by Sergey Lukin
A tutorial on how to create an animated 3d bar chart using CSS only.
+ more
Making Room to Breathe: Wrapping Text Around Elements
Text wrap can be a useful tool when embedding images into blocks of text and when used properly can add to your site’s readability.
+ more
Annotation Overlay Effect with CSS3
by Mary Lou
A tutorial about how to create an overlay effect to show some more details of an item or image. The effect is CSS-only and uses a combination of the :checked pseudo-class with the sibling combinator.
+ more
How to Create a Fast Hover Slideshow with CSS3
by Mary Lou
A little fast-running image slideshow that plays on hover and pauses when mousing out. The current image will stay visible.
+ more
Understanding the Lingo: Typography Glossary
Ascender, descender, tail, ligature. What do they all mean? A glossary of terms can help you understand the parts of type for your next project
+ more
Experimental Page Layout Inspired by Flipboard
An experimental page layout that let’s you navigate pages by swiping or dragging as in a booklet, inspired by Flipboard.
+ more
Impressionist UI Pack Giveaway
by Mary Lou
Win one of 3 personal licenses (39$) and 1 developer license (149$) for the Impressionist UI Pack from DesignModo.
+ more
ThriveSolo Giveaway
by Mary Lou
Win one of 5 premium 1 year accounts from ThriveSolo – the beautiful project management platform for the modern freelancer
+ more
Enhance Required Form Fields with CSS3
by Mary Lou
Enhance required fields in a form with this little effect. The idea is to allow better visibility for obligatory fields while de-emphasizing optional ones.
+ more
Effective Typography-Driven Web Design
Using type as a primary design element comes with a set of characteristics that are often found in clean and easy-to-read websites.
+ more