Landscaping With Front-end Tools
Latest commit b96d3c6 Oct 13, 2015 @codylindley Update README.md
Permalink
Failed to load latest commit information.
.gitAttributes added lineman Oct 19, 2012
README.md Update README.md Oct 13, 2015

README.md


THIS IS DEPREICATED CONTENT

This content has evolved into a book called "Front-end Handbook": https://www.gitbook.com/book/frontendmasters/front-end-handbook/details


Landscaping With Frontend Development Tools

An opinionated list of tools for frontend (i.e. html, js, css) desktop/laptop (i.e. does not include tablet or phone yet) web development

Coding Tools

Workflow/Builds/Assemblers/Task-runners/Dev Opts

Browser Package Managers (checkout: Front-End Package Manager Comparison)

CSS Base/Boilerplate

CSS Frameworks (Comparison or Front-end CSS frameworks)

HTML Base/Boilerplate

Frontend HTML/CSS/JS Base/Boilerplate

DOM Scripting (FYI dojo, yui, ext, qooxdoo all have DOM tools)

JS Helpers

Keyboard Helpers

Event (mouse/touch/pointer) Helpers

CSS Helpers

Module/Script Dependency Loaders (Javascript Loaders Comparison)

Templates (template chooser)

UI Widgets (comparison)

* zippy ui

Testing Frameworks

Browser Testing & Browser Automated Testing & Browser Screen Captures

Tests Runners

Test spies, stubs and mocks

Code Coverage

Code Complexity & Reports

Assertion Libraries

JS Performance Testing

JS Auto Documentation Tools

CSS Auto Documentation Tools (THE Style Guide GUIDE)

JS Quality Validators

CSS Quality Validators

HTML Quality Validators

JS Optimizer/Minification/Compression Tools

CSS Optimizer/Minification/Compression Tools

Languages Compiling to CSS
Languages Compiling to JS (http://altjs.org/)

Languages Compiling to HTML

Routers

Front End Application Structure (somewhat backend agnostic)

Front End Application Structure (with backend opinions)

Full Stack Application Structure/Frameworks

Frontend JavaScript Frameworks (aka Kitchen Sink Solutions, tools below provide a mixture of the things above)
Front End Application monitoring

Reference/Guide/Polyfill/Generator Tools

Browser X Supports X

HTML Language References & Polyfills

HTML5 & Friends Specs/Ref & Polyfills

DOM Specs/Ref & Polyfills

CSS Specs/Ref & Polyfills

CSS Generators

CSS Style/Conventions Guides

JavaScript ES5 Specs/Ref & Polyfills

JavaScript ES6 Specs/Ref & Polyfills

JavaScript Style/Conventions Guides

General Front-end Practices/Conventions

Performance

Tools
Rules/Practices

Online REPL's/editors/IDE's

JS REPL
JS focused editors
Regular Expression editors
HTML/CSS editors
HTML/CSS/JS editors
Execute/Test live code
Browser IDE's
JSON editors

Browser Security

Browser Hacks

API first, CMS Service

Backend services for front-end developers

API tools

API Mocking

Image Mocking

JSON Query Tools

JSON Validation Tools

Front-end DB's

Catalog/Collection of JavaScript Libs and Tools

Static Site Generators