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... 
PSD/HTML Conversion: Elegant and Simple CSS3 Web Layout
PSD/HTML Conversion: Elegant and Simple CSS3 Web Layout
This is Part 2 of tutorial series. The first part dealt with creating a web design mockup of an elegant and simple blog web design. You should do Part 1 before attempting this tutorial so that you to gain the most benefit. Elegant and Simple Blog Web Layout Tutorial Series This tutorial is the second part of a two-part tutorial series. This part... 
Make an Elegant and Simple Blog Web Layout Using Photoshop
Make an Elegant and Simple Blog Web Layout Using Photoshop
This web design tutorial will show you the process of developing a PSD mockup of a clean and simple blog layout. We will be creating the design of the front page of the blog. The next part of this tutorial will walk you through coding the PSD to HTML/CSS. Elegant and Simple Blog Web Layout Tutorial Series This tutorial is the first part of a two-part... 
20 Elegant Fonts for Clean Design
20 Elegant Fonts for Clean Design
Whether it’s textures , Photoshop brushes , or icons , we love finding top notch free files and sharing them with our readers. We try to post at least one collection of freebies every week. We do the searching so you don’t have to. This saves you time and helps you focus on what’s important. This week, we are bringing you elegant... 
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... 
  Related Tweets from Twitter
ashzilladesigns (Ash Atkinson)  : Useful CSS3 Tools http://bit.ly/cO8BFh..
Updated : 2010-09-04T04:21:39Z   |  Reply  |  View Tweet
rosiemacphee (rosiemacphee)  : RT @roybrandt: HTML5/CSS3 Cheatsheet: http://bit.ly/aYDGQ6..
Updated : 2010-09-04T04:21:15Z   |  Reply  |  View Tweet
roybrandt (Roy Brandt )  : HTML5/CSS3 Cheatsheet: http://bit.ly/aYDGQ6..
Updated : 2010-09-04T04:17:45Z   |  Reply  |  View Tweet
codingheler (??????????)  : Selectivizr - CSS3 pseudo-class and attribute selectors for IE 6-8: selectivizr is a JavaScript utility that em... http://selectivizr.com/..
Updated : 2010-09-04T04:15:29Z   |  Reply  |  View Tweet
firerestarter (Fire Restarter)  : Selectivizr - CSS3 pseudo-class and attribute selectors for IE 6-8 http://tumblr.com/xuyhkc4yh..
Updated : 2010-09-04T04:12:31Z   |  Reply  |  View Tweet
  Related News from Digg
No comments yet.

Spam Protection by WP-SpamFree

TOP