Vertical Sliding Accordion with jQuery
by Mary Lou in Playground
Today we want to share a slick and flexible vertical jQuery accordion with you. The main idea is to expand the accordion slices on click and show some more informati
+ moreArchive
Here you can browse through all articles, tutorials, roundups and experiments on Codrops.
Animated Text and Icon Menu with jQuery
Today we want to show you how to create a slick menu with a nice animation feature on hover. The idea is to make some elements slide out, change and animate the back
+ more
Living a Dual Life – A View on the Coding Designers Debate
by Patrick Cox in Articles
Lately I've noticed some great discussions in web design forums, on Linkedin and Twitter about the role of a web designer and what skills a web designer should have.
+ more
25 Examples of Inspiring Product Display in Web Design
by Gisele Muller in Articles
Choosing the best way to display products is a really important step of web design, since the way you display your products can drive attention to it and make users
+ more
Fullscreen Slideshow with HTML5 Audio and jQuery
by Jay Salvat in Tutorials
In today’s tutorial we'll create a fullscreen photo slideshow to illustrate a New York picture series. We will add sounds with the HTML5 audio element in order to
+ more
Sliding Background Image Menu with jQuery
by Mary Lou in Playground
Today we want to share another jQuery menu with you. This menu will have several panels, each one corresponding to a different background image that will show on all
+ more
25 Examples of Creative Thumbnail Usage in Web Design
by Gisele Muller in Articles
Wikipedia tells us that "thumbnails are reduced-size versions of pictures, used to help in recognizing and organizing them, serving the same role for images as a nor
+ more
Great Daily Tools for Freelancers
by Patrick Cox in Articles
Designing and developing a web project is difficult enough, but adding project management, invoicing, hosting, file sharing, and staying on task to the mix? That's e
+ more
7 Steps for the Perfect Landing Page
by Patrick Cox in Articles
When I design landing pages I don't try to cram everything above the fold and clutter up the top 500 pixels of my design, but I do like to design so that images, hea
+ more
Grid Navigation Effects with jQuery
by Mary Lou in Playground
Today we want to share some neat grid navigation effects using jQuery. In our examples we will show you ten ways how to navigate through a set of thumbnails. We'll t
+ more
Image Wall with jQuery
Today we want to show you how to create a neat image wall with jQuery. The idea is to scatter some thumbnails with different sizes on the page and make […]
+ more
Sliding Letters with jQuery
by Mary Lou in Playground
Today we have a neat little effect for you. We want to bring some life to the standard hover effect by playing around with the letters in an anchor word. […]
+ more
Rotating Image Slider with jQuery
In the following tutorial we will create an asymmetrical image slider with a little twist: when sliding the pictures we will slightly rotate them and delay the slidi
+ more
Animated Skills Diagram with Raphaël
by Marcin Dziewulski in Tutorials
In this tutorial we will show you how to create a diagram using Raphaël – a small JavaScript library that is great for working with vector graphics. The idea
+ more
Restaurant Website and Gallery Template
by Mary Lou in Playground
Today we want to share a little website experiment with you. The theme for today’s template is a restaurant website which will include an image gallery for the
+ more
Mega Web Buttons Pack #1
by Marcin Dziewulski in Playground
Today we want to share our first set of easy-to-implement buttons called ‘Mega Web Buttons Pack’. In this set you will find 42 buttons which you can use
+ more
Interactive Google Map using the Twitter API
by Marcin Dziewulski in Tutorials
Hey! In today’s tutorial we will create an interactive Google map using the geocoding service. Using the Twitter API we will retrieve the user’s location
+ more
Circular Discography Template with jQuery
by Mary Lou in Playground
Today we want to share a simple website template with you. The template will show some discography or music albums in a rounded fashion, rotating the albums when cli
+ more