Data, Maps, Usability, and Performance

API canvas d3 data geo GeoJSON html5 image JavaScript json maps mysql PHP WordPress

Pure CSS Alternatives to JavaScript

this is ready

http://speckyboy.com/2010/04/26/30-pure-css-alternatives-to-javascript/

how about charts: https://github.com/sergeylukin/css-skills-diagram – skills diagram!

how about pure css modals: http://drublic.github.io/css-modal/

HINT.css – tooltip library in CSS

a blog post about not using js to do the following functions anymore:

1. http://amix.dk/blog/post/19661 – ellipsis, u actually only need:

text-overflow: ellipsis;
width: 121px;
white-space: nowrap;
overflow: hidden;

peeps need to start using this: http://dev.opera.com/articles/view/css3-vs-jquery-animations/

http://www.inserthtml.com/2012/04/guide-css3-units/?utm_source=html5weekly&utm_medium=email – css3 units

How about css3 animate stuff with jquery fallback

http://addyosmani.com/blog/css3transitions-jquery/

css only tooltips: http://html5snippets.com/snippets/66-css-tooltips
css only tabs: http://html5snippets.com/snippets/62-css3-glow-tabs
3d text: http://www.cssrex.com/tips-tricks/how-to-create-3d-text-using-css3/

ken burns in css: https://github.com/kig/kenburns

http://fhtr.blogspot.com/2011/08/ken-burns-effect-using-css.html

http://www.adobe.com/devnet/html5/articles/using-form-elements-and-css3-to-replace-javascript.html – using form elements and css3 to replace

http://demosthenes.info/blog/662/Design-From-the-Inside-Out-With-CSS-MinContent

http://www.inserthtml.com/2013/07/css-custom-filters/

New Updated jQuery Plugins Collection

This is the first out of a series of posts dedicated to jQuery plugins and this time around I want to focus on XXXX.

http://bashooka.com/coding/best-jquery-plugins/ – 85 best jQuery plugins

http://jquer.in/

http://www.unheap.com/

http://jquery-jkit.com/

jKit: jQuery-based User Interface Toolkit
A very easy to use, cross platform, jQuery based UI toolkit, that’s still small in size, has the features you need, and doesn’t get in your way of doing things!

http://projects.jga.me/jquery-builder/ – jquery builder kit!

Updated Collection of Organized jQuery Plugins

maybe first post should just link all the other collection of links:

http://creativecan.com/2012/04/jquery-tutorials/

http://coding.smashingmagazine.com/2012/09/23/useful-javascript-libraries-jquery-plugins-web-developers/

http://www.misfitgeek.com/2011/03/javascript-jquery-modal-dialogs-roundup/ – JS MODALS!!
http://slodive.com/web-development/jquery-plugins/ – 60 recent jquery plugins
http://speckyboy.com/2011/12/07/the-50-most-useful-jquery-plugins-from-2011/ – 50 plugins

http://filepicker.github.io/codeblock.js/ – Editable, runnable javascript code blocks

http://webpop.github.io/jquery.pin/ – lets you Pin any element to the top of a container with great features

https://github.com/heelhook/chardin.js – jquery plugin that creates a simple overlay to display instructions on existent elements

https://github.com/joshbuddy/spoiler-alert – A happy little jquery plugin to hide spoilers on your site

https://github.com/mattt/morse.js/ – jQuery Plugin to annotate text with Morse Code
https://github.com/h0ke/jquery-embedagram/ – embed instagram photos
http://potomak.github.com/jquery-instagram/ – show instagram photos

http://mcpants.github.com/jquery.shapeshift/ – jquery plugin for dynamic grid system with drag and drop functionality.

http://mcpants.github.io/jquery.shapeshift/

https://github.com/js-coder/jQuery.x18n – jQuery adapter for x18n, a internationalisation library for JavaScript.

https://github.com/xoxco/awarejs – jquery plugin for read aware design

http://dfcb.github.com/BigVideo.js/ – jquery plugin for big background video and images
http://gridster.net/ – jquery grid plugin, drag-and-drop multi-column grid.
http://jquerygeo.com/ – jQuery Geo – a JavaScript mapping API
https://github.com/rviscomi/trunk8 – text truncation extension to jQuery (Unlike conventional truncation that just limits the character length of text, trunk8 measures the content area for spill-over and intelligently chooses the text that best fits in the given space)

