All Posts on Codrops

3D inspiration roundup

Showcase of Depth and Perspective in Web Design

In Articles, Jan 28, 2011 by Manoela Ilic

An interesting way to spice up a web design is to add some depth to it....

slider tooltip

Thumbnails Preview Slider with jQuery

In Tutorials, Jan 27, 2011 by Manoela Ilic

In this tutorial we will show you how to create and use a thumbnails preview slider with jQuery....

circular inspiration roundup

25 Examples of Circular Elements in Web Design

In Articles, Jan 24, 2011 by Gisele Muller

When designing a website we have a lot of elements to worry about: menus, navigations buttons, forms, header, footer and many other important details that make our design special. Today we decided to list some good examples of circular elements in web design. We will show you beautiful circular buttons, menus, images and other details.

mobile webapp

Fingers are Bigger than Mice – Design Concepts for Mobile Websites

In Articles, Jan 20, 2011 by Patrick Cox

With smartphone subscriptions projected to climb above 50% of the market by the end of 2011, designing for mobile browsers and touch devices is now reaching critical mass....

slideshow

Sweet Thumbnails Preview Gallery

In Tutorials, Jan 19, 2011 by Manoela Ilic

In this tutorial we will create an image gallery with jQuery that shows a preview of each image as a little thumbnail....

inspiration roundup

Shadow Usage in Web Design

In Articles, Jan 17, 2011 by Gisele Muller

When designing a website you can use several effects to drive attention to an element, emphasize something or simply to give your page an unique and personal touch....

visual movement

Visual Movement: Flow in Web Design

In Articles, Jan 14, 2011 by Patrick Cox

In fine art, visual movement is used to guide the viewer through the piece....

slideshow

B&W Box Gallery

In Playground, Jan 12, 2011 by Manoela Ilic

In today's experiment, we created a little gallery that plays with the black and white versions of images....

inspiration roundup

Creative Examples of Portfolio Item Display

In Articles, Jan 11, 2011 by Stelian Subotin

Portfolios are a great opportunity to show your potential clients and customers what you have created and what you are capable of....

copying

Share, Don’t Steal (why we copy)

In Articles, Jan 7, 2011 by Patrick Cox

I'm totally guilty on this one Your Honor....

form

Animated Form Switching with jQuery

In Tutorials, Jan 6, 2011 by Manoela Ilic

In this tutorial we will create a simple animated form switch with three very common forms....

inspiration roundup

25 Fresh Examples of Beautiful UI Elements

In Articles, Jan 6, 2011 by Gisele Muller

UI elements – user interface elements – are a really important part of the design process. They are what we can call the face of interaction between your site and its users. Everything need to be well designed, positioned and planned. Drop downs, menus, search boxes, forms…all these elements need to be clear, easy to see and use and also beautiful, everything to get the viewers attention and get the results we want.