# Browser Tools
##### JS browser utilities:
- [URI.js](http://medialize.github.io/URI.js/)
- [platform.js](https://github.com/bestiejs/platform.js)
- [history.js](https://github.com/browserstate/history.js)
##### General reference tools to determine if X browser supports X:
- [caniuse.com](http://caniuse.com/)
- [HTML5 Please](http://html5please.com/)
- [HTML5 test](https://html5test.com/)
- [Browserscope](http://www.browserscope.org/)
- [webbrowsercompatibility.com](http://www.webbrowsercompatibility.com/)
- [iwanttouse.com/](http://www.iwanttouse.com/)
- [Platform status](https://dev.modern.ie/platform/status/)
- [Browser support for broken/missing images](http://codepen.io/bartveneman/full/qzCte/)
- [Big JS-Compatibility-Table](http://compatibility.shwups-cms.ch/en/home)
- [jscc.info](http://jscc.info/)
##### Browser hacks:
- [browserhacks.com](http://browserhacks.com/)
##### Browser development tools:
- [Opera Dragonfly](http://www.opera.com/dragonfly/)
- [Safari Web Inspector](https://developer.apple.com/safari/tools/)
- [Firefox Developer Tools](https://developer.mozilla.org/en-US/docs/Tools)
- [Chrome Developer Tools (aka DevTools)](https://developers.google.com/web/tools/?hl=en)
- [Per-Panel Documentation](https://developers.google.com/web/tools/chrome-devtools/#docs)
- [Command Line API Reference](https://developers.google.com/web/tools/javascript/command-line/command-line-reference?hl=en)
- [Keyboard & UI Shortcuts Reference](https://developers.google.com/web/tools/iterate/inspect-styles/shortcuts)
- [Settings](https://developer.chrome.com/devtools/docs/settings)
- [IE Developer tools (aka F12 tools)](https://dev.modern.ie/platform/documentation/f12-devtools-guide/)
##### Synchronized browser tools:
- [Browsersync](http://www.browsersync.io/)
##### Browser coding tools to determine if X browser supports X:
- [Modernizr](https://modernizr.com/)
- [ES Feature Tests](https://featuretests.io/)
##### Broad browser polyfills/shims:
- [webcomponents.js](https://github.com/WebComponents/webcomponentsjs)
- [webshim](https://afarkas.github.io/webshim/demos/)
- [HTML5 Cross Browser Polyfills](https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-browser-Polyfills)
- [console-polyfill](https://github.com/paulmillr/console-polyfill)
##### Browser testing/automation:
- [browserstack](https://www.browserstack.com) [$]
- [browserling](https://www.browserling.com/) [$]
- [Sauce labs](https://saucelabs.com/) [$]
- [Selenium](http://www.seleniumhq.org/)
- [CrossBrowserTesting.com](http://crossbrowsertesting.com/) [$]
##### Headless browsers:
- [PhantomJS](http://phantomjs.org/)
- [nightwatchjs](http://nightwatchjs.org/)
- [casperJS](http://casperjs.org/)
- [slimerjs](http://slimerjs.org/)
- [casperJS](http://casperjs.org/)
- [TrifleJS](http://triflejs.org/)
- 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