frontdesk icon indicating copy to clipboard operation
frontdesk copied to clipboard

verified publisher icon dimsemenov
→

Metadata

Community driven list of useful things for Front End Developers

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

← Metadata

46
Stars
26
Forks
Watchers

Owner

verified publisher icon dimsemenov

Metadata

Community driven list of useful things for Front End Developers

Back