Skip to content

Latest commit

 

History

History
278 lines (249 loc) · 16.3 KB

README.md

File metadata and controls

278 lines (249 loc) · 16.3 KB
Raw

Frontdesk

Community driven list of useful things for front end developers. How to contribute?

Browsers bug trackers

Mobile simulators

Browsers Dev Builds

Where to download version X of browser Y?

Browsers plugins

Code snippets

  • Dabblet — interactive playground for quickly testing snippets of CSS and HTML
  • JSBin — JavaScript, HTML and CSS playground
  • gist.github — code snippets
  • JSFiddle — JavaScript, HTML and CSS playground
  • CodePen — Another JS, HTML, CSS sandbox
  • RegExr — regular expression playground

Img

JS

JS frameworks

  • Backbone.js — give your JS App some Backbone with Models, Views, Collections, and Events.
  • Knockout — is a JavaScript MVVM library that makes it easier to create rich, desktop-like user interfaces with JavaScript and HTML.
  • Knockback.js — provides Knockout.js magic for Backbone.js Models and Collections.
  • AngularJS
  • Ember.js
  • CanJS
  • Spine — lightweight MVC library for building JavaScript applications.
  • Batman.js — is a framework for building rich single-page browser applications with CoffeeScript or JavaScript.
  • Dojo
  • Agility.js — is an MVC library for client-side Javascript that lets you write maintainable code without compromising on development speed. It's write less, do more with maintainability.
  • Closure Library is a broad, well-tested, modular, and cross-browser JavaScript library.
  • Metro JS - plugin for jQuery which enables the Modern UI interface on the web.
  • toastr - simple JavaScript toast notifications.

Testing frameworks

HTML

Template engines

CSS

CSS Preprocessors

CSS frameworks

Style guides and methodologies

Misc

Stats

Performance

CDN

Manuals

Validators & Quality Tools

  • W3C HTML Validator
  • W3C CSS Validator
  • CSSLint — static analysis tool for CSS code
  • RECSS — A simple and attractive code quality tool for CSS built on top of LESS
  • JSLint — The JavaScript Code Quality Tool by Douglas Crockford
  • JSHint — community-driven tool to detect errors and potential problems in JavaScript code

Fonts

CLI Apps

  • Grunt - Javascript task runner
  • Yeoman - Developer workflow
  • Bower - Javascript package manager

OS X Apps

  • ColorSnapper — easy-to-use tool for quickly finding out the color of any pixel on the screen
  • Gitbox — version control as easy as Mail
  • LiveReload — "As soon as you save a file, it is preprocessed as needed, and the browser is refreshed..."
  • PixFit — measure tool
  • xScope — for measuring, inspecting & testing on-screen graphics and layouts
  • MAMP PRO — Mac, Apache, MySQL and PHP
  • DataURLMaker
  • ImageOptim — drag'n'drop UI and various optimisation tools
  • ImageAlpha — converts 24-bit PNG to paletted 8-bit with full alpha channel
  • BLESS CSS — fighting IE's CSS selectors limit, and nice tool for checking CSS selectors count
  • Kaleidoscope — a nice diff tool
  • Dash — gives you instant offline access to 80+ API documentation sets.

Git

Sublime Text packages

Best way is to install Package Control and search for these packages