http://gantt.twproject.com/ – jquery plugin for creating gantt charts
https://github.com/gre/slider.js – great slideshow plugin for jquery with css, canvas, etc transitions

http://intridea.github.com/sketch.js/ – jQuery plugin that allows you to create canvases upon which visitors can draw
http://pragmaticly.github.com/smart-time-ago/ – little jQuery library to update the relative timestamps in your document intelligently
http://janne.aukia.com/zoomooz/ – jQuery plugin for making web page elements zoom

http://www.wookmark.com/jquery-plugin – dynamic column grid jQuery plugin
http://jquery-notes.rydygel.de/samples.php – jquery notes for images, similar to flickr taggin
http://www.noeltock.com/tilt-shift-css3-jquery-plugin/ – tilt shift jquery plugin using mostly css3

https://github.com/christophercliff/sausage – pagination jquery plugin

http://jeromeetienne.github.com/jquery-qrcode/ – qr code generator

http://arborjs.org/ – WOW, awesome visualization of connections!

http://paulkinzett.github.com/toolbar/ – jQuery plugin that creates tooltip style toolbars

http://fittextjs.com/ – jquery text plugin to inflate web fonts

http://brad.is/coding/BigScreen/ – simple library for using the JavaScript Full Screen API. or do your own with this guide: https://hacks.mozilla.org/2012/01/using-the-fullscreen-api-in-web-browsers/

vegas.jaysalvat.com – Vegas Background jQuery Plugin
http://vegas.jaysalvat.com/ – jquery background full screen image plugin
http://moronicbajebus.com/blog/jstackmenu/files/ – jQuery UI widget for creating stack menus.
https://github.com/DanielRapp/Noisy – jQuery plugin that adds random noise to the background of a given element

http://indamix.github.com/real-shadow/ – jQuery Plugin that casts photorealistic shadows

http://jquery.vostrel.cz/reel – jQuery plugin which takes an ordinary image tag and transforms it into a gorgeous interactive 360° object movie, panorama or stop-motion animation.

http://simsalabim.github.com/sisyphus/ – jQuery plugin uses Local Storage to prevent your work in forms from being lost

https://github.com/tylergaw/jribbble – jQuery plugin for the Dribbble API
http://darcyclarke.me/dev/repojs/ – light-weight jQuery Plugin that lets you easily embed a Github repo onto your site.
http://tracelytics.github.com/pageguide/ – An interactive guide for web page elements using jQuery and CSS3.
http://designwithpc.com/Plugins/ddSlick#? – jQuery plugin that allows you to create a custom drop down with images and description.
http://ivaynberg.github.com/select2/ – jQuery based replacement for select boxes., based on chosen: http://harvesthq.github.com/chosen/
http://danpalmer.me/jquery-complexify – accurately tell them how good a password is
http://anthonyterrien.com/knob/ – knob jquery plugin
http://devsmash.com/projects/kwicks – KWICKS or sexy sliding panels (https://github.com/Mottie/Kwicks)

https://github.com/pixelmatrix/mapkey – simple jQuery plugin to easily map keyboard characters to links or functions

http://sebnitu.github.com/HorizontalNav/ – a jQuery plugin that spans a horizontal navigation to fit the full width of it’s container

http://www.webresourcesdepot.com/28-high-quality-jquery-plugins-for-building-responsive-websites/ – another great list of jquery plugins

http://redactorjs.com/ – Fantastic WYSIWYG editor on jQuery

http://speckyboy.com/2009/08/26/20-jquery-plugins-and-tutorials-to-enhance-forms/ – jquery plugins for forms
http://webdesignledger.com/tools/14-fresh-and-useful-jquery-plugins – another great list

http://webdesignledger.com/resources/8-responsive-jquery-slider-plugins – another list of jquery slide plugins

you also need to add a checkbox out there for lists like these that lets end user open in modal or new tab

it almost seems better to oranize these by category and launch post by post like that!

http://stephband.info/jparallax/index.html – parrallax

https://github.com/cameronmcefee/plax – Plax is a jQuery / Ender plugin that makes it suuuuuper easy to parallax elements in your site based on mouse position.

