PrettyNumber – A jQuery Plugin for Formatting Numbers
by cody in Playground
Here’s a jQuery plugin that transforms a number into a human readable format. This plugin formats a number like 23454321234 into 23.454.321.234 . You can use d
+ moreArchive
Here you can browse through all articles, tutorials, roundups and experiments on Codrops.
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
+ more
Easy PHP Site Translation
by chadking in Playground
Here’s an easy way to translate your web site using PHP. The idea is to have several files for each language you want to provide. Each one of these files [&hel
+ 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 billboard system. In this t
+ 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 absolute positioned elements wit
+ 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 out of that idea. The aim
+ 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 to everyone! Like Stefan
+ more
URL Image Getter/Uploader/Resizer
by chadking in Playground
I was wondering how to get images from a site the same way like Digg or Facebook do, where it is only necessary to provide a link, and images get […]
+ more
How I Speeded Up Our WordPress Blog
by Mary Lou in Playground
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 […]
+ more
jBookMark: A jQuery Marking Tool
by cody in Playground
Ever missed the bookmarking option of a good editor in a web site? This jQuery plugin does exactly that: if you want your website visitors to be able to toggle [&hel
+ 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
+ more
TweetTheme: Color Theme Inspiration from Twitter Themes
by chadking in Playground
My next Twitter API experiment: Get the theme’s colors from any Twitter account! With this PHP and jQuery code you can call the Twitter API and request the RGB
+ more
Twitter API and jQuery Showcase: Display your Followers or Friends
by chadking in Playground
Today I was playing around with the Twitter API and created this little “widget” using jQuery and PHP. I know, there are already plenty of them, but I wa
+ 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 – the items only slide [&
+ more
jTextTranslate: A jQuery Translation Plugin
by cody in Playground
The double-click functionality in the New York Times was somehow fascinating but also highly discussed because it boldly used the browser functionality to get the de
+ 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 [&he
+ more
jFeedback: A Minimal jQuery Notification Plugin
by cody in Playground
Every web developer knows how difficult it can be to decide how to provide feedback to the user in form of an error or a success message. When submitting forms [&hel
+ more
jCapSlide: A jQuery Image Caption Plugin
by cody in Playground
Here is a new plugin for creating nice sliding captions for images. When hovering over the image, the caption appears and the image gets a semi-transparent color ove
+ more