Libraries

10 JavaScript Libraries To Handle Keyboard Events

If you are looking for some JavaScript Libraries that can handle keyboard events, then you are at right place. Here we are featuring 10 best JavaScript Libraries that can handle keyboard events very well. With these libraries, developers can complete their tasks easily. It is important to incorporate event handlers to your HTML documents and register functions via JavaScript. This way, you can make your web applications to act similarly to a desktop application.

Here is the complete collection of 10 useful JavaScript libraries that can be very helpful for you. We hope that this collection proves to be the best for you. Enjoy looking into this collection and have more fun in using them for your works. Enjoy!

Keypress

Keypress is an input capture library with some very special features, it is easy to pick up and use, has a reasonable footprint (~9kb), and has no dependencies.


Read the rest of this entry »

40 Fresh jQuery Plugins You Need To Check Out

Here we have come up with another fresh and exciting collection of jQuery plugins. This time we are focusing only on the recently released jQuery plugins that are new and you might not be aware of them. So, if you love to have a good collection of useful jQuery plugins, then do not forget to browse through this collection. All the plugins presented in this collection are free to use and very useful. They will not only speed up your workflow but will also make your design more user friendly.

To wrap it up, they are all free to download, so dig in. come, take a peek, and choose your pick. Leave us a comment and let us know what you think about this compilation. Have a look and enjoy!

FancyText

( Demo | Download )

Lightweight, Simple, Styleable jQuery + CSS Dropdown Menu Plugin

( Demo | Download )

jNottery

( Demo | Download )

jQuery Scrollless

( Demo | Download )

Validation with Lightbox

( Demo | Download )

jQuery Pulse Animation Plugin

( Demo | Download )

TableExport

( Demo | Download )

Scrollmagic

( Demo | Download )

Jquery Checkthemall

( Demo | Download )

Tikslusbox

( Demo | Download )

Izilla jQuery Touch Menu Hover

( Demo | Download )

Loadjs

( Demo | Download )

Tikslusdialog

( Demo | Download )

Litebox

( Demo | Download )

jBox

( Demo | Download )

Skippr

( Demo | Download )

jQuery Sliding Menu

( Demo | Download )

Pattern Lock

( Demo | Download )

Minimus Slider

( Demo | Download )

Instagram Infinite Scroll

( Demo | Download )

Devrama Slider – jQuery Plugin

( Demo | Download )

Multiscroll.js

( Demo | Download )

OwlCarousel2

( Demo | Download )

Responsive Elements

( Demo | Download )

Revalidate

( Demo | Download )

Jcrop

( Demo | Download )

Label Better

( Demo | Download )

Panorama Viewer

( Demo | Download )

Waterpipe.js

( Demo | Download )

Mediacenter.js

( Demo | Download )

Restivejs

( Demo | Download )

jQuery SlotMachine

( Demo | Download )

Anijs

( Demo | Download )

Seenjs

( Demo | Download )

Hide Show Password

( Demo | Download )

jQuery File Upload – jQuery UI version

( Demo | Download )

Noty –A jquery Notification Plugin

( Demo | Download )

Autosize

( Demo | Download )

Headhesive.js

( Demo | Download )

Slidegrid

( Demo | Download )

40 Useful Javascript Tools & Resources

Here, we are presenting 40 JavaScript tools and resources for you. This post is totally dedicated to JavaScript resources and therefore, you will not find any jQuery or CSS resource here as we have separately published them before. JavaScript is a powerful client-side scripting language that has been used in many modern websites as well as web applications. Sometimes, it is difficult to write JavaScript because of the environment it runs in, and this is where JavaScript tools and resources come into play.

So what do you think? What did we miss? Which resources do you like the most and why? Leave us a comment and let us know what you think about this compilation. We hope that following JavaScript tools and resources will let you speed up your coding process and help you to achieve desired result within deadline.

Admin.js

The Backend-Agnostic Administration Framework.

Roughdraft.js

Quickly create and prototype a full interactive HTML mock-up without duplicating markup, server-side loops/code, or having to source fake content (lorem ipsum text/images).

Midway

Midway.js makes it super easy to automatically center the responsive elements on your websites.

Packery

Packery is a JavaScript layout library that uses a bin-packing algorithm. This is a fancy way of saying “it fills empty gaps.” Packery layouts can be intelligently ordered or organically wild. Elements can be stamped in place, fit in an ideal spot, or dragged around.

Together.js

TogetherJS is a free, open source JavaScript library by Mozilla that adds collaboration features and tools to your website. By adding TogetherJS to your site, your users can help each other out on a website in real time!

Perimeter.js

Creates an invisible perimeter around a target element and monitors mouse breaches.

Angles

Angles.js is a set of directives that wrap the chart.js library for use with angular. Just include the angles.js file, add “angles” to your list of app requirements and check out the source for use. More to come.

HTML.js

HTML is a small, powerful way for you to enjoy working directly with the DOM.

Popcorn-js

Popcorn.js is an HTML5 media framework written in JavaScript for filmmakers, web developers, and anyone who wants to create time-based interactive media on the web. Popcorn.js is part of Mozilla’s Popcorn project.

Javascript Regular Expression Validator

This tool is a web-based regular expression validator for Javascript that lets you easily test and write regular expressions for Javascript.

Html Inspector

HTML Inspector is a code quality tool to help you and your team write better markup. It’s written in JavaScript and runs in the browser, so testing your HTML has never been easier.

Annyang

annyang is a tiny javascript library that lets your visitors control your site with voice commands.

Highlightjs

Syntax highlighting for the Web.

Favico.js

Make a use of your favicon with badges, images or videos.

Raw

The missing link between spreadsheets and vector graphics.

RulersGuides.js

Creates Photoshop-like guides and rulers interface on a web page.

Instano.js