NAVIGATION jquery plugins:

http://tympanus.net/Tutorials/BubbleNavigation/

http://tympanus.net/Tutorials/BeautifulBackgroundImageNavigation

jquery slider an carousel plugins:
NEW slidecontrol plugin: http://nikorablin.com/slideControl/

http://www.1stwebdesigner.com/tutorials/40-fresh-jquery-image-and-content-sliders-plugins/

http://www.1stwebdesigner.com/freebies/advanced-jquery-effects/

http://www.tripwiremagazine.com/2012/08/jquery-slider.html

http://creativecan.com/2012/06/jquery-slider/

http://designbeep.com/2011/12/23/20-popular-and-free-jquery-content-and-image-sliders-from-2011/

http://bashooka.com/coding/90-fantastic-jquery-image-slider-plugin-tutorials-plugins/

http://www.tripwiremagazine.com/2012/08/jquery-image-slider.html – 60+ Useful jQuery Image Slider Roundup

look at pages like this: http://pinterest.com/joshdyck/jquery-plugins/
and pages like this: https://gist.github.com/gists/search?q=%22jquery+plugin%22&x=19&y=10

drag and drop – http://www.1stwebdesigner.com/freebies/drag-drop-jquery-plugins/

charts – http://javascripted.me/top-5-free-javascript-chart-libraries.html
charts – http://stackoverflow.com/questions/2227421/good-javascript-library-for-drawing-charts-using-json

6 jquery form wizards –> http://www.jquery4u.com/forms/6-jquery-form-wizard-plugins/

http://www.jqueryrain.com/2012/07/best-jquery-rss-feed-reader-tutorial-plugin-examples/ – 20 Best jQuery Rss feed reader tutorial & plugin with examples

instagram like image effects: http://favbulous.com/post/905/3-javascript-plugins-to-imitate-instagram-image-filters
8 sliders with transition effects: http://www.queness.com/post/10497/8-jquery-image-sliders-with-impressive-transition-effects

Zoomooz – is a jQuery plugin for making web page elements zoom.

ql_zoom – jQuery plugin to handle image zooming

runloop – create your own small runloop with keyframes at your own choosing, each with code to execute

filtryfy – Beautiful advanced tag filtering with HTML5 and jQuery

Pep – lightweight plugin for kinetic-drag on mobile/desktop

uploadify. – HTML5 or Flash Multiple File Upload jQuery Plugin Script

aSimpleTourPlugin – is a jQuery plugin that will help you to make website tours.If you want to know how it works press the button “start tour”

Repo.js – a jQuery plugin that lets you easily embed a Github repo onto your site

Intelligist – a jQuery plugin that makes it easy to share and demo code in-page, using GitHub gists.

Nestable – is an interactive hierarchical list. You can drag and drop to rearrange the order. It even works well on touch-screens.

Fly Off Page – jQuery plugin that takes elements and moves them off the page in a random or pre-defined direction.

http://steamdev.com/snippet/ - jquery syntax highlighter

HorizontalNav – a jQuery plugin that spans a horizontal navigation to fit the full width of it’s container

Sticky Sidebar – jQuery plugin allows you to set a number of sidebar or floating boxes that follow the user down the page as they scroll.

Pushup! – a content slider built on top of jQuery Library.

Mousetrap – a simple library for handling keyboard shortcuts in Javascript.

Isotope – exquisite jQuery plugin for magical layouts

jQuery URL Decoder Plugin – Parses URL and return its components. Can also build URL from components.

jQuery.cookieConsent – a jQuery plugin for implied to consent to the EU Cookie directive

easyPrint – a jQuery plugin which allows you to print the contents of one or several elements

Filters – a jQuery plugin that allows to filter items using custom animation.

jQuery.fracs – a jQuery plugint that determines the visible fractions of an HTML element

jQuery Chrono – provides syntactic sugar around JavaScript’s native setTimeout and setInterval functions

blur.js – a jQuery plugin that produces psuedo-transparentblurred elements over other elements.

Acorn Media Player – a jQuery plugin implementing a custom HTML5

jqueryjs – jquery slider with cool animations and features.

http://lazylinepainter.info/ – A JQUERY PLUGIN FOR SVG PATH ANIMATION

