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
Archive
Here you can browse through all posts from the categories articles, tutorials and playground.
TweetTheme: Color Theme Inspiration from Twitter Themes
In Playground by chadking on
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
Twitter API and jQuery Showcase: Display your Followers or Friends
In Playground by chadking on
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
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 ou
jTextTranslate: A jQuery Translation Plugin
In Playground by cody on
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
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
jFeedback: A Minimal jQuery Notification Plugin
In Playground by cody on
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 or ex
jCapSlide: A jQuery Image Caption Plugin
In Playground by cody on
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
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
jPaginate: A Fancy jQuery Pagination Plugin
In Playground by cody on
jPaginate is a jQuery pagination plugin that comes with a twist: animated page numbers. The user can slide through the available page numbers by clicking or just hov
jMaxInput: jQuery Twitter-Like Textarea
In Playground by cody on
jMaxInput allows you to limit the input size of a textarea like it is done in Twitter. The number of characters left to type are shown while typing. The user can wri
jQuery Image Cropper with Uploader v1.1
In Playground by chadking on
Here’s an updated version of the Image Cropper. The upload button was replaced by an overlay on the image. There are also some extra functionalities :
jStickyNote: A jQuery Plugin for Creating Sticky Notes
In Playground by cody on
jStickyNote is a jQuery plugin that allows to create sticky notes on your web site. It is configurable and this is how you use it:
jBar: A jQuery Notification Plugin
In Playground by cody on
jBar is a jQuery Plugin that allows you to integrate notifications in your web site. The behavior is very similar to Twitter’s and Stackoverflow’s notifi
jQuery Image Cropper with Uploader
In Playground by chadking on
Please check the updated version here! Some time ago I posted the Dynamic jQuery Image Gallery with Uploader which uses the class.upload, uploadify and ad-gallery sc
33 JavaScript Solutions for Sorting Tables
In Playground by Mary Lou on
Here is a list of 33 JavaScript table sorting scripts and their sources. Enjoy it! 1. jQuery tablesorter http://tablesorter.com/docs/
Google API Showcase: The Live Translator
In Playground by Mary Lou on
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
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