If a site featured in some of the most popular CSS galleries will bring thousands of quality visitors and some valuable inbound links. You can submit your sites to the galleries for free, but some galleries ask for little donation or fees. One can rate themselves on quality and creativity from their Design got featured in these galleries .
Below you will find 60+ huge list of CSS Galleries for your Inspiration and Self test or Promotion.

Best Web Gallery

Free CSS Showcase

creamycss

cssbased

CSScreme

CSSFlash

Cssline

CSSmayo

CSSnature

CSSray

CSSremix

CSSsnap

DesignSnack

FolioFocus

One Page Love

Oriental Gallery

RGB Garden

Style Boost

Style The Web

Best CSS Design

Best CSS Gallery

Best CSS Vault

Boxed CSS

CSS Beauty

CSS Blaze

CSS Bloom

CSS Clip

CSS Count

CSS Daddy

CSS Delicious

CSS Design Yorkshire

CSS Drive

CSSelite

CSS Fresh Blend

CSS Glance

CSS Heaven

CSS Heroes

CSS Impress

CSS Loggia

CSS Mania

CSS Moon

CSS Perk

CSS Reboot

CSS Season

CSS ShowCases

CSS Star

CSStux

Design Fridge

Feedmyapp

Free CSS

Lightondark

Link Creme

Lookom

Minimal Showcase

Mostinspired

My3w

Nice Style Sheet

<a href=”http://www.nicestylesheet.com/” target=”_blank”

Swellcss

The Best Designs

Themes CSS

Unmatchedstyle

Urbantrash

Web Creme

Web Designire

Website Gallery

Some solutions are good for freelancers and some works best for team management.

Choose yours, Be more Productive!

The Main features every one looking are

• Project collaboration support
• Automatic Invoice integration
• Database Backup
• Password Protection
• Project Tagging
• Automatic screen capturing on the particular intervals
• Easy to use User Interface
• Local Storage
• Detailed Reporting and statistics
• Less Cost/Free Version

And peoples using different operating systems, they all looking to get the software that suits for their OS.

Even though there are many time tracking applications available, here is the limited list of the best tools available in the market

KLOK

RESCUE TIME

MANIC TIME

PROJECT HAMSTER

SLIM TIMER

“Designing a premium WordPress theme and coding the functionalities is what I like most and we are team of WordPress experts” but we are struggling to market them.

Below are some of the best online marketplaces to sell your WordPress themes.

Theme Forest

Best Marketplace until today,

1.vast member base,

2.follows strct review process, but if your design is upto their quality and if your item get in to market place I am sure your file will be sold within a day or two.

3.Since there are thousands of files already in the market and each day they are adding many new files your file may lost in the forestJ

4. They are providing two types of membership types Exclusive and NonExclusive.Where Exclusive Members can earn 40%-70% Commison, non Exclusive sellers will earn flat 25% only , which is very low.

5.They have Multiple Domains and once you login your will be the same for all their network websites.

5.They are fixing decent price for your products

6.Good User interface, Vast Traffic.

Themes Rain

1. Newly raising compeering website for the themeforest kind of marketplaces.

2. Buy and Sell web designs and WordPress themes.

3. Flat 70% commission which is a very good deal for the designers.

There are very few products up thereso get early bird advantage, so that your products will be get notified.

4. Since the site is growing the review process may be a little easier.

5.They are fixing decent price for your products

6.Decent traffic, they have to work on marketing and SEO

Mojo -Themes

1. Upcoming market place.
2. Growing member base
3. Commisons are almost same as themeforest.
4. Review process may be easier
5. They are fixing almost the same pricing range as themesrain and themeforest

Buy Stock Design

Another good choice, decent numbers of members and growing, Less competitive.

Freelance Market Place

One of  the outsourcing marketplace for small business. There are already thousands users are members as  freelancers from all over the world.  You can sell WordPress themes and other digital goods too.The Files already available for download are worst quality! any way give it a try too.

When we have huge tabular data to display in web, the best solution is to use ‘Tables’.Making it more user friendly will be appreciated. One of the ways is to include “Data sorting”. Where in recent trends we can use ‘Jquery’ to achive this more effectively.

Html & Jquery sorting into Php & Jquery sorting

