https://github.com/gokulkrishh/tools-i-use
A collection of tools and applications I use for Frontend Development
https://github.com/gokulkrishh/tools-i-use
developer developer-tools frontend-developer material perf tools
Last synced: about 1 year ago
JSON representation
A collection of tools and applications I use for Frontend Development
- Host: GitHub
- URL: https://github.com/gokulkrishh/tools-i-use
- Owner: gokulkrishh
- License: mit
- Created: 2015-05-19T17:10:20.000Z (almost 11 years ago)
- Default Branch: master
- Last Pushed: 2016-02-23T04:57:25.000Z (about 10 years ago)
- Last Synced: 2025-02-10T07:16:05.321Z (about 1 year ago)
- Topics: developer, developer-tools, frontend-developer, material, perf, tools
- Homepage:
- Size: 9.77 KB
- Stars: 15
- Watchers: 3
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Tools I use
*A list of tools and applications I use for Frontend Developement*
### Table of Contents
1. [Browsers](#browsers)
1. [Browser Extensions](#browser-extensions)
1. [Text Editors](#text-editors)
1. [Terminal](#terminal)
1. [Git](#git)
1. [Perf Tools](#perf-tools)
## Browsers
*Desktop Browser*
1. Chrome Canary - Mac & Windows
1. Chrome - Mac, Windows, Ubuntu
1. Firefox Developer Edition - Mac, Windows, Linux
1. Firefox - Mac, Windows, Linux
1. Safari - Mac
1. IE - Windows
*Mobile Browser - Android*
1. Chrome Beta
1. Chrome
1. Firefox
*Mobile Browser - iOS*
**[⬆ back to top](#table-of-contents)**
## Browser Extensions
*Chrome*
* Page Load Time - A simple extension to show page load time
* Allow Control Allow Origin - Allows to you request any site with ajax from any source
* Page Ruler - Draw a ruler to any page and view the width, height
* What Font - Identify fonts on web pages on mouse hover
* Postman - REST Client - Postman helps you be more efficient while working with API
* Edit This Cookie - A cookie manager
* YSlow - Make your pages faster with Yahoo!'s page performance tool
* AngularJS Batarang - Tool for debugging and profiling AngularJS applications
* React Developer Tools - Inspect the React component
* Pesticide - inserts the CSS into the current page, outlining each element to better see placement on the page
**[⬆ back to top](#table-of-contents)**
## Text Editors
1. Sublime Text 3 - MAC, Windows, Ubuntu
1. Atom Editor - MAC, Windows (My current editor, love it)
*Sublime plugins & themes*
* Package control 3.0 - Package control
* HTML5 - HTML5 snippets
* CSS Format - To format CSS in different ways
* Emmet - Expand abbreviations with button
* Bracket Highlighter - Shows bracket opening and closing
* Git Gutter - See git diff in gutter
* Markdown Preview - See git markdown preview in browser
* Origami - Split the window however you like
* OpenIn Browser - On save opens up a user defined URL in your default web browser
* SideBar Enhancements - Enhancements to sidebar
* Auto File Name - Autocomplete Filenames
* Auto prefixer - Prefix your CSS
* jshint - Shows jshint errors
* jQuery - jQuery methods as snippets
* Color Scheme - Material - Syntax theme based off the Material Design color palette
* Theme - Cobalt2 - Theme based on our old blue friend cobalt
* Theme - Material - Theme based on google's Material Design (current theme in my sublime)
*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](#table-of-contents)**
## Terminal
1. oh my zsh - MAC, Windows, Ubuntu terminal
*oh my zsh plugins & themes & configs*
* Af Magic - Theme
[](https://cloud.githubusercontent.com/assets/2618447/6316860/70f310d8-ba03-11e4-973c-eb5eb6b5b289.png)
* Miloshadzic - Theme
[](https://cloud.githubusercontent.com/assets/2618447/6316748/51dc1eae-ba00-11e4-843d-379183044762.png)
* Git - Plugin
**[⬆ back to top](#table-of-contents)**
## GIT
1. GIT Terminal - MAC, Windows, Ubuntu
*Tips*
* Multiple Accounts - To set up multiple git accounts
## 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](#table-of-contents)**
More contents are coming soon....
## Author
[](https://github.com/gokulkrishh)
## Follow me
[1.1]: http://i.imgur.com/tXSoThF.png (twitter icon with padding)
[2.1]: http://i.imgur.com/P3YfQoD.png (facebook icon with padding)
[3.1]: http://i.imgur.com/yCsTjba.png (google plus icon with padding)
[4.1]: http://i.imgur.com/0o48UoR.png (github icon with padding)
[1]: http://www.twitter.com/gokul_i
[2]: http://www.facebook.com/gokulkrishh
[3]: https://plus.google.com/+GokulKalaikoven
[4]: http://www.github.com/gokulkrishh
[![alt text][1.1]][1] [![alt text][2.1]][2] [![alt text][3.1]][3] [![alt text][4.1]][4]
License
----
MIT