Web Developer Toolkit

Created by Paul Capcan

Best tools for coding and front-end development including code editors,  bug trackers, website builders, CSS/HTML examples and help resources, JS frameworks, places to learn code and more. 

Share on facebook
Share on twitter
Share on linkedin

Work in progress. More tools are coming up.

Bug Trackers

Tools for tracking bugs, managing agile projects and collaborating with software engineers.

Lean Testing

Comprehensive bug tracker and test case manager.


Software development tool for agile teams.


Issue tracker designed for agile software teams.


Open source project management web application.


Open source wiki and issue tracking system for software development projects.


Server software designed to help you manage software development.


Open source issue tracker that provides a delicate balance between simplicity and power.


Visual feedback tool and bug tracker.

Pivotal Tracker

Agile project management software and bug tracker.

Code Editors

Best online, Mac, Windows, Ubuntu, iOS and Android code editors. Apps that help you code better in different programming languages and speed up your workflow.


HTML, CSS & JavaScript playground for web designers and developers.


Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.


A hackable text-editor for the 21st century.


A complete toolset for web development. Enabling you to edit, collaborate and run your projects from any device.


The incredible, portable text editor and file manager for iOS, that now works both on your iPad and your iPhone.


A lightweight, multi-language programming editor for macOS.


A modern, open source text editor that understands web design.

Sublime Text

A sophisticated text editor for
code, markup and prose.

Visual Studio Code

Code editor redefined and optimized for building and debugging modern web and cloud applications.


Free source code editor which supports several programming languages running under the MS Windows environment.


Share code in real-time with developers


A powerful text editor to rock your code, in a workspace that fits your workflow.

Code Snippets

Large collections of amazing code snippets for developers and designers that will help find inspiration and understand how to code different things.


Online code editor and a huge collection of code snippets.


Collection of Awesome CSS and JS Creations to help out frontend developers and designers.

Learn Code Resources

Best resources for code reference, help and learning materials including guidelines and tutorials.

HTML Reference

A free guide to HTML that will help you learn by examples.

CSS Reference

A free visual guide to CSS with illustrated and animated examples.


Question and answer site for professional and enthusiast programmers.


A collection of about 200 free books for devs.

Web Fundamentals

Tutorials, guides, and best practices for building the next generation of web experiences.


Complete courses about the best tools and design systems. Prototype and build apps with React and Swift.

LinkedIn Learning

Hundreds of courses for web developers.


Online interactive platform that offers free coding classes in 12 different programming languages including Python, Java, JavaScript, Ruby, SQL, C++, and Sass, as well as markup languages HTML and CSS.


Non-profit organization that consists of an interactive learning web platform, an online community forum, chat rooms, online publications and local organizations that intend to make learning web development accessible to anyone.


Online platform providing lots of coding courses.

WYSIWYG Website & HTML Builders

HTML, CSS visual editors allowing to create html pages without code knowledge.


Website builder used by many designers for building online portfolios.


Website and portfolio builder.


Visual website builder.


Create a website, landing page or online store for free with the help of Tilda modules and publish it on the same day. No knowledge of coding required.


Website builder in browser.


Visual website builder.


A tool that lets design responsive landing pages, publications, microsites without code.


A professional visual editor for CSS Grid, Bootstrap, Foundation, responsive design, HTML, and CSS. Convert HTML to WordPress themes..


Visual editor that generates semantic HTML/CSS code.


Fast, easy to use and powerful visual web design software, that lets you create responsive websites without writing code.

Bootstrap Studio

A powerful desktop app for creating responsive websites using the Bootstrap framework.


Visual website builder platform for agencies.

be the first to know about new amazing tools

don't miss out! subscribe now