background preloader

MixItUp - A CSS3 and JQuery Filter & Sort Plugin

michaek/jquery-socialButtons Home Countable.js—live word-counting in JavaScript - (Navigation privée) Installation The preferred method of installation is bower. bower install Countable Alternatively, you can download the latest zipball or copy the script directly. Usage Countable offers easy-to-use methods you can use in your project. Available methods To enable full live-counting on an element, call Countable.live(). var area = document.getElementById('area') Countable.live(area, function (counter) { console.log(counter)}) In order to remove the Countable functionality from an element, call Countable.die(). Countable.die(area) There might be situations where you only want to count paragraphs, words and characters of an element once, i.e. if you want to display the word count of an article on your blog. Countable.once(area, function (counter) { console.log(counter)}) Countable also provides a handy method to check if live-counting functionality is enabled on an element: Countable.enabled(). Countable.enabled(area) Options By default, paragraphs are split by a single return (a soft return).

Tablesorter Author: Christian Bach Version: 2.0.5 (changelog) Licence: Dual licensed (just pick!)under MIT or GPL licenses. Please with sugar on top! Update! Helping out! Comments and love letters can be sent to: christian@tablesorter.comchristian at tablesorter dot com. tablesorter is a jQuery plugin for turning a standard HTML table with THEAD and TBODY tags into a sortable table without page refreshes. tablesorter can successfully parse and sort many types of data including linked data in a cell. Multi-column sorting Parsers for sorting text, URIs, integers, currency, floats, IP addresses, dates (ISO, long and short formats), time. TIP! To use the tablesorter plugin, include the jQuery library and the tablesorter plugin inside the <head> tag of your HTML document: tablesorter works on standard HTML tables. Start by telling tablesorter to sort your table when the document is loaded: $(document).ready(function() { $("#myTable").tablesorter(); } ); NOTE! jQuery Browser Compatibility

Compact News Previewer with jQuery Today we will create a news previewer that let’s you show your latest articles or news in a compact way. The news previewer will show some list of articles on the left side and the preview of the article with a longer description on the right. Once a news on the left […] View demoDownload source Today we will create a news previewer that let’s you show your latest articles or news in a compact way. Let’s start with the markup. The Markup We will have a main container “cn_wrapper” that will contain a right element with the class “cn_preview” and a left one with the class “cn_list”. The first content item in the preview container will have already the style of being slided in, namely the position of top 5 pixels. The items list will be divided into pages where each page contains at most 5 item. Let’s take a look at the style. The CSS We will use a lot of CSS3 properties to create some neat effects. Let’s start with the main container. These elements will be animated in the JavaScript.

bootpag - dynamic pagination jQuery plugin Installation Download file or clone project from github: git clone or install from npm: npm install bootpag Getting started Documentation Parameters $(element).bootpag({...}) Simple example Init with 5 pages. Source Advanced example Init with 23 pages. Pro example Init with 9 pages. Full example Use all options available Init two bootpags for same content Whistleblowing System Installation Download file or clone project from github: git clone or install from npm: npm install bootpag Getting started Documentation Parameters $(element).bootpag({...}) Simple example Init with 5 pages. Source Advanced example Init with 23 pages. Pro example Init with 9 pages. Full example Use all options available Init two bootpags for same content Whistleblowing System Installation Download file or clone project from github: git clone or install from npm: npm install bootpag Getting started

src/Scripts/jquery.fileDownload.js at master · johnculviner/jquery.fileDownload Code Snippets - Snipplr Social Snippet Repository - (Navigation privée)

Related: