Front-end architecture and performance engineering.

A JavaScript Blog.

Echo JS is a community-driven news site entirely focused on JavaScript development, HTML5, and front-end news.

JavaScript news and resources.

jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers.

YUI is a free, open source JavaScript and CSS library for building richly interactive web applications.

Zepto is a minimalist JavaScript library for modern browsers with a largely jQuery-compatible API. If you use jQuery, you already know how to use Zepto.

A javascript toolkit.

MooTools is a compact, modular, Object-Oriented JavaScript framework designed for the intermediate to advanced JavaScript developer. It allows you to write powerful, flexible, and cross-browser code with its elegant, well documented, and coherent API.

Minified.js is a client-side JavaScript library that's both powerful and small. It offers jQuery-like features (DOM manipulation, animation, events, HTTP requests) and utility functions (collections, date&number formatting, date arithmetic, templates) with a single, consistent API.

Prototype takes the complexity out of client-side web programming. Built to solve real-world problems, it adds useful extensions to the browser scripting environment and provides elegant APIs around the clumsy interfaces of Ajax and the Document Object Model.

HTML is great for declaring static documents, but it falters when we try to use it for declaring dynamic views in web-applications. AngularJS lets you extend HTML vocabulary for your application.

Backbone.js gives structure to web applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing API over a RESTful JSON interface.

Vue.js is a library for building interactive web interfaces. It provides data-driven components with a simple and flexible API.

A framework for creating ambitious web applications.

Simplify dynamic JavaScript UIs with the Model-View-View-Model (MVVM) pattern.

MVC? MVP? MVVM? Yes. Messaging, navigation, modals? Check. Durandal has the features you need to build whatever apps you can imagine.

A javascript library for building user interfaces.

Ractive.js is a template-driven UI library, but unlike other tools that generate inert HTML, it transforms your templates into blueprints for apps that are interactive by default.

Mithril is a client-side MVC framework - a tool to organize code in a way that is easy to think about and to maintain.

Underscore is a JavaScript library that provides a whole mess of useful functional programming helpers without extending any built-in objects. It’s the answer to the question: “If I sit down in front of a blank HTML page, and want to start being productive immediately, what do I need?” … and the tie to go along with jQuery's tux and Backbone's suspenders.

A utility library delivering consistency, customization, performance, & extras.

MOUT is a collection of modular JavaScript utilities that can be used in the browser as AMD modules or on node.js. It provides many helper methods similar to those found on other languages standard libraries (ie. Python, Ruby, PHP).

jQuery Mobile is a HTML5-based user interface system designed to make responsive web sites and apps that are accessible on all smartphone, tablet and desktop devices.

Add touch support to your browser. TouchEvent polyfill. Support touch-less devices. Handy for desktop debugging. PhoneGap and mobile web friendly.

The JavaScript Task Runner.

The streaming build system.

Web sites are made of lots of things — frameworks, libraries, assets, utilities, and rainbows. Bower manages all these things for you.

A next-generation package manager for the front-end.

Git is a free and open source distributed version control system designed to handle everything from small to very large projects with speed and efficiency.

Mercurial is a free, distributed source control management tool. It efficiently handles projects of any size and offers an easy and intuitive interface.

Project generator. It's designed to help you start a project quicker. You tell it which base to start from and then it figures out the rest. You can create your own templates.

Boilerplate meant to help you with starting new project and save on time without repetitive tasks when creating new website.

HTML5 templates generator to help you getting started with a new project based on HTML5 Boilerplate.

A lightweight (3kb) cross browser grid system, elegant & minimalist, made with only three main classes and 12 columns. Build with mobile first in mind, fits any screen size, pre-packed with some extra css helpers for mobile devices.

Clean your HTML, CSS and JavaScript code.

The Prettifier provides code formatting and syntax highlighting for common programming languages and file formats including JSON, CSS, HTML, XML, SQL, PHP, Perl, Apache Config, and JavaScript, where editing often takes place outside of an IDE.

This validator checks the markup validity of Web documents in HTML, XHTML, SMIL, MathML, etc.

HTML Tidy is a tool for checking and cleaning up HTML source files. It is especially useful for finding and correcting errors in deeply nested HTML, or for making grotesque code legible once more.

Another HTML-lint 5 is a free checker for HTML syntax.

A lint tool performs static analysis of source code and flags patterns that might be errors or otherwise cause problems for the developer.

Procssor cleans and organizes your css the way you want it.

Makes your code beautiful.

Tool that helps to detect errors and potential problems in your JavaScript code.

Beautiful, DRY, well-indented, clear markup: templating haiku.

Ruby Template Engine.

Node Template Engine.

Markdown is a text-to-HTML conversion tool for web writers. Markdown allows you to write using an easy-to-read, easy-to-write plain text format, then convert it to structurally valid XHTML (or HTML).

CoffeeScript is a little language that compiles into JavaScript. Underneath that awkward Java-esque patina, JavaScript has always had a gorgeous heart. CoffeeScript is an attempt to expose the good parts of JavaScript in a simple way.

Really useful tool which shows browser compatiblity for HTML, CSS & SVG elements/attributes.

Tool for autoprefixing your css code with data from Caniuse.com

-prefix-free lets you use only unprefixed CSS properties everywhere. It works behind the scenes, adding the current browser’s prefix to any CSS code, only when it’s needed.

JavaScript library that detects HTML5 and CSS3 features in the user’s browser.

Look up HTML5, CSS3, etc features, know if they are ready for use, and if so find out how you should use them – with polyfills, fallbacks or as they are.

The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on.

Normalize.css makes browsers render all elements more consistently and in line with modern standards. It precisely targets only the styles that need normalizing. Alternative to CSS resets.

