How Often Do You Try New Things?
By Patrick Cox on
Web design in complicated and requires a lot of time and knowledge — and patience. It's no longer just embedded text background images and slices; it's interactivi
With Rocking Letters into the New Year
By Team Codrops on
2011 has been an exciting year for Codrops and we want to thank you for supporting us! We've learned a lot and it's a privilege to us to be able to share our tutoria
CSS-Only Lightbox
By Mary Lou on
Learn how a CSS-only powered image lightbox works and how to add fancy animations
Slopy Elements with CSS3
By Mary Lou on
It's always a delight to see some non-straight elements in web design. Angled shapes and diagonal lines can create an interesting visual flow and add some unexpected
Experimental CSS3 Animations for Image Transitions
By Pedro Botelho on
Today we want to share some experimental 3D image transitions with you that use CSS3 animations and jQuery. We'll be using CSS3 3D Transforms for Webkit only.
Item Blur Effect with CSS3 and jQuery
By Mary Lou on
Today we want to show you how to create a simple blur effect for text-based items. The idea is to have a set of text boxes that will get blurred and scaled down once
Experiments with background-clip: text
By Mary Lou on
With the CSS property "background-clip: text" (which is currently only supported in Webkit browsers), we can add a background image to a text element. Today we will
25 Examples of Perfect Color Combinations in Web Design
By Gisele Muller on
Today we will show you some examples of websites that are using beautiful and inspiring color combinations that match perfectly and create an eye candy result. From
Design It to Build It: What to Consider When Designing for the Web
By Patrick Cox on
For me, Photoshop is becoming more and more of a prototyping or blue printing tool: it's basically just a canvas for creation. When it comes to the actual constructi
Splash and Coming Soon Page Effects with CSS3
By Mary Lou on
CSS3 opens up so many crazy possibilities and today we want to show you how to go wild with splash and coming soon page effects using CSS3 animations. We'll experime
Lateral On-Scroll Sliding with jQuery
By Mary Lou on
After getting the request, we are going to show you how to create a "slide-in on scroll" effect. You've probably seen this cool effect on some websites, like on Nizo
6 Questions You Should Ask Yourself When Choosing Fonts
By Patrick Cox on
If you're like me, selecting fonts for your web design is going to be either easy or the most difficult task you'll face. Fonts are a huge, powerful part of any desi