| Tool | Site | Use | Description |
|---|---|---|---|
| Notepad++ | http://notepad-plus-plus.org/ | Notepad++ is a free (as in "free speech" and also as in "free beer") source code editor and Notepad replacement that supports several languages. Running in the MS Windows environment, its use is governed by GPL License. | Easy and Fast Text Editor |
| JSFiddle | http://jsfiddle.net/ | Great for creating and testing Javascript code, lets me keep a library of Javascripts that I have created and allows others to view and fork from this code. | An online Javascript editor |
| Dreamweaver | http://www.adobe.com/products/dreamweaver.html/ | Dreamweaver’s Insert panel speeds up building web pages by creating all the HTML code for you. However, it is still leaving you in control by allowing you to choose the most appropriate elements and where to place them. | A web design and development application |
| CodePen | http://codepen.io// | CodePen is an HTML, CSS, and JavaScript code editor in your browser with instant previews of the code you see and write. You can use it to build and show off interesting things you've built, build reduced test cases to troubleshoot with, or collaborate with other front end developers. | An online Javascript Editor |
| Microsoft Virtual Academy | http://www.microsoftvirtualacademy.com/ | Microsoft Virtual Academy (MVA) offers online Microsoft training delivered by experts to help technologists continually learn, with hundreds of courses, in 11 different languages. Our mission is to help developers, knowledgeable IT professionals and advanced students learn the latest technology, build their skills, and advance their careers. MVA is free of charge, and the entire service is hosted on Windows Azure. | An online virtual academy |
| Construct 2 | http://www.codinghorror.com/blog/2012/07/new-programming-jargon.html | This great tool allows you to easily create HTML5 games. The free version has great capability and it produces clean, easy to read code | An online game programming guide |
| W3 Schools | http://www.w3schools.com/ | Learn how to create a website on your own computer Learn the basics of web building in less than a day Learn how to add a database to your website |
Tutorials and references |
| W3 Validator | http://validator.w3.org/ | This validator checks the markup validity of Web documents in HTML, XHTML, SMIL, MathML, etc. If you wish to validate specific content such as RSS Atome feeds or CSS Stylesheets, Mobile OK, or to find broken links, there are other validators and tools available. | Markup validation service from w3c |
| Web Developer for FireFox | https://addons.mozilla.org/en-us/firefox/addon/web-developer/ | The Web Developer extension adds various web developer tools to the browser. | Three green checkmarks in the upper left corner tells users the site is correct. |
| Stackoverflow | http://stackoverflow.com/ | Stack Overflow is a question and answer site for professional and enthusiast programmers. It's 100% free, no registration required. | This is the source for all good questions and answers. |
| FireBug for FireFox | https://getfirebug.com/ | The most popular and powerful web development tool. Inspect HTML and modify style and layout in real-time. Use the most advanced JavaScript debugger available for any browser. Accurately analyze network usage and performance. Extend Firebug and add features to make Firebug even more powerful. Get the information you need to get it done with Firebug. | This is one of 2 must-have tools you need for doing any level of web development. |
| HTML5 Validator | http://html5.validator.nu/ | Validator.nu has two facets: generic (complex UI) and (X)HTML5 (simple UI). Enter the URL (http, https or data IRI to be exact) of the document you want to validate in the field labeled “Document” and submit the form. That’s all it takes in most cases. In the (X)HTML5 facet, the parser and the schema will be chosen based on the HTTP Content-Type of the document. In the generic facet, the parser will be chosen based on the HTTP Content-Type and a preset schema will be chosen based on the root namespace (for XML) or the doctype (for text/html). | A nice and easy to use HTML 5 validator. |
| BootStrap | http://getbootstrap.com/2.3.2/ | Sleek, intuitive, and powerful front-end framework for faster and easier web development. | Framework |
| Chart.js | http://www.chartjs.org/ | The Chart.js library uses the HTML5 Canvas element as the launching pad for a full-featured package for creating and presenting charts. | Javascript Library |
| MathJax | www.mathjax.org/ | MathJaxTMuses modern CSS and web fonts, instead of equation images or Flash, so equations scale with surrounding text at all zoom levels. | Javascript Display Engine |
| FreeSound | https://www.freesound.org | Source of royalty free sounds to use in games. | Audio File Source |
| OpenGame Art | http://opengameart.org/ | Source of sprite characters to use when creating games. | Open Source Game Resources |
| Creative Commons | https://creativecommons.org | Creative Commons is a nonprofit organization that enables the sharing and use of creativity and knowledge through free legal tools. | Access to Royalty Resources |
| Auto Desk | http://www.autodesk.com/education/free-software/all | Imagine, design, and create a better world with help from Autodesk Education. Get free* access to the software used to make the games, movies, buildings, and products that inspire you. Autodesk is a world leader in 3D design, engineering, and entertainment software for manufacturing, building and construction, and media and entertainment. | Educational Website |
| Press Bin | http://pressbin.com/tools/excel_to_html_table/ | This simple utility allows you to paste data from an Excel spreadsheet (or an HTML table) and convert it to a new HTML table that is free of extraneous formatting. | HTML Conversion Resources |