instano.js allows you to instantly detect if JavaScript is disabled after the page is loaded.It modifies the standard noscript tags so that the messages inside can be shown immediately whenever JavaScript is disabled.

Medium Editor

Medium.com WYSIWYG editor clone.

Chartjs

Easy, object oriented client side graphs for designers and developers.

Sir Trevor js

Sir Trevor is rich content editing entirely re-imagined for the web: an intuitive editor for web content which does not presuppose anything about how it will be rendered.

Gif.js

Full-featured JavaScript GIF encoder that runs in your browser.

Skeuocard

Skeuocard progressively enhances credit card inputs to provide a skeuomorphic interface.

Wide Area

WideArea is simple and lightweight JavaScript and CSS library (2KB JS and 4KB CSS) which helps you to write better, simpler and faster.

Slickspeed

Every framework runs in his own iFrame, thus no conflicts can happen. Tests are run selector by selector, with an interval to prevent the browser from freeezing.

Emberjs

A framework for creating ambitious web applications.

Reveal.js

The HTML Presentation Framework.

-Breezejs

Rich data for JavaScript apps is a Breeze.

Resumablejs

A JavaScript library providing multiple simultaneous, stable and resumable uploads via the HTML5 File API.

Parallax

Simple, lightweight Parallax Engine that reacts to the orientation of a smart device. Where no gyroscope or motion detection hardware is available, the position of the cursor is used instead.

Knockoutjs

Simplify dynamic JavaScript UIs with the Model-View-View Model (MVVM).

Leafletjs

Leaflet is a modern open-source JavaScript library for mobile-friendly interactive maps.

Handlebars.js

Handlebars provides the power necessary to let you build semantic templates effectively with no frustration.

JavaScript Regex Generator

First attempt at making a user-friendly regex generator. A little buggy in IE. Currently limited to 7 groups and no support for negating character classes.

jsbin

JS Bin is a JavaScript, HTML and CSS playground. If you want to experiment, learn or help your friends with a problem, then JS Bin is for you.

jslint

JSLint,The JavaScript Code Quality Tool.

React

React is a JavaScript library for building user interfaces.

Svgjs

A lightweight library for manipulating and animating SVG.

Pixastic

Pixastic is an experimental library which allows you to perform a variety of operations on images using just a bit of JavaScript.

Bonsai.js

A lightweight graphics library with an intuitive graphics API and an SVG renderer.

JSLitmus

JSLitmus is a lightweight tool for creating ad-hoc JavaScript benchmark tests.

Simple Statistics

Simple statistics is a JavaScript library that does descriptive statistics, regression, and classification.

50 Outstanding Yet Free Photoshop Brush Packs For Your Designs

Web designers commonly use Photoshop software for their every design because Photoshop make their work easy, provide them outstanding features and save their precious time too. This is the reason that every web designer is always ready to add new and fresh Photoshop tutorials and brushes sets in their toolbox.

Once again, it is our pleasure to share with you another amazing collection of 50 fresh and free Photoshop brush packs. Have a look at these outstanding brushes sets and use them in your projects and make your projects more creative and eye-catching. You can also download all these Photoshop brush packs free of cost. All these Photoshop brush packs are in high quality. Do let us know what you feel about this round up. Enjoy and stay creative.

18 Electrifying Lightning Brush Strikes

Electrify your artwork with these 18 stunning lightning brush strikes! They’re easy and come in 3 of the most useful formats:

Spray splatter brush pack

This pack contains 12 FREE Photoshop brushes in high resolution up to 2500 px. Excellent for grunge and dirty effects , backgrounds and textures.

Free Technical PS Brushes

Here we share with you a new pack of free Photoshop Brushes. Free Technical PS Brushes is made from old technical drawings. Hope you enjoy this free PS Brushes Pack.

Assassin Brush

This set contains beautiful Assassin Brush for your design.

Rivets Brushes

This little set of rivet brushes is one for steampunk and grunge fans, or just getting that constructional, industrial look. There’s a tutorial included in the pack to help you get the best from these rivets brushes.

Dream Beam

This set contains 2 beautiful Dream Beam brushes.

Beautiful Feather Brush Pack (6 Feathers)

Beautiful Feather Brush Pack created by ARG410 This is a simple Beautiful Feather Brush Pack with six (6) feathers.

Texture Abstract Mayksom Brushes

Great pack of 11 Texture Abstract Mayksom Brushes free to use. Download and enjoy! Remember to visit mayksom.deviantart.com if you download Texture Abstract Mayksom Brushes

Electric Flow brushes photoshop

This set contains 15 brushes made with Photoshop CS4.

Petals brushes photoshop

Was just messing around in Photoshop and came up with these. 8 Brushes made in CS5.

Space Brushes Collection

Create you own universe with this collection of 38 space brushes. I deal for the sci-fi artist, many of these space brushes were created from real space photographs in the public domain. Stars, galaxies, comets, asteroids, constellations, and even a space station. The preview picture was made entirely using these brushes. Full instructions and PSD included.

Wet Grunge Brushes Set

A set of 9 wet grunge Photoshop Brushes. All brushes are in high-res and they good for high-def work. With Wet Grunge Brushes Set you cen get cool watercolor effect. Download and enjoy!

Destroyed Ornament Brushes

This brush pack contains 6 free Destroyed Ornament Brushes made with Photoshop CS6. I was playing with brush options, scaling texture up and down, increasing and decreasing to get best result.

Cool Splatter Free Brush Set

Everything for you that loves photoshop!

Corner Flourishes Brush Set

Corner Flourishes Brush Set. Compatible with Photoshop CS and above. These brushes are high resolution – 2300 to 2500 pixels.

Splatter Photoshop Brushes

Splatter brushes for photoshop. .ABR file included.

Abstract Brushes 12