jQuery ProQuo – Turn any part of your HTML content into “tweetable” quotes.
-THERE SHOULD BE A CHOICE OF DOING TWEET, FACEBOOK share, OR BOTH************

jQuery modal and popups

http://dimsemenov.com/plugins/magnific-popup/ – modal popup with speed and ton of functionality

Colors

https://github.com/jquery/jquery-color – jQuery plugin for color manipulation and animation support
https://github.com/maxmackie/jquery.swatches – A jQuery plugin that turns a one-line div into a sweet color swatch

jQuery AJAX, AND?

http://www.jqueryahm.com/ – light-weight jquery plugin that eliminates client-side ajax callbacks

jQuery Tooltips

http://tooltipsy.com – jquery tooltips

jQuery grids and Organizing a collection

https://github.com/yconst/Freetile

https://github.com/razorjack/quicksand/

http://tympanus.net/codrops/2011/08/30/automatic-image-montage/

http://masonry.desandro.com/ – dynamic grid layout plugin for jQuery

http://isotope.metafizzy.co/ – An exquisite jQuery plugin for magical layouts. Enables filtering, sorting, and dynamic layouts.

http://mcpants.github.com/jquery.shapeshift/ – Dynamic Grid System with Drag and Drop Functionality

jQuery Scrolling Plugins

wrd-scroll – jQuery plugin that lets you load content while scrolling

Waypoints – a small jQuery plugin that makes it easy to execute a function whenever you scroll to an element.

Page Scroller full suite of solutions for your smooth scrolling needs.

jQuery Scroll Path – scrolling where you can set change the scroll path

scrollorama – jQuery plugin for doing cool scrolly stuff

Infinite-scroll – jQuery and WordPress plugins for infinite scroll

try to update recent mentions and posts, like this: http://www.impressivewebs.com/parallax-scrolling-scripts-plugins/

http://smashinghub.com/7-jquery-parallax-and-scrolling-effect-plugins.htm – 7 plugins

http://www.azoffdesign.com/overscroll – jQuery plug-in that mimics the iphone/ipad scrolling experience in a browser

http://johnpolacek.github.com/superscrollorama/ – awesome scrolling animations with jquery

infinite ajax scroll – a jQuery plugin that turns your regular paginated page into an infinite scrolling page using AJAX

http://timheckel.github.com/ZyngaScroller/ – jQuery plugin for fast, collaborative kinetic scrolling

stalker – jQuery plugin allowing elements to follow the user as they scroll a page.

http://darsa.in/sly/ – a jquery plugin for advanced one-directional scrolling with item based navigation support.

jQuery Animation Plugins

http://bashooka.com/coding/15-cool-jquery-animation-plugins/

http://janne.aukia.com/easie/ – Css3-like easings for jQuery animations

http://fx.inetcat.com/ – JavaScript animation library
http://molokoloco.github.com/jQuery.boxFx/ – Motion effects JS plugin, powered with CSS3 animations and transitions

http://gsgd.co.uk/sandbox/jquery/easing/ – jquery easing plugin for animations and speed
https://github.com/heygrady/transform – simple jQuery 2d transformation plugin

http://maccman.github.com/gfx/ – a 3D CSS3 animation library for jQuery

http://ricostacruz.com/jquery.transit/ – Super-smooth CSS3 transformations and transitions for jQuery

http://darsa.in/motio/ – jQuery plugin for simple but powerful sprite based animations and panning

jQuery Pagination Plugins

IDPaginate – jQuery plugin for Ajax driven pagination with animation

Easy Paginate – jQuery plugin for pagination

jQuery Tour / Guide Plugins

pageguide.js – is an interactive visual guide to elements on web pages.

JoyRide – Create jQuery Feature Tours in a Breeze

jQuery Twitter / Facebook / Share Plugins

Tweetable – is a lightweight jQuery plugin which enables you to display your twitter feed on your site quickly and easily.

Sharrre – a jQuery plugin that allows you to create nice widgets sharing for Facebook,Twitter, Google Plus (with PHP script) and more.

MiniTwitter – nice jQuery plugin to show tweets on your website or blog

jQuery Design and Layout Plugins

Wookmark jQuery plugin – simple jQuery plugin that lays out a series of elements in a dynamic column grid.

