# HTML Tools
##### HTML templates/boilerplates/starter kits:
- [HTML5 Boilerplate](https://html5boilerplate.com/)
- [Mobile boilerplate](https://html5boilerplate.com/mobile/)
- [Web Starter Kit Boilerplate & Tooling for Multi-Device Development](https://developers.google.com/web/tools/starter-kit)
- [dCodes](http://www.dcodes.net/2/docs/index.html)
- [HTML5 Bones](http://html5bones.com/)
- [Email-Boilerplate](https://github.com/seanpowell/Email-Boilerplate)
- [Pears](http://pea.rs/)
##### HTML polyfill:
- [html5shiv](https://github.com/aFarkas/html5shiv)
##### Transpiling:
- [jade](http://jade-lang.com/)
- [HAML](http://haml.info/)
- [Markdown](http://daringfireball.net/projects/markdown/)
##### References:
- [HTML Interfaces Browser Support ](http://www.webbrowsercompatibility.com/html-interfaces/desktop/)
- [HTML Entity Lookup](http://entity-lookup.leftlogic.com/)
- [HTMLelement.info](http://htmlelement.info/)
- [Elements](https://html.spec.whatwg.org/multipage/indices.html#elements-3)
- [Element attributes](https://html.spec.whatwg.org/multipage/indices.html#attributes-3)
- [HTML Arrows](http://htmlarrows.com/)
##### Linting/hinting:
- [html5-lint](https://github.com/mozilla/html5-lint)
- [HTMLHint](http://htmlhint.com/)
- [html-inspector](https://github.com/philipwalton/html-inspector)
##### Optimizer:
- [HTML Minifier](http://kangax.github.io/html-minifier/)
##### Online creation/generation/experimentation tools:
- [tablesgenerator.com](http://www.tablesgenerator.com/)
##### Authoring conventions:
- [Principles of writing consistent, idiomatic HTML](https://github.com/necolas/idiomatic-html)
- [HTML code guide](http://codeguide.co/#html)
##### Workflow:
- [Emmet](http://emmet.io/)
##### Trending HTML repositories on Github this month:
[https://github.com/trending?l=html&since=monthly](https://github.com/trending?l=html&since=monthly)
- Introduction
- What is a front-end developer?
- Part I: The front-end practice
- Front-end jobs titles
- Common web tech employed
- Front-end dev skills
- Front-end devs develop for...
- Front-end on a team
- Generalist myth
- Front-end interview questions
- Front-end job boards
- Front-end salaries
- How FD's are made
- Part II: Learning front-end dev
- Self directed learning
- Learn internet/web
- Learn web browsers
- Learn DNS
- Learn HTTP/networks
- Learn web hosting
- Learn general front-end dev
- Learn UI/interaction design
- Learn HTML & CSS
- Learn SEO
- Learn JavaScript
- Learn DOM, BOM & jQuery
- Learn web fonts
- Learn accessibility
- Learn web/browser API's
- Learn JSON
- Learn front-end app architecture
- Learn Interface/API design
- Learn web dev tools
- Learn command line
- Learn node.js
- Learn module loader
- Learn package managers
- Learn version control
- Learn build & task automation
- Learn site performance optimization
- Learn JS testing
- Learn headless browsers
- Learn offline dev
- Learn security
- Learn multi-thing dev (e.g. RWD)
- Directed learning
- front-end schools, courses, & bootcamps
- Front-end devs to learn from
- Newsletters, news, & podcasts
- Part III: Front-end dev tools
- General front-end dev tools
- SEO tools
- Prototyping & wireframing tools
- Diagramming tools
- HTTP/network tools
- Code editing tools
- Browser tools
- HTML tools
- CSS tools
- DOM tools
- JavaScript tools
- App (desktop, mobile, tablet etc..) tools
- Templating tools
- UI/widget tools
- JSON tools
- Testing framework tools
- Data storage tools
- Module/package loading tools
- Module/package repo. tools
- Web/cloud/static hosting tools
- Project management & code hosting
- Collaboration & communication tools
- CMS hosted/API tools
- BAAS (for front-end devs) tools
- Offline tools
- Security tools
- Tasking (aka build) tools
- Deployment tools
- Site/app monitoring tools
- JS error monitoring tools
- Performance tools