A Love Letter to the Design Community
Dear Design Community, I don’t really know if I can consider myself a part of you, but I have the strong urge to tell you how I feel about you. About six month... read more
Manoela's Articles (421)
Grungy Random Rotation Menu with jQuery and CSS3
In this tutorial we are going to create a great menu with some content area that slides out. We use the grunge style because we want it to l... read more
Our 10 Absolute Favorite Smashing Magazine Articles
Some years back when I was starting to study I began to regularly read news and blogs on the web. It was a very exciting time back then since there were many “... read more
66 Famous Fashion Websites for your Inspiration
Here is a list of inspirational web designs from the fashion design industry. Most of them use Flash to create a “fashion experience” when visiting their... read more
Design Inspiration from Music Videos: Sick Muse by Metric
In Articles Comments Off on Design Inspiration from Music Videos: Sick Muse by Metric
As a web designer it is sometimes hard to get inspired. When a client asks for a specific design and has some concrete ideas, it can be much easier than inventing so... read more
Awesome CSS3 & jQuery Slide Out Button
Here is an awesome little slide out button. The inspiration for that button came from photoshop.com where Flash is used to create a nice slide out effect. This butto... read more
Fresh Set of CSS-only Menus
Here is a set of fresh CSS-only menus for your website – no images, no JavaScript. The markup for the menus is always the same and I u... read more
24 Beautiful Hotel Website Designs to Get Inspired
A great website design can be a powerful tool for establishing a brand. In the hotel business, a website gives the chance to present the services and atmosphere that... read more
CSS and jQuery Tutorial: Fancy Apple-Style Icon Slide Out Navigation
Today I want to show you, how to create an Apple-style navigation menu with a twist. Although “fancy” and “Apple-styleR... read more
Self-resizing Navigation Menu with jQuery
Today I am going to share a nice CSS only (with some jQuery) navigation menu that adapts the size of its list items automatically. Sometimes... read more
Clothesline Social Bookmarks – A CSS-only Social Bookmarking Tutorial
Today we will create a fancy social bookmarking solution which will not require any JavaScript – it is only CSS based. We will hang up some rotated social book... read more
Creating a Rotating Billboard System with jQuery and CSS
Currently we are in the “hey, let’s do that flash thing in jQuery”-mood and so we came up with another idea: a rotating bi... read more
Day and Night: Creating a Scenery Animation with jQuery and CSS
In today’s tutorial I am going to show you, how to create an amazing animated scenery with just a few lines of jQuery and some absolut... read more
Fixed Fade Out Menu: A CSS and jQuery Tutorial
Inspired by David Walsh’s top navigation bar that gets semi-transparent when you scroll down the page, I decided to create a tutorial ... read more
Beautiful Slide Out Navigation Revised
After I got a lot of feedback for the Beautiful Slide Out Navigation, I had some new ideas for a similar horizontal navigation. Thanks a lot... read more
How I Speeded Up Our WordPress Blog
Our site was getting kind of slow, so I decided to read some articles about how to speed up a WordPress blog. While many give really great tips on what to do, I just... read more
CSS and jQuery Tutorial: Overlay with Slide Out Box
The other day I was creating an overlay with a box for Cody’s jTextTranslate jQuery Plugin and I thought, it could be useful to describe the technique in a tut... read more
Beautiful Slide Out Navigation: A CSS and jQuery Tutorial
Today I want to show you how to create an amazing slide out menu or navigation for your website. The navigation will be almost hidden –... read more
Free Glossy Icons: The jFeedback Icon Set with Source
For our last post Cody asked me to create these two glossy icons for the jFeedback jQuery plugin. We thought, we could post the icons as well with the Photoshop file... read more
CSS Tutorial: Image with Toolbar and Navigation Overlay
In this tutorial I will show you how to create an overlay toolbar and navigation for an image. This type of technique can, for example, be applied in an image galler... read more
The “new” design of IMDb
Some time ago the incredible happened: our beloved movie database site IMDb finally realized that it was not 1996 anymore and dared to hire some designers in order t... read more
And what about resolution?
In Playground Comments Off on And what about resolution?
Working a lot with images I was coming across some curiosities concerning how web sites deal with pictures and especially the uploading of pictures. In social networ... read more
33 JavaScript Solutions for Sorting Tables
Here is a list of 33 JavaScript table sorting scripts and their sources. Enjoy it! 1. jQuery tablesorter http://tablesorter.com/docs/... read more
Google API Showcase: The Live Translator
The API of Google has a lot of useful usage examples. This showcase demonstrates how we can use the Google AJAX Language API to build a live translator that allows u... read more
Would you like to write for Codrops?
We are always searching for creative and bold minds that have extraordinary ideas and are happy to try out new things related to web design and web development. Become part of an amazing group of contributors and authors and start writing for us.
Get in touch with us and tell us what makes you crazy and innovative enough to join the Codrops team.