This set contains 11 Brushes, Enjoy everyone, Also they only work in CS and CS 2.

Abstract Brushes 13

Includes 12 sexy brushes from an upcoming collab between my friend ~RickJames5465 and myself, we have both worked very hard on the collab and I have compiled this brush set to help others get a good start on 3d abstract or if you just want to make a cool signature

Handmade Halos 2 brush set

Another set of halo brushes! People did some gorgeous things with the last set, and I hope this one is as much fun!

Free Grunge Photoshop Brushes

Digital Revolutions is proud to announce the release of our latest batch of free photoshop brushes. This time, the pack is full of 12, hi-resolution grunge brushes that can be used in a variety of ways to spice up your designs. Grunge is a popular theme in art, and these free brushes can help you out.

Floral Banners

Vintage Banners Free Photoshop Brushes by Romenigps

Cells brush set

This set contains brushes of large ‘cells’ with a retro feel.

Photoshop Leaf Brushes

This is my third set of photoshop leaf brushes. Like my other brushes you can use these for whatever you want, personal or commercial, for free. Enjoy! Photoshop Leaf Brushes.

5 High Resolution Mountain and Rocks Brushes

This Rocks Brush set consists of 5 High resolution mountain and rock brushes. No sharp edges let you easy mix them.

Photoshop Circular Brushes

This is a set of circular photoshop brushes. You can use any of my brushes for whatever you want, personal or commercial, for free. Enjoy! Photoshop Circular Brushes

Hi Resolution Cloud Brushes

These are 14 hi-resolution original cloud brushes in .abr, for illustrations, etc.

Photoshop Swirl Brushes

This is a set of photoshop swirl brushes. You can use any of my resources for whatever you want, personal or commercial, for free. Enjoy! Photoshop Swirl Brushes

Photoshop Stamp Brushes

This is a set of photoshop stamp brushes. You can use any of my resources for whatever you want, personal or commercial, for free. Enjoy! Photoshop Stamp Brushes.

Mediocre Tape Brushes Pt. 1

Digital smoke free PS brushes

Digital smoke brushes contains 15 absolutely free Photoshop brushes. Brushes are in high resolution – 2500 x 2500 px.

sTC-Epica 1

TC-EPICA-I is a brushset of 10 artistic brushes which can be used for textures, effects and smudging. Please give a fav for the download and consider a little donation of points at our mainpage.

Photoshop Brushes: Marble #1

19 Nature Silhouettes Trees & Grass Brushes

This set contains a nice pack of 19 Nature Photoshop Brushes.

Mabecman’s SCREENTONES Halftone Brushes

34 Free Hi Res screentone halftone brushes. Use these halftone brushes for your next project.

Raindrops Brushes of Colour

Simple raindrop brushes to liven up an image. Cover your page with raindrops and see the effect it makes :)

Free Leaf Brushes

One more nature related freebie available for download today: a set of leaf brushes. There are 12 high resolution brushes great to use in different design projects, from websites to flyers and brochures.

Smudge and Splatter Brushes

These splatter brushes are made for smudging and clipping masks Message “Nater360″ on deviant art if you want some help!

Cherry Blossom 1

Say hi to a new big pack of sakura buds and petals You can get the most from this pack by playing and testing different brush presets such as shape dynamics, scattering and color dynamics (just like in this preview you see above.

Grunge II Texture Pack

This set contains 5 beautiful Grunge II Texture Pack.

Tentacles

22 Rays of Light Brushes

Whether you need light beams, a sun burst, shafts of light through trees or even a supernova, they light rays brushes should prove a useful resource. Most are failry hi-def at around 2500 pixels.

Love Heart Brush

This is some Different heart Brush. I hope you will like this. Feel Free to use these heart brushes.

Free Floral PS Brushes

Nice pack of 14 brushes for Adobe Photoshopmade by Deseeg. Some of floral brushes have grunge touches.

Lines n S**t Grunge Line Brushes

This set was made with a half dead marker. As you can see – the lines are not perfect in anyway. RIP marker. Enjoy :)

Yet More Smudge Brushes

2 smudge brushes. Both sizing just under 600px. Enjoy!

Crop Circles Brushes

10 high quality crop circles brushes free to download.

Grungy 001 Brush Set

This set includes 6 awesome grungy brushes.

Coffee Mug Ring Stains Brushes

I’m quite pleased with this set of coffee cup rings stain brushes, as none of the are real! I created these coffee stains brushes in Photoshop for creating hard-edged water stains. I’ve included this in the set, along with instructions for creating your own grunge rings, stains and marks similar to watercolour paint.

Doodle Brushes

Great pack of 27 free Doodle Photoshop Brushes made by Dreebies.

Herb’ a Poils Grass Brushes Chapter 2 Camisole Pictures Brushes

40 Useful Web Tools For Professional Writers

Whether you are a freelance writer or a professional one, you always need some tools or utilities to keep your workflow improving and also to boost your efficiency. Professional writers need such tools very badly as they have to stay up to date as well as need to create professional content.

Below, we have collected 40 most useful resources for the professional writers. Freelance writers can also take advantage from these tools. Use these tools and improve your skills, thereby increase your income. So, without any further ado here we are presenting the complete list of 30 most useful resources for the professional writers. We hope that you will like this collection.

Mariner Write

Elegantly efficient and powerful, Mariner Write has everything you will need to turn out great looking documents. Whether you’re a professional writer, educator, student or an average sort, Write has all the functionality needed to be your go-to word processing app.

Storyist

Storyist a powerful story development tool for novelist and screen writers. Multilingual word processor for Mac OS X. Featuring an intuitive interface and many features not offered in other applications.

Critiquecircle

CritiqueCircle.com is a free online collaborative writing workshop for all genres with an extensive array of features. Improve your writing and meet other writers.

Ommwriter

