All Projects → mrmartineau → ZM-Resources

mrmartineau / ZM-Resources

Licence: other
List of all scripts & resources I use on a regular basis

Resources

jQuery

Layout & Effects

  1. CarouFredSel: http://coolcarousels.frebsite.nl/
  2. Fancybox Lightbox
  3. Waypoints: Waypoints is a small jQuery plugin that makes it easy to execute a function whenever you scroll to an element
  4. Isotope: An exquisite jQuery plugin for magical layouts. Enables filtering, sorting, and dynamic layouts
  5. Masonry: The flip-side of CSS Floats. jQuery plugin that rearranges item elements to a grid
  6. Pageslide: Plugin which slides a webpage over to reveal an additional interaction pane
  7. Supersized
  8. Backstretch
  9. Curtain.js: http://curtain.victorcoulon.fr
  10. https://github.com/rstacruz/jquery.transit: http://ricostacruz.com/jquery.transit/ - Super-smooth CSS3 transformations and transitions for jQuery

Scrolling

  1. Scrollorama: http://johnpolacek.github.com/scrollorama/ - The jQuery plugin for doing cool scrolly stuff
  2. Scroll Path: http://joelb.me/scrollpath/
  3. Stellar.js: http://markdalgleish.com/projects/stellar.js/
  4. Smooth Scroll: Automatically make same-page links scroll smoothly
  5. Overscroll: (not sure about this one...)
  6. Infinite Scroll: metafizzy/infinite-scroll#65

UI & Forms

  1. h5Validate: http://ericleads.com/h5validate/ - An HTML5 form validation plugin
  2. Chosen: A library for making long, unwieldy select boxes more friendly
  3. Skeleton tabs
  4. jQuery Validation
  5. dl tabs: http://samcroft.co.uk/2011/lightweight-semantic-jquery-tabs-plugin/
  6. Masked input image: http://digitalbush.com/projects/masked-input-plugin/ - Allows a user to more easily enter fixed width input where you would like them to enter the data in a certain format (dates,phone numbers, etc)
  7. DataTables 8 Tangle: Tangle is a JavaScript library for creating reactive documents. Your readers can interactively explore possibilities, play with parameters, and see the document update immediately. Tangle is super-simple and easy to learn.

