A collection of tools and applications I use for Frontend Development
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
LICENSE
README.md

README.md

Tools I use

A list of tools and applications I use for Frontend Developement

Table of Contents

  1. Browsers
  2. Browser Extensions
  3. Text Editors
  4. Terminal
  5. Git
  6. Perf Tools

Browsers

Desktop Browser

  1. Chrome Canary - Mac & Windows
  2. Chrome - Mac, Windows, Ubuntu
  3. Firefox Developer Edition - Mac, Windows, Linux
  4. Firefox - Mac, Windows, Linux
  5. Safari - Mac
  6. IE - Windows

Mobile Browser - Android

  1. Chrome Beta
  2. Chrome
  3. Firefox

Mobile Browser - iOS

  1. Safari
  2. Chrome

⬆ back to top

Browser Extensions

Chrome

⬆ back to top

Text Editors

  1. Sublime Text 3 - MAC, Windows, Ubuntu
  2. Atom Editor - MAC, Windows (My current editor, love it)

Sublime plugins & themes

Atom plugins & themes

  • Theme - Material UI - Theme based on google's Material Design (current theme in my atom editor)
  • Run HTML in browser - Run your html pages in browser
  • Reload on save - Automatic reload on file save (Must have plugin)
  • Color Picker - Right click or press CMD-SHIFT-C/CTRL-ALT-C to open picker
  • ReactJS - ReactJS (JSX) language support, indentation, snippets, auto completion, reformatting
  • Local Server Express - Serve current project via Express.
  • Emmet - the essential tool for web developers.

⬆ back to top

Terminal

  1. oh my zsh - MAC, Windows, Ubuntu terminal

oh my zsh plugins & themes & configs

robbyrussell

robbyrussell

⬆ back to top

GIT

  1. GIT Terminal - MAC, Windows, Ubuntu

Tips

Perf Tools

Performance testing

  • Webpagetest - Test a website's performance
  • Pagespeed Insights - Make your web pages fast on all devices
  • Speed Check - A free online speed check service including waterfall breakdown and website preview

Markup validator

  • Markup Validation - Checks the markup validity of Web documents in HTML, XHTML, SMIL, MathML, etc

Responsive testing

  • Device emulation - Chrome device emulation
  • Resizr - Test your responsive web page
  • W3C mobile Checker - Checker performs various tests on a Web Page to determine its level of mobile-friendliness
  • Mobile Friendly - Analyze a URL and report if the page has a mobile-friendly design

⬆ back to top

More contents are coming soon....

Author

Gokulakrishnan

Follow me

alt text alt text alt text alt text

License

MIT