Frontdesk

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

Table of contents

• Browsers bug trackers
• Mobile simulators
• Browsers Dev Builds
• Where to download version X of browser Y?
• Browsers devtools docs
• Browsers plugins
• Code snippets
• Img
• JS
• JS frameworks
• Testing frameworks
• Assertion libraries
• HTML
• Template engines
• CSS
• CSS Preprocessors
• CSS Postprocessors
• CSS frameworks
• Platforms for building web app
• Style guides and methodologies
• Styleguide generators
• Misc
• Stats
• Performance
• CDN
• Security
• Manuals
• Validators & Quality Tools
• Fonts
• CLI Apps
• OS X Apps
• Git

Bug trackers (browsers & engines)

• Opera
• Mozilla
• Chromium
• Yandex.Browser
• WebKit
• IE
• EdgeHTML
• V8

Mobile simulators

• Opera Mini, Opera Mobile 12, Opera TV Emulator
• iOS Simulator in XCode
• Speedy Android emulator

Browsers Dev Builds

• Chrome Canary
• Internet Explorer 10
• Opera Next Desktop, Opera Beta Mobile
• WebKit Nightly, Safari Technology Preview
• Firefox Nightly, Firefox Aurora

Where to download version X of browser Y?

• Firefox:
  • Official archive
  • Bash script
  • All Firefox Releases
• Opera:
  • Official archive
  • Version history
• Safari
• Chromium:
  • All builds
• Internet Explorer:
  • IE 10
  • IE 9
  • Any version - Any version of IE on any Windows version, free VM images
• Browser Logos — collection of high resolution web browser logos with transparent backgrounds

Browsers devtools docs

• Chrome DevTools
• Microsoft Edge (EdgeHTML) Developer Tools
• Firefox Developer Tools
• Safari Developer Help

Browsers plugins

• Chrome Dev HTTP Client
• Postman - useful tool for RESTful APIs
• Firebug
• Web Developer for Firefox
• Chrome DevTools Casts for beginners
• LiveReload - Provides Chrome browser integration for the official LiveReload apps (Mac & Windows) and third-parties like guard-livereload and yeoman.
• Live HTTP Headers — Provides information about the HTTP headers
• Dimensions - You can measure everything you see in the browser
• browsersync.io - Time-saving synchronised browser testing
• Octotree - Browser extension that enhances GitHub code browsing and pull request reviewing. Available on Chrome, Firefox, Opera and Safari.

Code snippets

• Dabblet — interactive playground for quickly testing snippets of CSS and HTML
• JSBin — JavaScript, HTML and CSS playground
• gist.github — code snippets
• GitLab Snippets — code snippets
• JSFiddle — JavaScript, HTML and CSS playground
• CodePen — Another JS, HTML, CSS sandbox
• Plunker — Open-source JavaScript, HTML and CSS playground with real-time code collaboration
• RegExr — regular expression playground

Img

• PNG compressor
• Tiny png — can make IE6 friendly PNGs
• IMGO — image optimization tool
• SVGO — SVG optimization tool
• JPEG compressor — your photos on a diet
• Smush.it — online image optimization tool
• placehold.it — a quick and simple image placeholder service. By the way placekitten & placeboobs
• lorempixel — placehold random images with dummy text
• SpritePad — Sprite generator
• Favicon Cheat Sheet — Favicon Cheat Sheet
• Favicon generator — draw your favicon
• Real Favicon Generator — Generate the favicon pictures and HTML code that work on all major browsers and platforms
• Grumpicon — tool processes a set of SVG files, generates PNG fallback images for legacy browsers
• Smarticons — Customizable SVG icon system for the modern web.
• retinize.it — Photoshop actions for slicing retina assets @2x @3x.

JS

• XML to JSON
• MicroJS — helps you discover the most compact-but-powerful microframeworks
• JavaScript Beautifier
• pro.jsonlint.com — pro version of jsonlint.com
• JavaScript Patterns Collection
• Learning JavaScript Design Patterns
• Oboe.js - Streaming JSON loading for Node and browsers
• Polymer - Polymer is a library that uses the latest web technologies to let you create custom HTML elements
• x-tags - is a small JavaScript library, created and supported by Mozilla, that brings Web Components Custom Element capabilities to all modern browsers
• KeyCode - Easy visualizer for JavaScript KeyCodes
• Callback Hell – A guide to writing asynchronous javascript programs
• js2.coffee

JS frameworks

• TodoMVC — helping you select an MV* framework.
• 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.
• React - A JavaScript library for building user interfaces
• 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.
• jsdb.io — The definitive source of the best JavaScript frameworks, plugins, and tools

Testing frameworks

• [Jasmine](https://jasm