Utilities

  1. Throttle / debounce: Allows you to rate-limit your functions in multiple useful ways. Passing a delay and callback to $.throttle returns a new function that will execute no more than once every delay milliseconds.
  2. jQuery resize event: With jQuery resize event, you can bind resize event handlers to elements other than window, for super-awesome-resizing-greatness!
  3. equalizeBottoms: With jQuery equalizeBottoms you can "equalize" the bottoms of multiple elements, making columns heights even, even when CSS refuses to help.
  4. Collapse: A lightweight plugin for enabling expandable/collapsible content with cookie support
  5. ImagesLoaded: A jQuery plugin that triggers a callback after all the selected/child images have been loaded. Because you can't do .load() on cached images.
  6. Live Query: Live Query utilizes the power of jQuery selectors by binding events or firing callbacks for matched elements auto-magically, even after the page has been loaded and the DOM updated
  7. Calculation: Designed to give easy-to-use jQuery functions for commonly used mathematical functions.
  8. Jwerty: https://github.com/keithamus/jwerty - A JS lib which allows you to bind, fire and assert key combination strings against elements and events
  9. jQuery.actual: Get the actual width/height of invisible DOM elements
  10. accounting.js: http://josscrowcroft.github.com/accounting.js/ - A lightweight JavaScript library for number, money and currency formatting - fully localisable, zero dependencies
  11. Genealogy: A helper plugin for your (or for your element's) extended relatives
  12. Truncator: http://henrik.nyh.se/examples/truncator/ - Plugin to truncate HTML text with "more"/"less" links.
  13. Flexible nav: http://demo.greweb.fr/flexible-nav/ - Improve your navigation experience - this jQuery lib improves a webpage navigation and helps to visualize different sections. of a document, an article,.. any web page.

Media & typography

  1. FitText.js: https://github.com/davatron5000/FitText.js
  2. FitVids.js: https://github.com/davatron5000/FitVids.js
  3. Lettering.js: https://github.com/davatron5000/Lettering.js
  4. slabtext: https://github.com/freqdec/slabText
  5. BigText: https://github.com/zachleat/BigText

Feature detection & Polyfills

  1. Modernizr: https://github.com/Modernizr/Modernizr
  2. Placeholder: https://github.com/mathiasbynens/jquery-placeholder
  3. The All-In-One Entirely-Not-Alphabetical No-Bullshit Guide to HTML5 Fallbacks: https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-browser-Polyfills

Ajax etc

  1. Cross domain AJAX: https://github.com/padolsey/jQuery-Plugins/tree/master/cross-domain-ajax/

Responsive

  1. Responsive Menu: https://github.com/mattkersley/Responsive-Menu - Turns any <ol> or <ul> into a <select> for mobiles and low browser sizes
  2. FitText.js: https://github.com/davatron5000/FitText.js
  3. FitVids.js: https://github.com/davatron5000/FitVids.js

Mobile

  1. Viewporter: https://github.com/zynga/viewporter - Viewporter is a open-source JavaScript project by Zynga to ease mobile viewport management. It specifically simplifies the part of setting up the right screen dimensions and removes the pain from handling the viewport meta tag manually.

Interesting

  1. Proximity Event: https://github.com/padolsey/jQuery-Plugins/tree/master/proximity-event/

Javascript

General

  1. Smoke.js: https://github.com/jyoungblood/smoke.js & http://ssssnakes.com/smoke/ - framework-agnostic styled alert system for javascript
  2. ContentLoaded (DOMready): https://github.com/dperini/ContentLoaded

JS MVC's

  1. Backbone: http://documentcloud.github.com/backbone/ - Backbone.js gives structure to web applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing API over a RESTful JSON interface.
  2. Ember: http://emberjs.com/ - Ember is a JavaScript framework for creating ambitious web applications that eliminates boilerplate and provides a standard application architecture.
  3. JavascriptMVC: http://javascriptmvc.com/

Templating

  1. Mustache: http://mustache.github.com/
  2. Tempo: http://tempojs.com/
  3. Benchmarking: http://viget.com/extend/benchmarking-javascript-templating-libraries
  4. Handlebars: http://handlebarsjs.com/

Helper / Utility Libraries

  1. Underscore: http://documentcloud.github.com/underscore/
  2. URI.js: https://github.com/medialize/URI.js - Javascript URL mutation library

Loaders

  1. Require.js: http://requirejs.org/ - A file and module loader. It is optimized for in-browser use, but it can be used in other JavaScript environments, like Rhino and Node.

HTML5

  1. History.js: https://github.com/fortes/history.js

Frameworks / Boilerplates / Bootstraps

  1. Boost: https://github.com/mrmartineau/Boost
  2. Twitter Bootstrap: https://github.com/twitter/bootstrap
  3. HTML5 boilerplate: https://github.com/h5bp/html5-boilerplate
  4. Foundation: https://github.com/zurb/foundation

Mobile

  1. Add to homescreen: https://github.com/cubiq/add-to-homescreen
  2. Zynga Viewporter: https://github.com/zynga/viewporter
  3. Tappable: https://github.com/cheeaun/tappable - A simple, standalone library to invoke the tap event for touch-friendly web browsers
  4. Overthrow: https://github.com/filamentgroup/Overthrow - A tiny, no-frills, framework-independent, targeted overflow: auto polyfill for use in responsive design
  5. Hammer.js: https://github.com/eightmedia/hammer.js & http://eightmedia.github.com/hammer.js/ - A javascript library for multi-touch gestures
  6. :

Canvas

  1. Fabric.js: http://github.com/kangax/fabric.js & http://fabricjs.com/ - A framework that makes it easy to work with HTML5 canvas element.
  2. Caman.js: http://camanjs.com/ - The main focus of CamanJS is manipulating images using the HTML5 canvas and Javascript.
  3. Color Thief: https://github.com/lokesh/color-thief

LESS

  1. Responsive.less: https://github.com/paulmist/responsive.less
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].