Actively maintained list of useful web developments tools, libraries, assets and any other open-source goodies.
Switch branches/tags
Nothing to show
Pull request Compare This branch is 6 commits behind christopherscott:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
.gitignore
README.md

README.md

frontend-toolbox

Actively maintained list of useful web developments tools, libraries, assets and any other open-source goodies.

Shamelessly aggregated from the following resources:

"★" recommended and currently used by the maintainer

General

Compatibility

Performance

  • HTTPArchive Performance stats and trends for the worlds most popular sites

Runtimes

Debugging

Charts/graphs/visualization/reporting

UI Toolkits

Documentation

  • Docco: Quick and dirty, literate-programming documenation generator
  • Groc: is an attempt to further enhance the idea [of Docco]

Total process build tools, Assemblers, et al

Should this be merged with 'JavaScript Build Tools' section below?

  • Yeoman: a robust and opinionated client-side stack, comprised of tools and frameworks that can help developers quickly build beautiful web applications.
  • Brunch: A lightweight approach to building HTML5 applications with an emphasis on elegance and simplicity.
  • Middleman: a static site generator using all the shortcuts and tools in modern web development.
  • Lumbar: Lumbar is a js-build tool that takes a general codebase and list of platforms to generate modular platform specific applications. (from Walmart Labs)
  • LiveReload: CSS edits and image changes apply live. CoffeeScript, SASS, LESS and others just work. (OSX app only)
  • CodeKit: CodeKit helps you build websites faster and better. (OSX app only)

JavaScript

  • Modernizr: detects HTML5 and CSS3 features in the user’s browser.
  • Underscore: JavaScript utility belt
    • lodash: same api, but faster, and more trendy
  • JSON3: JSON parser/stringifier
  • Idiomatic JS: Principles of Writing Consistent, Idiomatic JavaScript
  • JavaScript Garden: growing collection of documentation about the most quirky parts JavaScript
  • JSConf

Headless DOM/Browsers

  • PhantomJS: Headless WebKit with JavaScript API
  • ZombieJS: Insanely fast, headless full-stack testing using Node.js

Build tools

Modules and Script loaders

Package Managers

  • Bower package manager for the web
  • Volo Create front end projects from templates, add dependencies, and automate the resulting projects
  • Ender the no-library library

Books

Free/online

jQuery

Useful jQuery Plugins

Mobile

Testing

Test Drivers

Assertions

  • Chai: assertions lib
    • should: foo.should.be.a('string')
    • expect: expect(foo).to.be.a('string')
    • assert: assert.typeof(foo, 'string')
  • should.js 'should' style assertions
  • expect.js 'expect' style assertions

Mocks, stubs, spies

Transcompilation Languages

  • CoffeeScript: a little language that compiles into JavaScript
  • IcedCoffeeScript: drop-in replacement interpreter for CoffeeScript with async control flow semantics.
  • LiveScript: aims for increased expressiveness and code beauty, while adding features to assist in functional style programming, imperative and object oriented programming, and has an optional class system with inheritance, calls to super, and more.
  • Roy: an experimental programming language that targets JavaScript and tries to meld JavaScript semantics with some features common in static functional languages.

Linters

Tools to detect errors (syntactic, semantic, otherwise) and potential problems in JavaScript code.

Frameworks (MV* et al)

Templates

Quizzes

CSS

Linters

Preprocessors

Editors

Sublime Text 2

Install and use Sublime Text 2 Package Control for these and other plugins.

TextMate

Vi/Vim

  • MacVim: More mac-like than the command line
  • gVim: More PC-like?

Themes (TextMate or SublimeText)

Design

Icons

  • FontAwesome: The iconic font designed for use with Twitter Bootstrap
  • IconSweets: a huge FREE icon set containing over a 1,000+ icon
  • Glyphicons: designed primarily for toolbars and navigation bars in OS X Lion, the application for iPhone, iPhone 4, iPad and other Apple devices. (CC license)
  • Glyphish: Free set published under a Creative Commons Attribution license
  • FamFamFam: oldie, but goodie
  • LED Icon Set: .png icons make a professionally looking small icon set and are totally free in commercial and open source apps / websites.
  • Fugue Icons: 3,480 icons are included in PNG format (16x16 pixels) + bonus. (CC license)

Typography

  • Beautiful Web Type: A showcase of the best typefaces from the Google web fonts directory.
  • FontBomb: To blow up other websites, drag and drop this link fontBomb to your favorites bar

Free Fonts

Web Font Services

Textures

Favicons

  • Piecon: Pie charts in your favicon!

Education