OmmWriter is your own private writing room where you can close the door behind you to focus on your writing in peace.

Writing Prompts

Writing.Com presents “Writing Prompts”, the iPhone app with an endless supply of creative inspiration!

Scribe Content

Content Optimization Software for Online Marketing.

Ulysses App

Building the greatest text editor the world has ever seen. One piece at a time.

Smart Writing Tool

7notes HD is a smart writing tool optimized for iPad. With this app, mixing your handwriting with digital texts is easier than ever before.

Writeroom

For Mac users to write without distractions. WriteRoom is a full screen writing environment. Unlike the cluttered word processors you’re used to, WriteRoom lets you focus on writing.

Nisus

Multilingual word processor for Mac OS X. Featuring an intuitive interface and many features not offered in other applications.

Write The App

Write – The word processor for the rest of us. In simple and Retina-aware.

Literatureandlatte

Scrivener for Mac OS X and Windows is an Award-winning writing software for novelists, scriptwriters, academics or anyone working on long texts requiring research and structure, or taming the chaotic process of writing.

Guru

Hire Freelancers & manage projects online.

Places For Writers

Helping writers to find homes for their work since 1997.

Wridea

Wridea is a web service first to avoid ideas being forgotten, then to organize and improve those ideas by giving you the opportunity to share your ideas with friends and necessary tools to improve your ideas by yourself and individually.

Bean

Bean is a small, easy-to-use word processor that is designed to make writing convenient, efficient and comfortable. Bean is lean, fast and uncluttered. It starts up quickly, has a live word count, and is easy on the eyes. Also, Bean is available free of charge.

Mark My Words

MarkMyWords has been specifically developed and designed for authors, who publish their articles on blogs and news-sites. MarkMyWords supports a selected set of Markup-Languages and offers a lot of features to support the writer to focus on what really matters: The content.

World Book Notepad

World Book® Notepad is an easy-to-use, customizable word-processing application. Originally integrated into World Book Encyclopedia to help students create their own reports using the World Book content, you can now use it with or without World Book for preparing reports, essays, or any other documents.

iText Pro

iText Pro is a cute, intuitive, and refined yet flexible text editor with word processing.

Byword

Simple and efficient text editing for Mac, iPhone and iPad.

Marked

Marked’s flexible Markdown preview will show you the final output of your document as you work, and its writing tools make your life easier from concept to publish.

Pagehand

Need an excellent rhyming dictionary? Don’t yelp, we’re here to help.

iPad

iA Writer for iPad comes with an elegant keyboard extension that lets you navigate left and right, with direct access to punctuation.

Copy Scape

Search for copies of your page on the web.

Autocrit

The AutoCrit Editing Wizard is an instant book editor. With the click of a button it shows you the problems in your manuscript.

Wridea

Wridea is a web service first to avoid ideas being forgotten, then to organize and improve those ideas by giving you the opportunity to share your ideas with friends and necessary tools to improve your ideas by yourself and individually.

Treepad

TreePad is an award-winning Personal Information Manager, Organizer, Database, Word Processor and much more.

Evernote

Evernote apps and products make modern life manageable, by letting you easily collect and find everything that matters.

Ubernote

UberNote helps you organize with the tools you already use. Add your notes, files, bookmarks, web clips, and ideas from anywhere.

Wizards For Word

WIZARDS FOR WORD by Recipes For Word (a powerful plug-in for MS-WORD) is a complete software suite of “writing wizards,” specific modules that automate or assist in the most tedious and time-consuming tasks of the writing process.

AbiWord

AbiWord is a free word processing program similar to Microsoft Word. It is suitable for a wide variety of word processing tasks.

Writer

Just write. Writer will take care of saving your work automatically every few minutes, when you start a new document, and when you open a different document.

Livescribe

Livescribe paper-based computing platform includes a smartpen, dot paper and software applications that changes the way people capture, use and share audio and visual information with pen and paper.

Nuvotech

Story Outlining & Script Formatting Software for Mac & PC.

Springpad

Organize your world, and have fun while you do it.

Tellico

Tellico allows you to enter your collection in a catalogue database, saving many different properties like title, author, etc.

Loosestitch

LooseStitch, A Free Online Outliner Lets You Create and Share Outliner Documents. Create Checklist, Brainstorm Ideas. Jot them down. Call friends over. Get feedback. Make changes. Share Outliner.

Autocrit

The AutoCrit Editing Wizard is an instant book editor. With the click of a button it shows you the problems in your manuscript.

Jing

Try Jing for a free and simple way to start sharing images and short videos of your computer screen. Whether for work, home, or play, Jing gives you the ability to add basic visual elements to your captures and share them fast.

zemanta

Zemanta – Trusted Content Discovery.

Visualthesaurus

An online thesaurus and dictionary of over 145,000 words that you explore using an interactive map. It’s a tool for people who think visually. The most fun you’ve ever had with words. The Visual Thesaurus was built using Thinkmap, a data visualization technology.

Collection Of jQuery Plugins For Filtering And Sorting Items

One can easily take control of orders, placement and organization of his web pages or table elements with the help of jQuery filter and sort plugins. Moreover, if someone wants to offer a more dynamic and user friendly design, he can use plugins with drag-able controls.

Keeping this in mind, here we are presenting a vast collection of useful jQuery filter and sort plugins. Such type of sorting and filtering plugins are extremely useful for the websites that have large datasets for instance, table view, list views such as for a portfolio page.
Below, you will find some useful plugins to manage your table views and list views with. We hope that you will like this collection and find these plugins useful for you. Feel free to share your opinions with us via comment section below. Enjoy!

MixItUp

( Demo | Download )

MixItUp is a light-weight but powerful jQuery plugin that provides beautiful animated filtering and sorting of categorized and ordered content. It plays nice with your existing HTML and CSS, making it a great choice for fluid, responsive layouts. It’s perfect for portfolios, galleries, blogs, or any categorized or ordered content!

