Tuesday, 23 February 2016

100+ Awesome Web Development Tools & Resources

Awesome Web Development Tools & Resources

Javascript Libraries

jQuery: A fast, small, and feature-rich JavaScript library
BackBoneJS: Give your JS app some backbone with models, views, collections, & events.
D3.js: A JavaScript library for manipulating documents based on data.
React: Facebook’s Javascript library developed for building user interfaces.
jQuery UI: A curated set of user interface interactions, effects, widgets, and themes.
jQuery Mobile: HTML5-based user interface system designed to make responsive web sites.
Underscore.js: Functional programming helpers without extending any built-in objects.
Moment.js: Parse, validate, manipulate, and display dates in JavaScript.
Lodash: A modern utility library delivering modularity, performance, & extras.

Front-end Frameworks

Bootstrap: HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.
Foundation: Family of responsive front-end frameworks that make it easy to design beautiful responsive websites, apps and emails that look amazing on any device.
Semantic UI: Development framework that helps create beautiful, responsive layouts using human-friendly HTML.
uikit: A lightweight and modular front-end framework for developing fast and powerful web interfaces.

Web Application Frameworks

Ruby: Ruby on Rails is a web-application framework that includes everything needed to create database-backed web applications, with the MVC pattern.
AngularJS: Lets you extend HTML vocabulary for your web application. AngularJS is a framework, even though it’s much more lightweight and sometime referred to as a library.
Ember.js: A framework for creating ambitious web applications.
Express: Fast and minimalist web framework for Node.js.
Meteor: Full-stack JavaScript app platform that assembles all the pieces you need to build modern web and mobile apps, with a single JavaScript codebase.
Django: High-level Python Web framework that encourages rapid development and clean, pragmatic design.
ASP.net: Free, fully supported Web application framework that helps you create standards-based Web solutions.
Laravel: A free, open-source PHP web application framework to build web applications on MVC pattern.
Zend Framework 2: An open source framework for developing web applications and services using PHP.
Phalcon: A full-stack PHP framework delivered as a C-extension.
Symfony: A set of reusable PHP components and a web application framework.
CakePHP: A popular PHP framework that makes building web applications simpler, faster and require less code.
Flask: A microframework for Python based on Werkzeug and Jinja 2.
CodeIgniter: Powerful and lightweight PHP framework built for developers who need a simple and elegant toolkit to create full-featured web applications.

Task Runners / Package Managers

Grunt: JavaScript task runner all about automation.
Gulp: Keeps things simple and makes complex tasks manageable, while automating and enhancing your workflow.
npm: Pack manager for JavaScript.
Bower: A web package manager. Manage components that contain HTML, CSS, JavaScript, fonts or even image files.

Languages / Platforms

PHP: Popular general-purpose scripting language that is especially suited to web development.
NodeJS: Event-driven I/O server-side JavaScript environment based on V8.
Javascript: Programming language of HTML and the web.
HTML5: Markup language, the latest version of HTML and XHTML.
Python: Programming language that lets you work quickly and integrate systems more effectively.
Ruby: A dynamic, open source programming language with a focus on simplicity and productivity.
Scala: Scala is a pure-bred object-oriented language allowing a gradual, easy migration to a more functional style.
CSS3: Latest version of cascading style sheets used in front-end development of sites and applications.
SQL: Stands for structured query language used with relational databases.
Golang: Open source programming language that makes it easy to build simple, reliable, and efficient software.
Rust: Systems programming language that runs blazingly fast, prevents segfaults, and guarantees thread safety.
Elixir: Dynamic, functional language designed for building scalable and maintainable applications.


MySQL: One of the world’s most popular open source databases.
MariaDB: Made by the original developers of MySQL. MariaDB is also becoming very popular as an open source database server.
MongoDB: Next-generation database that lets you create applications never before possible.
Redis: An open source, in-memory data structure store, used as database, cache and message broker.
PostgreSQL: A powerful, open source object-relational database system.

CSS Preprocessors

Sass: A very mature, stable, and powerful professional grade CSS extension.
Less: As an extension to CSS that is also backwards compatible with CSS. This makes learning Less a breeze, and if in doubt, lets you fall back to vanilla CSS.
Stylus: A new language, providing an efficient, dynamic, and expressive way to generate CSS. Supporting both an indented syntax and regular CSS style.

Text Editors / Code Editors

Atom: A text editor that’s modern, approachable, yet hackable to the core. One of our favorites!
Sublime Text: A sophisticated text editor for code, markup and prose with great performance.
Notepad++: A free source code editor which supports several programming languages running under the MS Windows environment.
Visual Studio Code Beta: Code editing redefined and optimized for building and debugging modern web and cloud applications.
TextMate: A code and markup editor for OS X.
Coda 2: A fast, clean, and powerful text editor for OS X.
WebStorm: Lightweight yet powerful IDE, perfectly equipped for complex client-side development and server-side development with Node.js.
Vim: A highly configurable text editor built to enable efficient text editing.
Brackets: A lightweight and powerful modern text editor; written in JavaScript, HTML and CSS.
Emacs: An extensible, customizable text editor with built-in functions to aid in quick modifications of text and code.

Markdown Editors

