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
Manoela's Articles (430)
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
Styling Forms with CSS: Sophisticated Registration Form
Here is a pretty complete registration form, nicely juiced up with some neat CSS. Here you can see a DEMO Download the ZIP file from here: CSS Registration ZIP Enjoy... read more
21 Free CAPTCHA Sources
Here is a collection of free CAPTCHA scripts and services than you can easily integrate into your website using PHP or JavaScript: 1. PHP CAPTCHA Library for reCAPTC... read more
42 Famous Login and Registration Forms
Today, I want to showcase some of the most famous login and registration forms on the web. As a web developer you might be interested in having a compact overview of... read more
How To Play Looping Sound In Your iPhone App
Here is a very useful code snippet for playing your own sound file continuously in your iPhone application. The example uses a .caf file and is based on the AVAudioP... read more
Checking Network Reachability on the iPhone
In some iPhone apps you need to check if there is a connection to the outside world. If the application depends on a connection to the internet, we will want to warn... read more
Codrops’ New Style: Lessons learned from applying CSS3
… or why your Mozilla could be slow when scrolling As you can see, we changed the style of our beloved site. The original WordPress theme can be found here: ht... read more
CSS3 Styled jQuery Dropdown
I found a really nice and simple jQuery dropdown menu on CSS Tricks and I thought, let’s add some neat style to it. You can find the original here: http://css-... read more
CSS3: Creating Web Site Banners
Inspired by Tamsin Baker’s beautiful Photoshop brushes “Urban Scrawl” 1 and 2, I was trying to create some shadowed banners using some CSS3 propert... read more
9 Valuable and Working iPhone Programming Tutorials
In Playground Comments Off on 9 Valuable and Working iPhone Programming Tutorials
Here is a list of some highly valueable and functioning iPhone programming tutorials (list is open): iPhone View Switching Tutorial iPhone Coding – Learning About ... read more
32 free arrow icons for your web page
Here is a very neat set of arrow icons in 8 colors and png format (18 x 18 px):... read more
20 fresh and colorful CSS3 buttons
In Tutorials Comments Off on 20 fresh and colorful CSS3 buttons
Here is the result of an experiment with fonts and css3 properties like text-shadow and box-shadow: Click here to download the ZIP file with the two overlay images: ... read more
CSS3 big style fieldset registration form
Experimenting with CSS3, I created a big style registration form with rounded borders and shadow effects. The only image used is not the button, but the pen that ser... read more
Solving PHP MySQL UTF-8 issues
Heres a list of actions you should do in order to get PHP + MySQL working with UTF-8: 1. Database: CREATE DATABASE db_name CHARACTER SET utf8 DEFAULT CHARACTER SET u... read more
CSS button with hover effect
Inspired by the nice download button on the jquery homepage I created this button with a hover effect. It uses opacity options for all browsers. You can see a demo h... read more
Free Web 2.0 style glossy buttons
In Articles Comments Off on Free Web 2.0 style glossy buttons
Here is a set of some colorful glossy web 2.0 style buttons in png format (size: 203 px wide, 71 px high). You can use them as you like!... 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.