jQuery Plugin For Sorting and Filtering Html Lists – listplus

( Demo | Download )

Listplus is a lightweight jQuery UI widget based on jQuery library that enables you to sort, group, and filter an html list on client side.

Minimal jQuery Table Sorter and Filter Plugin – table.js

( Demo | Download )

table.js is a super simple yet useful jQuery plugin for sorting, filtering and formatting your html tables.

Filtrify

( Demo | Download )

Filtrify is an advanced tag filtering plugin, inspired by Chosen multiple select feature and Orman Clark’s Vertical Navigation Menu. Advanced because you can search tags within tags and filter items by multiple tags from different categories and get a live feedback on the number of items containing related tags.

Ingrid

( Demo | Download )

Datagrids don’t have to be difficult to use anymore – say hi to Ingrid. Ingrid is an unobtrusive jQuery component that adds datagrid behaviors (column resizing, paging, sorting, row and column styling, and more) to your tables. It’s easy to get started.

Sortable Lists Using jQuery UI

( Demo | Download )

Sortable Lists Using jQuery UI.

PicNet

( Demo | Download )

The PicNet Table Filter is used in production in several PicNet projects so it has been tested production ready. The table filter was born out of our Visual Analytics (Mouse Eye Tracking) project and has received great feedback.

ColumnManager

( Demo | Download )

A jQuery-plugin to toggle the visibility of table columns (collapsing and expanding them) and to save the state until the next visit. It’s supporting tables with colspans and rowspans, too!

Filtering Blocks

( Demo | Download )

Animated table sort (REGEXP friendly)

( Demo | Download )

This plugin allows you to animatedly sort a table based on a column’s td’s, or on the content/value of a child/descendant element within those td’s. The various td’s fly to their new homes, giving a nice effect. It also supports sorting on REGEXP matches. You can also control whether row relationships are maintained, whether it sorts on ascii or numeric and ascending or descending.

Using jQuery To Manipulate and Filter Data

( Demo | Download )

When a webpage is designed to display large tables of data, a great amount of consideration should be dedicated to allowing the user to sort through the data in a structured manner. In this article, I will go over four techniques: hover effects, zebra rows, filtering, and sorting.

Flexigrid

( Demo | Download )

Lightweight but rich data grid with resizable columns and a scrolling data to match the headers, plus an ability to connect to an xml based data source using Ajax to load the content.

Drag & Drop Sortable Lists

( Demo | Download )

Drag & Drop Sortable Lists with JavaScript and CSS.

TinySort

( Demo | Download )

TinySort is a small and simple jQuery plugin that will sort any nodetype by it’s text- or attribute value, or by that of one of it’s children.

Table Sorter

( Demo | Download )

Flexible client-side table sorting.

Quicksand

( Demo | Download )

Reorder and filter items with a nice shuffling animation.

ISOTOPE

( Demo | Download )

An exquisite jQuery plugin for magical layouts.

CHOSEN

( Demo | Download )

Chosen is a jQuery plugin that makes long, unwieldy select boxes much more user-friendly.

Sortable

( Demo | Download )

Reorder elements in a list or grid using the mouse.

Creating a “Filterable” Portfolio with jQuery

( Demo | Download )

If you have worked in your field for a while, there is a pretty good chance that you have a rather extensive portfolio. To make it a little easier to navigate, you will probably be tempted to break them into different categories. In this tutorial, I will show you how to make “filtering by category” a little more interesting with just a little bit of jQuery.

jQuery plugin

( Demo | Download )

Table Drag and Drop JQuery plugin.

Dragtable

( Demo | Download )

Visually reorder all your table columns.

Powerful jQuery Data Table Column Filter Plugin – yadcf

( Demo | Download )

yadcf is yet another data table column filter plugin for jQuery that integrates with jQuery DataTables Plugin to make your data tables sortable, filterable and searchable. With this plugin, you can add various types of filters to each column of your data table.

Nreco

( Demo | Download )

jSquared is a jQuery plugin for UI like in Google Squared.

jQuery Interface Elements

( Demo | Download )

Interface is a collection of rich interface components which utilizes the lightweight JavaScript library jQuery. With this components you can build rich client web applications and interfaces with the same simplicity as writing JavaScript with jQuery.

Premium Plugins:

SortTables Responsive

( Demo )

SortResponsiveTable including: sorting script adds search, column averages and totals, record numbering, a view all function, and a reset function.

tQuery – Dynamic tables

( Demo )

tQuery Tables is an easy to implement, lightweight Jquery script that makes tables dynamic on the fly.

Simple Content Sorting

( Demo )

Quickly allow your users to access the information that they are looking for with Simple Content Sorting! This plugin creates a simple sorter for your content. Simple Content Sorting provides a clean and easy way to beautify your interface by providing a slick client side sorting mechanism. You heard correctly, no page loading happens as the sorting takes place since its all done with javascript.

jSorted – a plugin for sorting things

( Demo )

This plugin allows to sort an unordered list or a table using a value (number or date) attached to each item in ascending or descending order. It can be used for live data charts, sports widgets, news tickers, html5 games and a lot more. It’s very easy to customize!

jQuery jPList Plugin

( Demo )

jPList is a flexible jQuery plugin for sorting, pagination and filtering of any HTML structure (DIVs, UL/LI, tables, etc).

SearchBox

( Demo )

SearchBox is a jQuery plugin that allows you to have reach search controls with filters on your pages (similar to GMail and Google Docs).

Tonic Gallery – jQuery XML Portfolio Gallery

( Demo )

Tonic Gallery is a jQuery XML Portfolio Gallery that allows you to create very easily a portfolio gallery with some nice effects and flexible customization settings.

JQuery Table