We are going to use the tablesorter for static content from http://tablesorter.com/docs/

Setting up things

So, what are all the needs for applying Jquery table sorter for dynamic content? below is the example code can be copied shows the scripts to called and fuctions to be written in the head section of the HTML page.

Following are the JavaScript to be The called,

&lt;link rel=&quot;stylesheet&quot; href=&quot;<a href="http://www.blogsrain.com/css" style="" target="_blank" rel="nofollow" onmouseover="self.status='http://www.blogsrain.com/css';return true;" onmouseout="self.status=''">css</a>/jq.<a href="http://www.blogsrain.com/css" style="" target="_blank" rel="nofollow" onmouseover="self.status='http://www.blogsrain.com/css';return true;" onmouseout="self.status=''">css</a>&quot; type=&quot;text/css&quot; media=&quot;print, projection, screen&quot; /&gt;
&lt;link rel=&quot;stylesheet&quot; href=&quot;themes/blue/style.css&quot; type=&quot;text/css&quot; id=&quot;&quot; media=&quot;print, projection, screen&quot; /&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;lib/jquery-latest.js&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;lib/jquery.tablesorter.js&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;lib/jquery.metadata.js&quot;&gt;&lt;/script&gt;

Write a JavaScript function to use the table sorting function

$(document).ready(function()

{

// extend the default setting to always include the zebra widget.

$.tablesorter.defaults.widgets = ['zebra'];

// extend the default setting to always sort on the first column

$.tablesorter.defaults.sortList = [[0,0]];

// call the tablesorter plugin

$("table").tablesorter

});

Few things to be understood before going further

Calling Scripts

• jquery-latest.js (This is a new version of jquery)

Note: Instead of uploading the .js file to our host most of the times we use to refer Google’s library file path, so that we can reduce bandwidth usage.

Methods in sorting function

• Widgets method will show the data in ‘Zebra style’.
• sortList – to sort items custom field vice.
• tablesorter() is used to push sorting functionality .

The Html Table for Sorting – Code

<body>
<!--Parsers for sorting text, URIs, integers, currency, floats, IP addresses, dates (ISO, long and short formats), time.-->
<table cellspacing="1" class="tablesorter">
  <thead>
      <tr>
           <th>E-Code</th>
	   <th>E-Name</th>
	   <th>Sex</th>
	   <th>Doj</th>
	   <th class="{sorter: false}">Address</th>
	   <th>Department</th>
	   <th>Designation</th>
	   <th>Salary</th>
	</tr>
    </thead>
    <tbody>
    <?php
		include_once("connection/connection.php");
		$res=mysql_query("SELECT *FROM tbl_employees");
		while($obj=mysql_fetch_object($res))
		{
		?>
		<tr>
                  <td><?php echo $obj->ecode;?></td>
                  <td><?php echo $obj->ename;?></td>
                  <td><?php echo $obj->sex;?></td>
                  <td><?php echo $obj->doj;?></td>
                  <td><?php echo $obj->address;?></td>
                  <td><?php echo $obj->dept;?></td>
                  <td><?php echo $obj->designation;?></td>
                  <td><?php echo $obj->salary;?></td>
               </tr>
               <?php
		}?>
      </tbody>
      </table>
</body>
</html>

• <thead> refers to table header. This is a field of table sorter function. It’s known as sorter applier.
• <tbody> refers to body of table content. The sorter functions on the contents of this tag. It’s known as effects sorter functionality.
• So both are needed. The table fields values  are static with corresponding tags. But the contents are dynamically retrieved from the database table.
• connection.php It’s an include file to establish a connection with database (e.g.:- db_sample). In index.php we are using that connection to retrieve the data from table (e.g.:- tbl_employees).
• Finally the table’s class must be declared as “tablesorter”.
• If you don’t apply the field sorter for a particular field, then the corresponding field’s class must be declared as “{sorter: false}”.
• If you want to apply the multi-sorter i.e., several fields, just use the shift key and select the fields.

Sample file Included

1.  The downloading folder contain a data.sql file, you just import this database in to your Mysql. Change the following connection parameters hostname, username, and password. Check, whether the connection is established or not.

2.  Check whether the jquery files are called correctly between <head></head> section. The following screenshot shows the result of table sorter.

