In this post, I have put together a ultimate web development toolkit for Mac OS X. These tools will help to set up web development toolkit for your Mac OS X. Some of the tools I mentioned here can be use in MS Windows as well.
Hopefully these lists could help introduce you to the right web development tools, particularly for those of you who are just getting started. When you setup your development environment, don't forget to install these useful tools. This post will be updated continuously to introduce new and useful tools for web development.
Web Browsers
Safari web browser already installed on your Mac OS X. My preferred browser for web development is Google Chrome browser. Also Firefox web browser also comes with handy tool kit. BrowserStack is a pretty useful tool to test in cross browser platforms.
Mac Os For Web Developer Plugin
Chrome web browser is fast, secure, and free web browser built for the modern web. The Chrome Developer Tools, are a set of rich web authoring and debugging tools built into Google Chrome browser. The DevTools provide web developers deep access into the internals of the browser and their web application.
Firefox is created by a global non-profit developer team dedicated to putting individuals in control online. Firefox web browser is ready for Windows, macOS, Linux, Android and iOS platforms today.
BrowserStack is a testing platform for testing your website for cross browser compatibility on real browsers. BrowserStack having large number of devices added for instant access to multiple desktop and mobile browsers.
Text Editors / Source Editors
Mac OS X development environment. Open Source Free VIEW → A launch pad for developers to test and promote new features. Appium Web Coding Share Show Cool QQ 315508626githubhttps. Why programmers think Mac OS X is the best OS to use. Dmitri Zagidulin, a distributed systems engineer, sums up the change: 'Go to a tech conference or developer event. Get ready for macOS Big Sur. MacOS Big Sur takes the most advanced operating system in the world to a whole new level of power and beauty, making your apps look better than ever on an all-new interface. New widget features and the new widget gallery help you deliver more value to your users. Adding intelligence to your apps with machine learning is even simpler and more extensive with new. This document explains how to debug Mozilla-derived applications such as Firefox, Thunderbird, and SeaMonkey on macOS using Xcode. If you want to debug from the terminal see Debugging Mozilla with lldb. For specific information on a way to debug hangs, see Debugging a hang on OS X.
Atom Atom is a free and open-source text and source code editor for MacOS, Linux, and Microsoft Windows with support for plug-ins written in Node.js. Atom also embedded Git Control, developed by GitHub. Most of the extending packages have free software licenses and are community-built and maintained.
Sublime Text is a advanced text editor for code, markup and prose. It has slick user interface and amazing performance.
Sublime Text Plugins
Sublime Text package manager that makes it exceedingly simple to find, install and keep packages up-to date. You can manage all the Sublime Text plugins, once you install this plugin on your Sublime text,
Phpstorm is a advanced PHP IDE for working with Symfony, Drupal, WordPress, Zend Framework, Laravel, Magento, Joomla, CakePHP, Yii, and many other PHP based frameworks.
Phpstorm Plugins
You can enhance the default Phpstorm capabilities by installing plugins.
Magicento is a PhpStorm plugin for Magento developers. Magicgento includes, navigate factories and template paths, autocomplete for factories, xml files and class names, documentation for xml nodes, evaluation of PHP code inside Magento environment.
File Sharing
Dropbox keeps your files and your team in sync. Anything you save in Dropbox can be easily accessed from all of your devices.
Google Drive is a secure cloud storage and file backup. You can access your files anywhere.
Password Management
1password is an online password manager and form filler that makes web browsing easier and more secure. Once you install their app, you can use this password manager for your all the cross devices.
Lastpass is a another online password manager and form filler that makes web browsing easier and more secure. If you have installed Lastpass, you don't need to remember multiple passwords. Only you need to remember master password and Lastpass will help you to manage other online accounts passwords for you.
Custom Terminal
Iterm2 is a alternative for Mac OS X default terminal. Developers spending a lot of time in the terminal, so making sure they have the advanced toolkit for the development. ITerm2 is the one of the most popular terminal app for the Mac OS X.
Xcode
Xcode command line tools needs to install before Homebrew package manager for Mac OS. You can use Xcode's mobile simulator for most of the Apple products. You can test your web application in your local environment using these tools.
Homebrew
HomeBrew is a package manager for macOS. This package manager simplifies the installation of software packages on Apple's Mac OS X. Homebrew installs packages to it's own directory and then symlinks it's files into /usr/local.
Virtual Box
Virtualbox need to install if you need to have light weight portable development environments like Docker or Vagrant on your Mac.
Development Environments
Vagrant enables users to create and configure lightweight, reproducible, and portable development environments.
Docker is an open platform for developers and sysadmins to build, ship, and run distributed applications, whether on laptops, data center VMs, or the cloud.
Database Management Application
Sequel Pro is a fast, easy-to-use Mac database management application for working with MySQL & MariaDB databases.
Sequel Pro is free and open source software, licensed under MIT.
Team Communication
Slack is team communication software. Slack comes with the rich tools you use come together to get things done.
Creative collaboration
Invisionapp is the digital product design platform powering best user experiences when you need to bring your team together to collaborate on a project. Invisionapp turn to freehand to sketch, draw, wireframe, share feedback, present designs, and so much more features in real time.
Digital Design
Sketch is a design toolkit built to help you create your best work from your earliest ideas, through to final artwork. You can share your files within the Invisionapp for team collaboration. Also web developer can experience huge benefit by accessing your designs through Invisionapp. For example developers can inspect elements on your design without downloading original Sketch files.
Version Controlling
Git
Git is a free and open source distributed version control system designed to handle everything from small to very large projects with speed and efficiency. Git is easy to learn and has a tiny footprint with lightning fast performance.
Refer this article to upgrade default Git version already installed on your Mac OS X.
Mac Os Developer
GIT Clients
Tower
Tower is light weight powerful app app for version control with Git.
Source Tree
Sourcetree simplifies how you interact with your Git repositories so you can focus on coding. Visualize and manage your repositories through Sourcetree's simple Git GUI.
I will add more useful tools to this web development toolkit in the future.