( Demo )

This is plugin of jQuery, to help create the table very simple.

jQuery Simple Content Sorting Plus Plugin

( Demo )

This plugin creates a simple content sorter for your content and allows you to control your content with pagination! Simple Content Sorting provides a clean and easy way to beautify your interface by providing a slick client side sorting mechanism. You heard correctly, no page loading happens as the sorting takes place since its all done with javascript.

Beautiful Data

( Demo )

Beautiful Data is a great way to turn a boring HTML table into something that supports features like paging and sorting. This jQuery plugin can also access data from CSV and JSON just by specifying the source file.

50 Free Flat UI Kits For User Interface Designers

Here, you will find 50 useful and free to download flat user interface (UI) kits that can boost your designs. These UI kits will help you get started with your UI design project in no time. The time has gone when people used flashy illustrations, extraneous textures and drop down shadows in web designs. Now, the trend has changed, now people want more user-centric web design style.

These UI kits will be of great assistance for the beginners and also for the professionals as they can save their loads of time. These kits usually come in PSD file formats, patterns and a lot of user interface elements. Do let us know what you think about this compilation. You can also share your opinions via comment section below. Your comments are always welcome.

Blog/Magazine Flat UI Kit

Polaris UI Free

Even: A Flat UI Kit

Flat UI Kit

Flat UI Kit

Square UI Free

Flat UI Kit

Metro Tiles UI Kit

Blog / Magazine UI Kit

Flat Rounded Square UI Kit

Flat AP UI Kit

Free Flat UI kit

Flat / UI Kit

Flat Design UI Components

Flatlyfe UI Kit

Simple UI Kit with Flat Colors

Free Flat UI Kit PSD

Free Color UI Kit

Mega Flat UI Kit

A Mega Flat Style UI Kit PSD

Flat UI Kit (Free PSD)

Behance Style Flat Ui Kit Free

Free Flat UI Kit

Flat UI Design Kit

SmoothBerry

Flat UI Freebie Pack

Free Folia UI Kit

Purple UI Kit

Flat UI Kit

UI Shopping Kit

I/UX Flat Design

Ui Kit

Momonosuke UI

Flat UI kit

Responsive Ui Kit

Flat User Interface Set

Free Ui kit

Lucent UI

Orange/Cyan UI

Flat + Transparent UI

Ecommerce Flat UI Kit

Minimize UI Kit

Free Modern UI

Flat UI Kit

REDMILK FREE UI Elements

Human After All

Touch50px UI Kit

RED UI – User Interface Design Kit PSD

Almost Flat Dark UI Pack

City Break UI Kit

17 Online Sandbox Tools For Testing Your Code Snippets

Developers constantly need some tools to check their codes so that they can make necessary changes without wasting time in finding out where change is required. With this collection, we are showcasing 17 very helpful websites for the developers that will let them test code snippets. This post will save time and we are sure that developers will find this post useful as well. This is because developers are constantly required to check their codes in order to ensure that everything is working fine.

Below, you will find some useful websites for testing code snippets. We hope that you will like this collection. Feel free to share your opinions with us via comment section below. Your comments are always more than welcome.

Ideone

Ideone is something more than a pastebin; it’s an online compiler and debugging tool which allows to compile and run code online in more than 40 programming languages.

SQL Fiddle

A tool for easy online testing and sharing of database problems and their solutions.

Dabblet

An interactive CSS playground and code sharing tool. Dabblet saves to Github gists and offers many conveniences for CSS editing.

Chop

A little app from ZURB that lets people slice up bad code and share their feedback to help put it back together.

Cloud9 IDE

Write, run, and debug your code with our powerful and flexible cloud IDE. Collaborate on your workspaces publicly, or keep them private. The choice is yours!

Gistbox

GistBox is the personal code library you’ve always wanted.

HTML_CodeSniffer

Check that your HTML code conforms to your coding standard.

Write Code Online

Write code online php code test php online php test run php code online run code online.

JsBin v.2

Collaborative JavaScript Debugging.

Try Editor v.1.5

Tryit Editor v1.7 is an online HTML tester that is downloadable, as well as being able to be used online.

HTMLEdit Square

Type HTML in the textarea, and it will magically appear in the frame.

JSLint

The JavaScript Code Quality Tool.

Compilr

Compilr is an online editor & sandbox that lets you write your code all from the comfort of your browser. We do all the heavy lifting so you can just focus on writing and learning code!

Pythonfiddle

The Python IDE for the web. Play around with and modify live example code. Share or demonstrate solutions to problems.

Dirty Markup

Tidy and Beautify your HTML, CSS, and JavaScript code.

RegExr

An intuitive tool for learning, writing, and testing Regular Expressions.

Sinon. JS

Standalone test spies, stubs and mocks for JavaScript. No dependencies, works with any unit testing framework.

Top 40 WordPress Plugins For Blog Administrators

Blog administrators often find it difficult to handle their blog and this is the reason why different plugins are here. This time, we are presenting a list of 40 useful and most powerful WordPress plugins for blog administrators. These plugins will make your job easier for you and help you in organizing your blog more efficiently and manage your time as well.

We hope that this collection proves to be the best and you will get what you need to manage and run your blog more effectively. We hope you like this collection. Full list after jump. Enjoy!

Admin Menu Editor

( Download )

Lets you edit the WordPress admin menu. You can re-order, hide or rename menus, add custom menus and more.

AdRotate

( Download )

The very best way of putting ads on your website. As many as you want… Make making money easy!

Admin Management Xtended

( Download )

Adds AJAX-driven options to some admin management pages with CMS-known functions without having to open the edit screens.

WP Super Edit

( Download )

Get control of the WordPress wysiwyg visual editor and add some functionality with more buttons and custom TinyMCE plugins.

Login With Ajax

( Download )