Feel Free to  Download Tablesorter-Php & Jquery, source files we have used in this article.

Dynamic table sorting using jquery

We have Hand picked 50+ Best Free Premium WordPress themes. All the themes can be downloaded, customized and used for free in both personal and commercial projects. Demo & Download link available in all Best Free Premium WordPress Themes.

BlueDiamond

Demo Download

Business Talk

Demo Download

Business Theme

Demo Download

Cellar Heat

Demo Download

Christmas Days

Demo Download

Coffee Desk

Demo Download

Color Paper

Demo Download

Crafty Cart

Demo Download

Creative Art

Demo Download

Black Magic

Demo Download

creative-by-nature

Demo Download

Crumpled Paper

Demo Download

Cubismo

Demo Download

Curious

Demo Download

Dailynote

Demo Download

Dark Forest

Demo Download

DesignDisease

Demo Download

Desk Space

Demo Download

dfMarine

Demo Download

Dilectio

Demo Download

Doodle

Demo Download

Dyne

Demo Download

Fantasy

Demo Download

Free Prodcasting, Video and Photography theme

Demo Download

Gallery

Demo Download

Gamezine

Demo Download

Gatgetizer

Demo Download

Glassical

Demo Download

Gluttony

Demo Download

Gunie

Demo Download

Imprezz

Demo Download

Infinity

Demo Download

Little United Nations

Demo Download

Love Earth

Demo Download

Love Letter

Demo Download

Milano

Demo Download

Magaling

Demo Download

Masinop

Demo Download

Notepad Chaos

Demo Download

Old School

Demo Download

Orange Surfing

Demo Download

pork-and-beans

Demo Download

Probama

Demo Download

Seabreeze

Demo Download

Sharpfolio

Demo Download

Touchriver

Demo Download

Tropical Grunge

Demo Download

Vector Flower

Demo Download

Vintage and Blues

Demo Download

Woody

Demo Download

WordPress Fun

Demo Download

WP CODA

Demo Download

Yoghourt

Demo Download

Zinmag Futura

Demo Download

Because,I have spent a full day with the small mess.

The small mistake in CSS Kills my Productivity (God! I got the solution and I am here sharing my experience so you won’t to that mistake).

What I did?

• CSS works perfectly in IE when I use the below code

<!- - This is my Commnet - ->

body {background-color:red;}

#my_id { background-color:green;}

• But in Firefox the next line of style below the comment won’t work

Say, I have added comments in each CSS files like this.

<!- - This is my Commnet - ->

body {background-color:red;}

#my_id { background-color:green;}

Where the body {background-color:red;} not seems to be working, at first I am too confused …after long battle zzzzz… I found the solution friends!.

The Solution is

• We have to write comments as follows.

/*Comment Line*/

body{ background-color : red;}

To Conclude, IE and other Browsers accepts this comment format<!- – comment- ->,but the correct format to comment is /*Comment Line*/

<!- - This is my Commnet - ->

body {background-color:red;}

#my_id { background-color:green;}

Suggestion: Please stick with the CSS basics, mainly we developers are keen in coding where we work with major CMSs like WordPress, Joomla, than the design.So we are not spending time to learn and remember the very basics.

<?php next_posts_link('&laquo; Older Entries') ?><?php previous_posts_link('Newer Entries &raquo;') ?>

Where in recent days we used to see paginations with numbers, below are few beautiful examples.

This can be achievable with the WordPress plugins like ….

• WP-PageNavi
• WP Digg Style Pagination
• WP-Paginate
• wordpress seo pager

But Lets see how to accomplish pagination in WordPress with Few lines of coding.

Step1:

We need to add the following snippet in the functions.php file.

function pagination()  {
	global $wp_query;

	$rad = 2;

	$request = $wp_query->request;
	$paged = intval(get_query_var('paged'));
	$max_page = $wp_query->max_num_pages; # all pages

	if ( $max_page < 2 ) return;
	if ( empty($paged) || $paged == 0 ) $paged = 1;

	$startpage = max(1, $paged - $rad);
	$endpage = min($max_page, $paged + $rad);

	echo add_new_line(5) .'<div class="pagination">';
	for ( $i = $startpage; $i <= $endpage; $i++ ) {
		$pagelink = ($i == $paged) ? "" : get_pagenum_link($i);
		echo "<a href='$pagelink' >$i</a>";
	}
}