ascensor.js – a jquery plugin which aims to train and adapt content according to an elevator system

Baseline.js – a jQuery plugin that helps you to maintain vertical rhythm set by a typographic baseline, even when adding inline images with awkward sizes.

jScrollbar – make your own scrollbar design

Lazy Load is a jQuery plugin that delays loading of images in long web pages. Images outside of viewport (visible part of web page) wont be loaded before user scrolls to them.

jQuery Text Plugins

Bacon – is a jQuery plugin that allows you to wrap text around a bezier curve or a line.

jqIsoText – jQuery plugin for changing size of letters in text

letteringjs – A jQuery plugin for radical web typography – i would also mention kern.js here as well but its not a plugin, just a bookmarklet to adjust your kerning.

BigText – jQuery plugin, calculates the font-size and word-spacing needed to match a line of text to a specific width.

jRumble – a jQuery plugin that rumbles, vibrates, shakes, and rotates any element you choose.

jQuery Loader Plugins

Percentage Loader – a tiny jQuery plugin for displaying progress in a visual and engaging way

spin.js – a jQuery plugin for animated CSS activity indicator (no images, no external CSS, lots of options)

jQuery Date / Calendar / Time Picker Plugins

http://amsul.ca/pickadate.js/ – best date picker i have ever seen!!!

http://amsul.github.com/pickadate.js/ – jquery date input picker

Zebra_Datepicker – a lightweight datepicker jQuery plugin

Timeago – a jQuery plugin that makes it easy to support automatically updating fuzzy timestamps (e.g. “4 minutes ago” or “about 1 day ago”).

FullCalendar – a jQuery plugin that provides a full-sized, drag & drop calendar which uses AJAX to fetch events on-the-fly for each month and is easily configured to use your own feed format (an extension is provided for Google Calendar)

jQuery Time AutoComplete – time selector plugin

jQuery Table Plugins

tablecloth.js – is a jQuery plugin that helps you easily style HTML tables along with some simple customizations.

DataTables – add advanced interaction controls to any HTML table

jui_datagrid – Ajax-enabled jQuery plugin, useful to manipulate database data in tabular format.

http://warpech.github.com/jquery-handsontable/ – Handsontable is a minimalistic approach to Excel-like table editor in HTML & jQuery.

http://paramquery.com/ – a lightweight jQuery grid plugin inspired by MS Excel and Google spreadsheet.

https://github.com/dobtco/jquery-resizable-columns – resizable tables

http://farhadi.ir/projects/html5sortable/ – excellent sortable jquery plugin

jQuery Alert and Notification Plugins

http://www.tripwiremagazine.com/2012/08/jquery-notification-plugins.html – 20 jquery notification plugins

humane-js – A simple, modern, framework-independent, well-tested, unobtrusive, notification system.

Apprise v2 – the new and improved attractive alert alternative for jQuery

Notify! – a jQuery Notification Plugin which adds simple notifications bars that you can use on your website and application to assist users while they fill in forms, navigate through pages or interact with interface.

BounceBox Notification Plugin

jQuery.Alertify – Overrides JavaScript’s default alert(), confirm() and prompt() functions in less than 1kb.

jQuery Form Plugins

noty – is a jQuery plugin that makes it easy to create alert, success, error, information and confirmation messages as an alternative the standard alert dialog.

mailcheck – Email domain spelling suggester

Complexify – aims to provide a good measure of password complexity for websites to use both for giving hints to users in the form of strength bars, and for casually enforcing a minimum complexity for security reasons.

ddSlick – jQuery plugin that allows you to create a custom drop down with images and description

jVal – jQuery Form Field Validation Plugin

Validation – a jQuery plugin that makes simple clientside form validation while offering lots of option for customization.

jquery-payment – a general purpose library for building credit card forms, validating input, and formatting numbers

jQuery Custom File Input – a jQuery file input plugin that uses progressive enhancement to transform a standard HTML file input into a visually customizable control.

InputNotes – a jQuery plugin to add notes below textareas and input fields based on regex patterns.

jQuery Credit Card Validator Plugin – used to validate the credit card number to make sure that it has the correct characters in the input box before it is sent to the server.

jQuery.my – a jQuery plugin that binds HTML with JS objects in real-time.

xarea – a small jQuery plugin for expandable