Add smooth ajax login/registration effects and choose where users get redirected upon log in/out. Supports SSL, MultiSite, and BuddyPress.

WP Admin Bar Reloaded

( Download )

WP Admin Bar is an indispensable WordPress plugin which displays links to the Administration Panel at the top of a blog’s page – but only for users who are logged in and have permission to view the given functions.

Custom Admin Branding

( Download )

The Custom Admin Branding Plugin allows you to brand and customize the WordPress administration area for clients or for personal use.

Database size wordress plugin

( Download )

Shows DataBase size in admin board.

Plugin Installer

( Download )

PlugInstaller is a WordPress plugin-management plugin that eliminates the need to download a plugin archive, upload it to your FTP server and unpack it manually.

Google Analyticator

( Download )

Adds the necessary JavaScript code to enable Google Analytics. Includes widgets for Analytics data display.

Simple Tags

( Download )

Simple Tags is the successor of Simple Tagging Plugin This is THE perfect tool to manage perfectly your WP terms for any taxonomy. It was written with this philosophy : best performances, more secured and brings a lot of new functions

Adminimize

( Download )

Adminimize is a WordPress plugin that lets you hide ‘unnecessary’ items from the WordPress backend and many many more.

Verelo Blog Monitoring Plugin

( Download )

Automatically start monitoring your sites uptime and check for hacks/malware from multiple Verelo global locations on a 5 minute rotational schedule.

WordPress Admin Quick Menu

( Download )

This simple WordPress plugin allows users to add quick menu items to the WordPress sidebar. It’s designed to help web masters have easy access to external pages such as Analytics and shopping carts in their WordPress admin panel.

WordPress Admin Notepad

( Download )

Add a Notepad to your admin panel so that you can view or edit note at anywhere.

Admin Management Xtended Plugin

( Download )

WordPress as a CMS, it’s important to be able to manage contents easily and quickly.

Favicon Generator

( Download )

This plugin will allow you to upload an image file of your choosing to be converted to a favicon for your WordPress site.

Post Ideas+

( Download )

Keeps track of all your blog articles and post ideas using the following fields: * Working title * Tags * Source links * Description * Priority.

Jetpack

( Download )

To get started with Jetpack, download and install the plugin. Once you’ve installed Jetpack you’ll get access to all the delightful features below.

Acunetix Secure WordPress

( Download )

Scans your WordPress installation for security vulnerabilities.

Advanced Category Excluder

( Download )

The No.1 content separator, content manager, content excluder, sidebar widget manager plugin to enable CMS like functionality.

Menu Plugin

( Download )

Admin Drop Down Menu.

WP Maintenance Mode

( Download )

Adds a splash page to your site that lets visitors know your site is down for maintenance. Full access to the back- & front-end is optional.

WordPress Database Backup

( Download )

WordPress database backup creates backups of your core WordPress tables as well as other tables of your choice in the same database.

W3 Total Cache

( Download )

Easy Web Performance Optimization (WPO) using caching: browser, page, object, database, minify and content delivery network support.

All in One SEO Pack

( Download )

All in One SEO Pack is a WordPress SEO plugin to automatically optimize your WordPress blog for Search Engines such as Google.

Js Style Admin + Drop Menus

( Download )

Js Style SpotMilk Admin is base on SpotMilk Admin,with a few cosmetic change, Js Style SpotMilk Admin updated, make some change on the css and added the Spotmilk Admin Drop down Menus support. Spot milk Admin Drop Menus plug-in is a very convenient and pretty tool , it can help you save many space if you use many plug-in.

Fluency Admin

( Download )

Fluency Admin gives the standard WordPress admin a little lift and adds a handful of handy features to make /wp-admin an even better place to be.

Class Blogs

( Download )

The Class Blogs plugin is meant to simplify the process of blogging as a class. It accomplishes this by making it easier to find, organize and analyze the work created by your students.

Blog Update Reminder

( Download )

Track one or multiple authors’ blog posting frequency and email-notifies these authors if they haven’t posted within a set timeframe.

Hit Sniffer Live Blog Analytics

( Download )

Hit Sniffer is a powerful real time website visitor activity tracker. It will monitor your website visitors actions live and in real time.

Follow My Blog Post

( Download )

This plugin allows visitors to follow changes or comments on a particular posts for your WordPress site.

FireStats

( Download )

FireStats is a web statistics system.

Post video players & slideshow albums

( Download )

Post your videos, photo galleries/flash slideshows, music and playlists easily and in seconds.

Hide Quick Links

( Download )

This is a simple plugin which allows you to hide quick links on the top of your admin panel. this plugin will be usefull from the wordpress version 3.3. these quick links are shown on a screeshot in screenshots section.

WP Super Cache

( Download )

A very fast caching engine for WordPress that produces static html files.

WSA Favicon

( Download )

Easily upload your favicon and convert regular images to favicons.

Captain Favicon

( Download )

The easiest way to add a Favicon to your site.

Broken Link Checker

( Download )

This plugin will check your posts, comments and other content for broken links and missing images, and notify you if any are found.

Digital Raindrops Page Styles

( Download )

This plugin enables admin users of WordPress to assign a different Style Sheets per page from the themes directory.

45+ Must-Have Chrome Extensions For Web Designers & Developers

Another amazing and wonderful collection for the web designers and web developers is presented here. In this collection we are showcasing 45+ Google Chrome Extension for the web designers and developers. As we all know that Google Chrome is not only an old browser but it is also a very popular and famous browser. Google Chrome is an open source browser that’s why you can easily modify it when where you want. Google Chrome also provides to their users a huge list of powerful and free extensions.

So, here is the complete list of Google Chrome extensions for your use. We hope that this collection proves to be the best and will help you. Check out these Google Chrome extensions and download your best pick. Do let us know what do you think about this collection. Feel free to share your opinions and comments with us via comment section below.

