kgust
3/13/2014 - 1:42 PM

Front End Development Resources

Front End Development Resources

Front End Development Resources

This GIST contains a list of front end development frameworks, libraries, and plugins I have found or used at some point or another.

This was inspired by a list I saw on github at https://github.com/mrmartineau/ZM-Resources.

* libraries I (mcallan83) have used

Front End Frameworks

  • 960 Grid System* - grid system that provides commonly used dimensions, based on a width of 960 pixels
  • HTML5 Boilerplate* - a rock-solid default for HTML5 awesome -Foundation - easy to use, powerful, and flexible framework for building prototypes and production code on any kind of device
  • Twitter Bootstrap* - simple and flexible HTML, CSS, and Javascript for popular user interface components and interactions

JavaScript Libraries

  • Backbone.js* - gives structure to web apps by providing models, custom events, collections, and views
  • Gibberish AES* - a fully OpenSSL compliant javascript library for AES encryption
  • jQuery* - document traversing, event handling, animation, and ajax
  • Moment.js - a lightweight javascript date library
  • Pivot.js - a simple way to summarize large data sets on the fly
  • Session.js - Javascript library to give information about the current session.
  • Spin.js - shows a "please wait" style animated graphic
  • Underscore.js* - a utility-belt library
  • XRegExp - one of a kind JavaScript regular expression library

jQuery Plugins

Forms

Layout & Effects

  • Infinite Scroll - pre-fetch content from a subsequent page and add it directly to the user’s current page
  • jQuery Waypoints* - makes it easy to execute a function whenever you scroll to an element

Lightbox

  • Colorbox* - lightweight, customizable lightbox plugin for jQuery
  • fancyBox* - fancy lightbox alternative

Tables and Data Visualization

  • DataTables* - add advanced interaction controls to any HTML table
  • HighCharts* - interactive charts for your web application

Utilities

  • BlockUI* - lets you simulate synchronous behavior when using AJAX, without locking the browser
  • hoverIntent - attempts to determine the user's intent
  • jQuery Cookie - simple, lightweight jQuery plugin for reading, writing and deleting cookies
  • jQueryUI* - provides abstractions for low-level interaction and animation, advanced effects and themeable widgets