StackEdit: A free online rich markdown editor.
Dillinger: An online cloud-enabled, HTML5, buzzword-filled Markdown editor.
Mou: Markdown editor for developers on Mac OS X.
Texts: A rich editor for plain text. Windows and Mac OS X.


Font Awesome: Scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS.
IconMonster: A free, high quality, monstrously big and continuously growing source of simple icons. One of our favorites!
IconFinder: Iconfinder provides beautiful icons to millions of designers and developers.
Fontello: Tool to build custom fonts with icons.

Git Clients / Services

SourceTree: A free Git & Mercurial client for Windows or Mac. Atlassian also makes a pretty cool team Git client called Bitbucket.
GitKraken (Beta): A free, intuitive, fast, and beautiful cross-platform Git client.
Tower 2: Version control with Git – made easy. In a beautiful, efficient, and powerful app.
GitHub Client: A seamless way to contribute to projects on GitHub and GitHub Enterprise.
Gogs: A painless self-hosted Git service based on the Go language.
GitLab: Host your private and public software projects for free.

Local Dev Environments

XAMPP: Completely free, easy to install Apache distribution containing MariaDB, PHP, and Perl.
MAMP: Local server environment in a matter of seconds on OS X or Windows.
WampServer: Windows web development environment. It allows you to create web applications with Apache2, PHP and a MySQL database.
Vagrant: Create and configure lightweight, reproducible, and portable development environments.

Diff Checkers

Diffchecker: Online diff tool to compare text differences between two text files. Great if you are on the go and quickly need to compare something.
Beyond Compare: A program to compare files and folders using simple, powerful commands that focus on the differences you’re interested in and ignore those you’re not.

Code Sharing / Experimenting

JS Bin: Tool for experimenting with web languages. In particular HTML, CSS and JavaScript, Markdown, Jade and Sass.
JSfiddle: Custom environment to test your JavaScript, HTML, and CSS code right inside your browser.
codeshare: Share code in real-time with other developers.
Dabblet: Interactive playground for quickly testing snippets of CSS and HTML code.

Collaboration Tools

Slack: Messaging app for teams that is on a mission to make your working life simpler, more pleasant, and more productive. One of our favorites, we use this at KeyCDN!
Trello: Flexible and visual way to organize anything with anyone. We also use this as KeyCDN.
Glip: Real-time messaging with integrated task management, video conferencing, shared calendars and more.
Asana: Team collaboration tool for teams to track their work and results.
Jira: Built for every member of your software team to plan, track, and release great software or web applications.


CodePen: Show off your latest creation and get feedback. Build a test case for that pesky bug. Find example design patterns and inspiration for your projects.
Dribble: A community of designers sharing screenshots of their work, process, and projects.

Website Speed Test Tools

Website Speed Test:  A page speed test developed by KeyCDN that includes a waterfall breakdown and the website preview.
Google PageSpeed Insights: PageSpeed Insights analyzes the content of a web page, then generates suggestions to make that page faster.
Google Chrome DevTools: Set of web authoring and debugging tools built into Google Chrome.
WebPageTest: Run a free website speed test from multiple locations around the globe using real browsers (IE and Chrome) and at real consumer connection speeds.
Pingdom: Test the load time of that page, analyze it and find bottlenecks.
GTmetrix: Gives you insight on how well your site loads and provides actionable recommendations on how to optimize it.

Web Development Communities

Stack Overflow: Community of 4.7 million programmers, just like you, helping each other.
Front-end Front: A place where front-end developers can ask questions, share interesting links, and show their work to the rest of the community.
Hashnode: Global community for software developers to connect and learn programming from each other.
Refind: Community of founders, hackers, and designers who collect and share the best links on the web.
Google+ Web Developers Group: Web developers, web designers, and web coding.
Google+ Web Developers Group: Java, PHP, Ruby, JavaScript and Python Resources
Facebook WordPress Front-end Developers Group: WordPress Front End Developers is a group for devs to ask questions, share their work, discuss emerging trends, and collaborate.
LinkedIn Web Design and Development Professionals Group: Networking and information sharing resource for professional Web Designers, Web Developers and Web Masters.
LinkedIn Web Site Development Group:  Website design & programming.
LinkedIn PHP Developer Group: PHP, Mysql, Drupal, Joomla, Zend, Cake, MVC.
LinkedIn WordPress Developers Group: WordPress Codex. Using WP as CMS and CMF.
Webdeveloper.com: Where web developers and designers learn how to build web sites, program in HTML, Java and JavaScript.
Sitepoint Forums: Web development discussion.
/r/webdev: What’s new for web developers.

Web Development Newsletters

wdrl.info: A handcrafted, carefully selected list of web development related resources. Curated and published usually every week.
webopsweekly.com: A weekly newsletter for Web developers focusing on web operations, infrastructure, deployment of apps, performance, and tooling, from the browser down to the metal.
web tools weekly: A front-end development and web design newsletter with a focus on tools. Each issue features a brief tip or tutorial, followed by a weekly round-up of various apps, scripts, plugins, and other resources.
freshbrewed.co: A weekly reading digest for front-end developers and UX designers.
smashingmagazine.com: Smashing Magazine is an online magazine for professional web designers and developers. Useful tips and valuable resources, sent out every second Tuesday.


No comments:

Post a Comment