Elegant ScrollPanes with jQuery and CSS3

August 21st, 2009 admin

Some day ago I twittered a link about TweetTab a nice on-line service (similar to Monitter ) to monitor in real time Twitter trends and custom searches. I like the design of TweetTab, clean and simple and I like in particular scrollpane used in each search tab. Take a look at this screenshot of TweetTab for a preview of the scrollpane used: Some readers of woork asked to me how to implement that kind of scrollpane in their web projects.


Originally posted on Woork

 
  Related Posts
How to implement a mobile version of your blog in three simple steps
How to implement a mobile version of your blog in three simple steps
After launching of the mobile version of woork I received a lot of messages from my readers that asked to me to dedicate a special post about this topic. So in this post I want to illustrate you a simple way to implement a mobile version of your blog/website in three simple steps using Mobify.me , an awesome on-line service that allow you to design... 
jQuery Lesson Series: How To Use JSON with Twitter and Flickr API
jQuery Lesson Series: How To Use JSON with Twitter and Flickr API
In this post I want to illustrate how to use jQuery getJSON() method to load JSON data using an HTTP GET request. I prepared two examples, easy to understand if you are a jQuery beginner. The first example is a simple Twitter search and the second one is a simple Flickr search. For a printable reference guide to the jQuery API I suggest you to... 
Fonts for Designers Series Issue no. 1
Fonts for Designers Series Issue no. 1
Fonts for Designers is a new series of posts that proposes every week a selection of the best free fonts for web designers. Each new issue will present five interesting fonts you can use on your web projects. In the last weeks, before the launch of Woork Up, I’ve exchanged many ideas and opinions with some friends of mine and readers of... 
Quick and Easy Filtering with jQuery
Quick and Easy Filtering with jQuery
In this week’s screencast , we’ll learn how to implement quick and dirty filtering without a database. By applying some classes and a touch of jQuery, we can implement a nice little system very quickly. Overview Just yesterday, I was asked how I was able to create the simple sorting feature found on the Vault page of my blog  Read More →
jQuery Lessons Series: How To Implement Animations of CSS Properties
jQuery Lessons Series: How To Implement Animations of CSS Properties
In the past days I received several requests from my readers that asked me to dedicate the new issue of my jQuery Lesson Series to how to implement custom animations of CSS properties of HTML elements. So this post illustrates a basic way to use the jQuery animate() function that allows you to animate easy a property or a group of CSS properties... 
The mobile version of Woork is on-line with Mobify.me
The mobile version of Woork is on-line with Mobify.me
Hello everyone, some interesting news from Woork. I just released the mobile version of my blog. Now you can read this blog more easily using your favorite mobile device (you’ll be redirected to the mobile version at this link: http://woork.mobify.me/ ) To implement the mobile version of Woork I used a great free service called MOBIFY that... 
Say hello to the all-new Woork Up!
Dear friends, I’m really happy to announce today the launch of the “stable” version of Woork Up. Four weeks ago I’ve launched this site after the switch from Blogger to WordPress of my old blog woork.blogspot.com. This step has been the first part of a change of direction of my blog with the main objective to create an all... 
Batch Rename Files in *nix
Every once in a while, you may find yourself in a situation where you need to rename a whole batch of files on your Web server. In my case, I find this especially useful when someone provides me with a folder full of friendly-named files (files that contain spaces, special characters, etc.) and I want to make them a little more Web-friendly. On Linux... 
Woork Up is a part of the Smashing Network!
I’m really happy to announce Woork Up is now a part of the new Smashing Network , a network created by Smashing Magazine that includes 18 high-quality web design blogs and magazines about web design. I want to say a big thanks to Vitaly Friedman and all Smashing Magazine editorial staff for the inclusion of Woork Up. You can follow our update... 
Woork Up: Something is Changing
Dear friends, something is changing on Woork Up. As you know, since its birth in October 2007, this blog has been mainly addressed to web designers and developers becoming a popular and appreciated website in that area. Now, due to a big increase in popularity of Woork Up, I believe it’s the right moment to make a choice in a new direction. In... 
  Related Tweets from Twitter
rubiafer (Rubia Dias)  : RT @css3watcher: RT @W3Avenue: CSS3 Gradient Generator - http://bit.ly/9U4mYr..
Updated : 2010-03-20T02:44:39Z   |  Reply  |  View Tweet
taicho_master (????)  : HTML5?CSS3??????????????????????IE6????????10?20???????????????????????????????????????????????????????????????????????????????????..
Updated : 2010-03-20T02:40:34Z   |  Reply  |  View Tweet
readelicious (Delicious Over 50)  : The Basics of CSS3: http://bit.ly/93ni0B..
Updated : 2010-03-20T02:35:09Z   |  Reply  |  View Tweet
css3watcher (css3watcher)  : RT @rodrigoresende_: RT @bea_tavernaro: RT @rodrigoresende_: Estudando #CSS | argh// #CSS3..
Updated : 2010-03-20T02:30:05Z   |  Reply  |  View Tweet
rodrigoresende_ (Rodrigo Resende)  : RT @bea_tavernaro: RT @rodrigoresende_: Estudando #CSS | argh// #CSS3..
Updated : 2010-03-20T02:25:14Z   |  Reply  |  View Tweet
  Related News from Digg
No comments yet.

Spam Protection by WP-SpamFree

TOP