Just Brainpicks
Just Tutorials
Just Showcases
Stop asking! I wanna search everything!

16

Sep

TableSorter: Flexible client-side table sorting

A standard HTML table is commonly created with THEAD and TBODY tags. You will need to refresh it to look up new sort of data entries. Thanks to TableSorter.js, because this jQuery plugin will turn a conventional HTML table into a sortable table without page refreshes. It can successfully parse and sort many types of data including linked data in a cell. Great thing, since you can also add your own easily. TableSorter.js useful features including:

* Support multi-column sorting
* Parsers for sorting text, digits, URIs, integers, currency, floats, IP addresses, dates (ISO, long and short formats), time, and many more.
* Support for ROWSPAN and COLSPAN on TH elements
* Support secondary “hidden” sorting (e.g., maintain alphabetical sort when sorting on other criteria)
* Extensibility via widget system
* Cross-browser: IE 6.0+, FF 2+, Safari 2.0+, Opera 9.0+
* Lightweight code size

There will be some examples on the source page that will show you more extend uses of TableSorter.js.
If you are feeling like today is a fun internet surf day, don’t forget to save this using your browser bookmarklets! ;)

15

Sep

More than 245 free Geometric & Fractal Brushes

We get more excited because today we bring you another round up of design links resources. It is always our intention to give you something different and useful. We thought a compilation of free geometric and fractal Photoshop brush set will do.

The geometric brushes are categorized into circle and square shapes. Some of them are designed in retro style, and some get high tech look.
We are also showcase some fractals brushes that are always interesting to see, as they’re actually blends of unordered curves. Fractal is often presented with lighting effects to emphasize its abstract shape into something astonish.

Give us a comment of your favorite one! Happy browsing :D And of course you can submit your own stuff too!

CIRCLES

9 Circles Photoshop Brushes

http://pstutorialsblog.com/57/circles-photoshop-brushes/

Read the rest of this entry »

15

Sep

Quarkbase: Everything About a Website

Quarkbase is a free web service to check statistics and performance of a website. It contains comprehensive informations of a referred site instantly after an URL being submitted. Here are some quick hints of what kind of information you can get:

** Intro
Official description, contact details and registered domain information
** Popular

* Popularity of a website on several social sites service: Delicious, Digg, Reddit, Yahoo! Answers, Technorati, Wikipedia, StumbleUpon and Google Groups.
* Popular Pages : Delicious, Digg, Twitturly, Reddit, and Stumbleupon
* Feeds Information: Feeds URL, Subscriber Count and Graph

** Traffic

* Alexa traffic rank for a website
* Reach percent of global internet users visiting info
* Top Countries by user pageviews and rank in country
* Top Subdomains
* Pageviews: Number of unique pages viewed per user per day

** People
Associated People (website ownership) by Name Location and Description
** Spotlight
Exerpt of website content recent updates if there’s any from Technorati, Twitter and Google News
** Company
Company profile information of a website
** Technical
Web Development by Framework, Webserver, Blogging platform, Hosting service and many more

Submit your website URL to give a try. This web tool may be very useful to look up some fixes needed whenever you get all infos about site performance, or even worth by comparing your competitor’s website to yours ;)

12

Sep

jCalendar - a jQuery calendar

jCalendar is a jQuery dynamic calendar developed by Ted Serbinski. The feature is fully supported by jQuery either version 1.0.4 or 1.1.2. It can be used with 3 form selects (one for day, month, and year) to visually select a specific date for input.
To implement this jCalendar usability, you will need to download jQuery, jCalender source code and optional jCalander CSS. Add 3 form selects for day, month, and year with these following classes:

* jcalendar-select-day
* jcalendar-select-month
* jcalendar-select-year

Visit the resource page to download the compressed jCalendar.js and find out more about the available features of this jQuery Calendar ;)

11

Sep

Twitter background graphics theme from Hip & Twendy

site>> http://www.hipandtwendy.com/
how to install>> http://www.hipandtwendy.com/how-to-install/
twitter >> http://twitter.com/hipandtwendy/

Get bored with your twitter default background theme? You’d better visit Hip & Twendy to look more! This website will provide you with colorful, repeating background graphics for use on your Twitter, MySpace or other social networking page that allows customization. Currently served hundreds of themes, you can browse them by color tag cloud and most popular themes rated by the user. The categories are:

* Bright Colors
* Geometric
* Holiday
* Muted Colors
* Optical
* Polka Dots
* Stars
* Stripes (Diagonal Stripes; Horizontal Stripes and Vertical Stripes)

If you don’t know how to install this background graphic, simply read the tutorial on Hip & Twendy website to get start ;)

Give a quick try guys! Why don’t you drop us comment together with your twitter profile URL after you made custom design tweaks using free background graphics from Hip and Twendy.com ;) This should be interesting!

10

Sep

DinPattern

DinPattern was actually a personal pattern library of a web designer. While the collections grow bigger and bigger everyday, the owner decided to build a home for these lovely patterns.
It’s been 4 years feeding the net with fantastic pattern stock, all patterns are available for free to use both commercially and non-commercially.
The story of how DinPattern was born is continued :) as now you can follow DinPattern twitter updates of new pattern released!
Drop comment on your favorite patterns at DinPattern.com and kindly bookmark this post for future reference whenever you need it :)

9

Sep

PixelPatterns from Kaliber 10K

Here we go…another patterns directory with more enhanced search feature. Kaliber10K shares you tons of free dazzling pixellated patterns and they also have a very handy search section to navigate the patterns you need. You can browse them by date, by user (creator) or simply type the pattern name, There are currently 974 patterns and what comes to be the interesting part is that you can submit yours!
K10K Fave section is totally sweet as you can enjoy the most downloaded patterns inside the directory.
Grab one of PixelPatterns for personal or commercial usage but don’t forget to credit the creator please :D

8

Sep

Grow a Textarea with Textarea Resizer 0.1 JavaScript

Chris Barr of EjectMedia.net brings you Textarea Resizer 0.1 JavaScript that allows you to expand and shrink the height of HTML textareas. It is such a simple javascript to grow a textarea that based on Mootools 1.1
It requires:

* Window.DomReady
* Fx.Style
* Fx.Styles
* Fx.Transitions

Visit the source page to download the Textarea Resizer 0.1 JS if you like to give a try :)

6

Sep

ImageFlow 0.9 - Highslide Version

The ImageFlow 0.9 is originally developed by Finn Rudolph. A stylish animated horizontal JavaScript carousel as the images flow perspectively and controlled by a slider. After some tweaks work, ImageFlow has been slightly hacked by Ceasar Feijen. This tweaking makes ImageFlow compatible to the Highslide JS effect.
You can now single click the centered image or double click any image in the ImageFlow and it will highslide with a preloader. Highslided image can be rearranged back inside the ImageFlow content with double click. It also possible for you to drag ‘n drop the highslided image anywhere on the website.
Sounds wonderful? Take a tour to give a try on this cool ImageFlow - Highslide JS now!