Find Your First Twitter Follower
In Playground by chadking
This application aims to show you who your first follower was in twitter. It’s done with PHP and jQuery and of course it uses the twitter API. Two of the […]
All Posts
Browse through all articles, tutorials, roundups, and experiments on Codrops.
Some Useful JavaScript & jQuery Snippets – Part 3
In Playground by cody
How to hide all children div except a specific one with jQuery? $(‘#target div:not(#exclude)’).hide(); //or $(‘#target’).children().filter(‘:not(#exclude)’).hide(); Detecting when a div’s height changes using jQuery $(‘element’).bind(‘resize’, function(){ alert( ‘Height changed to’ […]
Some Useful JavaScript & jQuery Snippets – Part 2
In Playground by cody
Check if cookies are enabled $(document).ready(function() { var dt = new Date(); dt.setSeconds(dt.getSeconds() + 60); document.cookie = “cookietest=1; expires=” + dt.toGMTString(); var cookiesEnabled = document.cookie.indexOf(“cookietest=”) != -1; if(!cookiesEnabled){ //cookies are […]
Pause and Play Effect with jQuery
In Playground by cody
Here’s an effect based on the one used in fml to stop and pause an event. The idea is that when we click on the play/pause button or press the […]
Some Useful JavaScript & jQuery Snippets
In Playground by cody
How to refresh the src of an image with jQuery? $(imageobj).attr(‘src’, $(imageobj) .attr(‘src’) + ‘?’ + Math.random() ); How to see if an image is loaded or not with jquery […]
Scrolling to the Top and Bottom with jQuery
In Playground by cody
Here’s a way to scroll to the top or bottom of your website with a simple click. I have used the jQuery special scroll events from James Padolsey, and some […]
PrettyNumber – A jQuery Plugin for Formatting Numbers
In Playground by cody
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 different delimiters like the […]
Clothesline Social Bookmarks – A CSS-only Social Bookmarking Tutorial
In Tutorials by Manoela Ilic
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 bookmark icons […]
Easy PHP Site Translation
In Playground by chadking
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 […]
Creating a Rotating Billboard System with jQuery and CSS
In Tutorials by Manoela Ilic
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 tutorial we will […]
Day and Night: Creating a Scenery Animation with jQuery and CSS
In Tutorials by Manoela Ilic
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 with images. […]
Fixed Fade Out Menu: A CSS and jQuery Tutorial
In Tutorials by Manoela Ilic
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 is to […]
Beautiful Slide Out Navigation Revised
In Tutorials by Manoela Ilic
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 […]
URL Image Getter/Uploader/Resizer
In Playground by chadking
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 […]
How I Speeded Up Our WordPress Blog
In Playground by Manoela Ilic
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 […]
jBookMark: A jQuery Marking Tool
In Playground by cody
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 […]
CSS and jQuery Tutorial: Overlay with Slide Out Box
In Tutorials by Manoela Ilic
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 tutorial. […]
TweetTheme: Color Theme Inspiration from Twitter Themes
In Playground by chadking
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 color […]