Eric Meyer's Reset CSS modified for HTML5.

CSS Reset from Yahoo YUI library.

Paid live, web-based browser testing. It has free feature where you can test online websites and generate screenshots in various environments.

Take screenshots of online website in various environments.

Check if your site is responsive.

Responsinator helps website makers quickly get an indication of how their responsive site will look on the most popular devices. It does not precisely replicate how it will look, for accurate testing always test on the real devices.

Screenfly offers many features to test responsiveness of websites.

Best free open source FTP client/server.

Preprocessing, Live Browser Refreshing, Multi Device Testing and Much More.

Mixture. A rapid front-end development toolset for Mac & Windows.

CSS edits and image changes apply live. CoffeeScript, SASS, LESS and others just work.

This site was written in this! Best to use with Package Control - sublime.wbond.net.

Really cool free and open source code editor with nice features.

The next generation code editor.

Atom is modern, approachable, and hackable to the core text editor.

[All] CSS edits and image changes apply live. CoffeeScript, SASS, LESS and others just work.

[Chrome] Measure between the following elements: images, input-fields, buttons, videos, gifs, text, icons. You can measure everything you see in the browser. Even on image files.

[Chrome] The easiest way to identify fonts on web pages.

[Chrome] Protect your privacy. See who's tracking your web browsing with Ghostery.

[Chrome] Draw out a ruler to get the pixel width and height of any elements on a webpage.

[Firefox] The most popular and powerful web development inspector tool.

[Firefox] Cache clearing made easy. One click.

All fonts are open source and free for commercial use.

All fonts are free for commercial use.

Font subscription service.

Search for glyphs in Font Awesome, Glyphicons, IcoMoon, Ionicons, Octicons & Foundation.

Custom Built and Crisp Icon Fonts, Done Right.

Icons font generator.

The iconic font and CSS toolkit.

Pixel perfect all purpose vector icons.

Animated icons font.

Offical GitHub icons font.

Iconic font made for developers, code jedis, ninjas, HTTPsters, evangelists and nerds.

Shrink PNG files while preserving quality and transparency. They even have transparency in IE6!

4 file formats supported: JPEG, PNG, GIF, SVG. 2 types of compression: lossless and lossy.

Generate colorful triangle meshes that can be used as SVG images and CSS backgrounds.

Beautiful placeholders using images from unsplash.

A quick and simple image placeholder service.

Take some user avatars. API included.

Gallery of free snippets for Bootstrap. These snippets could be easily copied and pasted into your existing Bootstrap based templates and will work without any special tweaks!

A collection of patterns and modules for responsive designs.

CSS generators containing: Gradient Generator, Border Radius, Noise Texture, Box Shadow.

Saijo George took Beaqn.in code and created his own list about best marketing tools. And it's very useful.

Free analytics service.

Track URL shares, likes, tweets, and etc.

Paid real time media monitoring application.

Analytics and website rankings.

Websites statistics and advertising.

Get data, tools and diagnostics for a healthy, Google-friendly site.

SEO tools.

Most leading design blogs use this service. You can buy or publish display ads, tweets and also email or RSS ads.

Invite only.

Invite only.

Invite only.

It's free, reliable and practically with unlimited bandwith but you can't do any backend stuff like PHP/Python/etc. It rocks for simple sites!

Pay incrementally with usage.

If you can't afford hosting (like me) then this might help.

Learn frontend, backend, database, api, mobile and etc. categorized with cool boxes which tell you what to learn next.

If you have any problem with your code then people on this site know the solution.

Good for learning code basics.

Best practices for modern web development.

Learn HTML, CSS, JavaScript, PHP, Ruby & Responsive Design.

Resource for people who want to learn more about the hows and whys of implementing HTML5.

Online video tutorials to help you learn software, creative, and business skills.

Practice your front-end coding skills with random challenges.

This site teaches the CSS fundamentals that are used in any website's layout.

High-level advice and guidelines for writing sane, manageable, scalable CSS.

Practice your CSS selectors skills.

HTML5 and CSS3 bring loads of new features and functionality to the modern web. This site is a resource and showcase of some of the newest, and most expressive features being added to the web today.

A user javascript adventure.

Get carefully selected handpicked digital creatives working remotely.

Sign up and get contacted by UX recruiters.

World's largest online workplace, where 1+ million companies hire freelancers to get the job done.

We Work Remotely is the best place to find and list jobs that aren’t restricted by commutes or a particular geographic area.

It's like reddit but for web designers & developers.

A tidy repository of jQuery plugins.

Every javascript project you should be looking into.

DevDocs combines multiple API documentations in a fast, organized, and searchable interface.

The latest information on how to use the technology that runs the web — HTML, CSS, JavaScript and more.

Handpicked jQuery Plugins CDN (Content Delivery Network).

A handy collection of cheatsheets and shortcuts to speed up the work of designers and developers.

WebComponents.org is where pioneers and community-members of the Web Components ecosystem (like Polymer, X-tags, and other interested parties) document web components best practices so that others can follow the same path instead of needlessly striking out on their own.

Comparison of various scripts that display images and other objects in somehow cool CSS popups.

This repo contains a number of front-end interview questions that can be used when vetting potential candidates.

A curated list about lists about everything.

A curated list of awesome lists

"A huge list of frontend development resources I collected over time. Sorted from general knowledge at the top to concrete problems at the bottom."

It's another website which lists links & articles about webdesign. It's really comprehensive!

Good looking web design resources repository.

Curated resources for everything creative.

Collection of Web Development Links, Services, Tools & Resources.

Really similar site to this repo (I found it after creating this repository). Worth checking.