Palette for Chrome

Creates a color palette from any image. Just right-click on the image and select the ‘Palette for Chrome’ option.

ColorPicker 0.9

Web developer color picker / eye dropper. Pick color from current web page or change color(s) of any element in DOM.

Diigo

Bookmark, Archive, Screenshot & Markup – All-In-One Web Collector, must-have research tool.

Pendule

Extended web developer tools for Chrome. Use this extension in addition to the built-in Developer Tools (Ctrl+Shift+I).

Firebug Lite for Google Chrome™

Firebug Lite is not a substitute for Firebug, or Chrome Developer Tools. It is a tool to be used in conjunction with these tools. Firebug Lite provides the rich visual representation we are used to see in Firebug when it comes to HTML elements, DOM elements, and Box Model shading. It provides also some cool features like inspecting HTML elemements with your mouse, and live editing CSS properties.

CSSViewer

CSSViewer is a simple CSS property viewer for Google chrome originally made by Nicolas Huon as a FireFox addon.

BuiltWith Technology Profiler

The BuiltWith Chrome Extension lets you find out what a website is built with by a simple click on the builtwith icon!

Microstock Photo Power Search

The Microstock Photo Power Search Tool makes searching multiple libraries for the best microstock stock photos easier than ever.

MyNotes

Automatically creates a note when you select a text and bookmarks it. Search on Google and export to a Google document your notes.

Clip To Evernote

Use the Evernote extension to save things you see on the web into your Evernote account.

Similar Pages

Discover webpages similar to the page you’re currently browsing.

AppJump

Quickly launch Apps from browser toolbar. Organize Apps and Extensions into Groups. Manage Apps and Extensions with ease.

Ananke Timer

Ananke Timer is a simple task timer extension.

Todoist: To-Do list and Task Manager

Todoist is the leading online to-do list and task manager. We manage millions of to-dos and we are ready to manage yours as well!

PopChrom

Save time and effort with Popchrom by creating your own shortcuts for text phrases! Whether it’s a simple email signature or…

Speed Dial

Speed Dial for Chrome – replace Chrome new tab with your predefined visual bookmarks.

Resolution Test

An extension for developers to test web pages in different screen resolutions, with an option to define your own resolutions.

Speed Tracer (by Google)

Get insight into the performance of your web applications.

SEO Site Tools

On-Page / External metrics, Social Media info, PR / numbering on Yahoo, Bing, Google SERPs.Extends WMT, YSE and GA with metrics

SEO for Chrome

SEO for Chrome provides SEO Stats and Tools that make your daily SEO tasks easier. The MOST popular Google Chrome SEO Plugin!

Eye Dropper

Eye Dropper is open source extension which allows you to pick colors from web pages, color picker and your personal color history.

Image Cropper

Image Cropper lets you crop images in any website on the fly.

Webpage Screenshot Capture

The most powerful and freeware app for capture entire page, Save & Edit & Annotate & Print & Share.

iMacros for Chrome

Automate your web browser. Record and replay repetitious work.

Frame two pages

Merge the active tab and the previous one into a frameset.

Session Buddy

Manage Your Browser Sessions.

Window Resizer

Resize browser window to emulate various screen resolutions.

Ruul. Screen ruler

A fantastically simple on-screen ruler for lining up and measuring type, line height, strokes and just about anything on the web.

Tape

Tape is a tool for pixel-perfect website development. It lets you put down guides that snap intelligently to the page content (and stick to it if it moves on scroll or resize), and helps you easily measure positions and sizes of elements.

WhatFont

The easiest way to identify fonts on web pages.

Web Developer

Adds a toolbar button with various web developer tools. The official port of the Web Developer extension for Firefox.

QrURL

A QR code (abbreviated from Quick Response code) is a type of matrix barcode (or two-dimensional code) designed to be read by smartphones. Using QRUrl you can translate any literal URI to a QR code and then use it to share your site in the physical world.

Save my Tabs

The Save my Tabs is an extension that with one click can save all open tabs in your browser.

Alexa Traffic Rank

The Official Alexa Traffic Rank Extension, providing Alexa Traffic Rank and site Information when clicked.

WordPress Stats

Addicted to numbers? Get the daily statistics of your blog in your chrome browser.

Domain Availability Checker and Whois

This plugin checks a domains availability straight from your toolbar. Perfect for web designers/developers.

Forget Me – Clean History, Cookies & m

Delete everything about a website. Cookies, History, localStorage, sessionStorage…everything!

Awesome Screenshot: Capture & Anno

Capture the whole page or any portion, annotate screenshot, blur sensitive info, one-click upload to share.

Drag2up

Drag files to text boxes on any site to upload and share.

HTML Instant

Edit HTML code in real-time. Just enter HTML, CSS, or Javascript in the left pane and you will get instant results as you type in the right pane. Great for editing on the fly and for teaching/learning HTML.

Image Properties Context Menu

A simple context menu extension to show the properties of an image.

MeasureIt!

Draw out a ruler that will help you get the pixel width and height of any elements on a webpage.

TabJump – Intelligent Tab Navigator

A new way to navigate your tabs. Easily access most used tabs, associated tabs, and closed tabs. Allows tab locking too.

TooManyTabs for Chrome

Manage your tabs, improve your browsing, and maintain your sanity when you have many tabs open.

Session Manager

Session Manager lets you save sessions of your opened tabs and windows, and to quickly re-open them whenever you like.

Google Font Previewer for Chrome

Lets you choose a font from the Google Font directory with a few text styling options, and preview them on the current tab.

Stylebot

Change the appearance of websites instantly. Preview and install styles created by users for your favorite websites.

IE Tab Multi (Enhance)

MultiTab type IE inside Chrome. This is the neatest one among other IE extensions.