Explanation

1.$wp_query->max_num_pages;  => This variable is for Maximum number of pages.

2. Posts per page can be taken from

Admin panel -> Settings ->Readings

Blog pages show at most options value is assigned to post per page (This value is set to the following SQL query at LIMIT).

3. $wp_query->request => It returns SQL query to get posts.

Example:

SELECT SQL_CALC_FOUND_ROWS wp_posts.* FROM wp_posts

WHERE 1=1 AND

wp_posts.post_type = ‘post’

AND (wp_posts.post_status = ‘publish’

OR wp_posts.post_status = ‘private’)

ORDER BY wp_posts.post_date DESC

LIMIT 2, 2

4. get_pagenum_link()=> It takes integer as argument and return that pages’ link.

Example:

get_pagenum_link(3);

http://localhost:90/wordpress/?paged=3

Step2:

Call the above function to display pagination links where ever you like. For example we are going to display page links in index.php.

Following snippet shows how to achieve the above.

<?php  if(have_posts()):

		while(have_posts()):

			the_post(); ?>

         			<div>
                  			<h5><?php the_title();?></h5>
                 			 <span class="product_desc"><?php the_content();?></span>
		          </div>

	          <?php endwhile;?>

		<!-- Paging concept-->
             		<div>
		               <?php  pagination();?>
		            </div>
<?php endif; ?>
          <?php wp_reset_query(); ?>

In WordPress, there is a nice solution via a hook, which enables to add an avatar in the list of your backend and to make a selection to our own styled avatar. In the following section I like to show a simple code snippet which explains how to add new avatar to the array of WordPress.

You have to add the snippet shown in the screenshot to functions.php of your theme and it will add Avatar from your images’ ‘ folder of your theme directory.

When the theme becomes active, you will have two new Avatars available in your list.

#adding our own avatar

function own_gravatar($avata_defaults) {

$my_avatar = get_bloginfo('template_directory').'images/our_gravatar.jpg';

$avatar_defaluts[$my_avatar]="Our Avatar name";

return $avatar_defaults;

}

add_filters('avatar_defaults','own_gravatar');

How to do

own_gravatar() function provides the location of the image which is in the images folder of the WP installation directory and assigns a name “Our Avatar name” to it. And finally the output is sent back to default avatars (avatar_default) which displays the gravatar in the default gravatar list in the dashboard.

Now go to your Dashboard->Setting->Discussion. Scroll down the page and select your new default gravatar. And you are done.

You can ‘customize the look’ by editing the style properties for gravatar class in the style.css file.

Jiri Tvrdek

Revolution Driving Tuition

Not Forgotten Movie

UTAH

Meta Lab Design

Creasenso

Helmy Bern

Alexandru Cohaniuc

Nickad

Loodo

MacRabbit

Steven Wittens

Marriage Equalityri

Africa Oasis Project

The Eernest Hemingway Collection

Two24studios

The Invoice Machine

Billy Tamplin

Strutta

inkd

Morphix Design Studio

Tennessee Vacation

Tutorial9

DFW Usability Professional’s Association

Ecosimply

Nopoko Graphics

Apple Reviews

Jason Dorn

Danvantri

Clearleft

You are welcome to post comments and to share your own ideas.

We are happy to invite you all with our Free Gift –  a very useful and completely packed premium WordPress theme.

Feel free to download  & use the theme in any of your projects also  for distribution purposes, with link back to our site.

Screen shots of the theme:

Business for free Theme – home page

Theme – gallery page

Cool Skin

Theme – homepage

Features of the Business for Free Theme:

Three Custom Page templates

• Home Page
• Blog Page
• Contact Page

1. Two Different Skins to Choose
2. ‘Theme Options’ for home page Content
3. ‘Jquery Fade Slider’ for banner
4. ‘Blog Ready’ facility
5. PSD files included for easier modification
6. Free PSD Logo
7. Browser Compatibility [IE 7,8, Chrome, Firefox, Opera ,safari]

Live Demo

Download Complete Pack for free

Subscribe to our Newsletter,RSS Updates to Get More free Resources.