My Custom Developer Environment Setup for Mac

This is my custom recipe to get OS X 10.11 (El Capitan) running from scratch with useful applications for my developer environment. I use this to keep track of the important software and steps required to have a functioning system after a fresh install.

Install Software

Install from App Store

• Xcode & Command Line Tools
• Download latest Xcode and install it.
• Then open Xcode > Preferences > Downloads > Command Line Tools or execute in Terminal:

xcode-select --install  

Install from Third-Party Websites

• Dashlane - My preferred password manager.
• Chrome - My preferred browser.
• Tuxera - for full read-write compatibility with NTFS-formatted drives on a Mac.
• Dropbox - Get to all of your files from anywhere.
• Spectacle - Window control with simple and customizable keyboard shortcuts.
• Android File Transfer - Browse and transfer files between your Mac computer and your Android device.
• DBeaver - Universal SQL Client
• Xampp - Apache + MariaDB + PHP + Perl

Install Homebrew

1. Install latest Homebrew
2. Run Xcode and accept the license (Homebrew can not install properly until this occurs.)
3. http://brewformulas.org/

Install git

brew update
brew install git
git --version
brew doctor

Install scala

brew update
brew cask install java
java --version
brew install scala
scala --version
brew doctor

https://www.atlassian.com/software/sourcetree https://desktop.github.com/

Install Node

nvm
Note: Do not use brew to install nvm.

1. curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.29.0/install.sh | bash
2. nvm install 5.0
3. nvm alias default v5.0 # Set it as your default so it runs for every new shell openednvm alias default v5.0

Dev Tools

• atom
• minimap apm install minimap
• jsonlint apm install jsonlint
• linter

Customisations

1. Launch an OS X Terminal Window from a Specific Folder

Head into System Preferences and select Keyboard > Shortcuts > Services. Find "New Terminal at Folder" in the settings and click the box. Now, when you're in Finder, just right-click a folder and you're shown the open to open Terminal.

A collection of frameworks to use in web development

http://emmet.io/download/
http://perf-tooling.today/

http://www.cooper.com/prototyping-tools
http://espion.io/

Web Hosting

http://www.digitalocean.com/?refcode=34f774b765d5
http://www.hetzner.co.za/
http://co.za/whois.shtml

Important Sites

http://webplatformtools.org/
http://www.w3schools.com/
http://www.w3.org/
https://www.w3.org/developers/tools
http://validator.w3.org/mobile-alpha/
http://schema.org/
http://html5bookmarks.com/
http://www.awwwards.com/
http://overapi.com/
https://developer.mozilla.org/en-US/Learn
http://webdesignstack.com/
https://changelog.com/
https://github.com/sindresorhus/awesome
http://bitsofco.de/2015/the-accessibility-cheatsheet/

Security

https://httpsecurityreport.com/?report=johanjvrens.co.za

Web Design

http://web-design.alltop.com/
http://www.agiledesigners.com/
http://thenews.im/
http://www.webappers.com/
http://www.webresourcesdepot.com/
http://sixrevisions.com/
http://tutsplus.com/tutorials
https://www.thebestdesigns.com/
http://speckyboy.com/
http://tympanus.net/codrops/
https://css-tricks.com/
http://codevisually.com/
http://calltoidea.com/
http://webdesignerwall.com/
http://www.noupe.com/
http://tutorialzine.com/
http://joelglovier.com/writing/design-advice-for-developers/
http://thenews.im/
http://wwwhere.io/
http://www.techi.com/
http://www.brandingserved.com/
https://www.behance.net/
http://www.smashingmagazine.com/

CSS Frameworks

http://usablica.github.io/front-end-frameworks/compare.html
https://html5boilerplate.com/
https://developers.google.com/web/tools/polymer-starter-kit/
http://www.basscss.com/
http://semantic-ui.com/
http://foundation.zurb.com/
http://www.getmdl.io/index.html
http://gumbyframework.com/
http://getuikit.com/
http://purecss.io/
http://patternlab.io/
http://getpreboot.com/
https://developers.google.com/web/starter-kit/
http://www.google.com/design/
http://materializecss.com/
http://getkickstart.com/
https://ianlunn.github.io/Hover/
https://www.polymer-project.org/
https://www.muicss.com/
http://www.html5depot.com/blackhole/
http://styleguide.sc5.io/
http://www.codeply.com/
http://titon.io/en/toolkit
http://sanographix.github.io/rin/
http://formstone.it/
http://daemonite.github.io/material/index.html
http://decorator.codable.org/
https://market.styleguide.envato.com/structures/checkout/review_order

Bootstrap

http://bootstrapzero.com/
http://bootstraphero.com/the-big-badass-list-of-twitter-bootstrap-resources/
http://cluckles.com/
http://getfuelux.com/
http://pingendo.com/
http://www.bootply.com/
http://bootswatch.com/
https://wrapbootstrap.com/
http://bootsnipp.com/
https://fezvrasta.github.io/bootstrap-material-design/#getting-started
http://startbootstrap.com/

JavaScript libs

http://www.javascripting.com/
http://devdocs.io/
http://libscore.com/
https://angularjs.org
http://angular-ui.github.io/
http://d3js.org/
https://github.com/wbkd/awesome-d3
http://d3-legend.susielu.com/
http://maplacejs.com/
http://hpneo.github.io/gmaps/examples.html
http://heelhook.github.io/chardin.js/
http://github.hubspot.com/offline/docs/welcome/
http://prismjs.com/
http://jquerymy.com/
http://phonegap.com/
http://dgrid.io/
http://davidwells.tv/code/responsible/
http://threejs.org/
http://c3js.org/
http://todomvc.com/
http://jsblocks.com/
https://github.com/davidwells/responsible
http://coffeescript.org/
http://webpack.github.io/

https://github.com/bevacqua/dragula/blob/master/readme.markdown
http://jspreadsheets.com/
https://github.com/octalmage/robotjs

Mobile App frameworks

http://propertycross.com/
http://ionicframework.com/
https://apps.ionic.io/
http://play.ionic.io/
http://onsen.io/
http://www.idangero.us/framework7
http://foundation.zurb.com/apps/
http://ngcordova.com/
http://famo.us/
http://lungo.tapquo.com/
http://goratchet.com/getting-started/
http://qooxdoo.org/
https://www.nativescript.org/
http://reapp.io/
https://www.nativescript.org/
https://github.com/JetBrains/anko
https://github.com/pocorall/scaloid
http://www.manifoldjs.com/

PC Apps

http://electron.atom.io/

Contracts

http://www.docracy.com/
http://www.smashingmagazine.com/2013/04/03/legal-guide-contract-samples-for-designers/
http://sixrevisions.com/project-management/tips-freelancer-design-contracts/
http://www.crowdspring.com/contracts-for-graphic-designers/
https://termsfeed.com/

License

https://tldrlegal.com/
http://choosealicense.com/
https://www.iubenda.com/en

Online tools

http://online-domain-tools.com/
http://nerdydata.com/
http://builtwith.com/
http://css3generator.com/
http://html.fwpolice.com/css/
http://tools.pingdom.com/fpt/
http://tools.maxcdn.com/procssor/
http://webdevchecklist.com/
http://meettheipsums.com/
http://onmobile.iwanttouse.com/
http://caniuse.com/
http://joshnh.com/tools/em-baseline-generator.html
http://cssshrink.com/
http://webflow.com
http://howtocenterincss.com/
http://codebeautify.org/
https://www.modern.ie/en-gb
https://www.transformy.io/

PDF Tools

http://pdftotext.org/

http://pdfmake.org/

SVG Tools

http://picsvg.com/

Name Generator

http://businessnameapp.com/
https://shrinkray.io/

SEO

https://developers.google.com/web/fundamentals/principles/
https://developers.google.com/speed/pagespeed/insights/
https://developers.google.com/speed/webp/
https://developers.google.com/closure/
https://www.google.com/webmasters/tools/mobile-friendly/
http://validator.w3.org/
http://webcodetools.com/
http://perf-tooling.today/tools
https://github.com/davidsonfellipe/awesome-wpo
http://www.google.com/analytics/
https://www.google.com/webmasters
http://www.google.com/trends/
http://browserdiet.com/en/
http://webdesign.tutsplus.com/series/seo-fundamentals-for-web-designers--webdesign-9715
https://segment.com/academy/the-quickest-wins-in-seo/
http://moz.com/
https://marketing.grader.com
http://nibbler.silktide.com/
http://www.sitespeed.io/
http://builtwith.com/
http://inpage-seo-checker.eventsofa.de/
http://toolbox.seerinteractive.com/

Performance

http://www.perf.rocks/
http://yellowlab.tools/
http://www.wpspeedster.com/
https://github.com/davidsonfellipe/awesome-wpo
https://cdnify.com/discover/web-performance-guide

WordPress

http://wptavern.com/wordpress-org-vs-github-for-hosting-wordpress-plugins-and-themes
https://wordpress.org/plugins/zero-spam/
https://github.com/afragen/github-updater
http://www.wpexplorer.com/wordpress-seo-best-practices/
https://deliciousbrains.com/tour-wordpress-database/
http://pinegrow.com/wordpress-theme-builder.html
https://www.layerthemes.com/wordpress-developer-resources/
http://premium.wpmudev.org/blog/customize-login-page/?nlv=d&utm_expid=3606929-35.im_xHH3rTkmdlc6O7wpMUQ.3
http://filipstefansson.com/bootstrap-3-shortcodes/
https://github.com/filipstefansson/bootstrap-3-shortcodes
http://gantry.org/
http://generatewp.com/
https://ghost.org/
https://gplclub.org/
http://wptest.io/
https://github.com/jonathanrcarter/push2press
http://getherbert.com/
https://wppusher.com/
http://wpplugindirectory.org/
http://tidyrepo.com/
http://code.tutsplus.com/tutorials/build-a-custom-wordpress-user-flow-part-1-replace-the-login-page--cms-23627

Prototyping Tools

http://prototypingtools.co/
http://sneakpeekit.com/

Mockups

https://www.mockuuups.com/freebies/
https://github.com/fabrik42/responsive_mockups

Testing

https://github.com/facebookarchive/huxley
http://webuild.envato.com/blog/techniques-for-mobile-and-responsive-cross-browser-testing/
http://csste.st/
http://www.phase2technology.com/blog/css-testing-with-phantomcss-phantomjs-casperjs-and-grunt/
http://phantomjs.org/
http://angular.github.io/protractor/#/
http://yahoo.github.io/blink-diff/
http://uitest.com/en/analysis/
https://percy.io/
http://locust.io/

Email

http://www.smashingmagazine.com/2013/06/20/email-templates-web-designers-developers-pdf-odt-txt/
https://litmus.com/scope/
http://www.leemunroe.com/sending-email-designers-developers/
http://glennsmith.me/email/framework/
http://seesparkbox.com/foundry/email_lab_a_starter_kit_for_html_emails
https://github.com/sparkbox/email-lab
http://emailframe.work/
http://greatemailcopy.tumblr.com/
https://beefree.io/index.html
http://zurb.com/ink/

Fonts and icons

http://fortawesome.github.io/Font-Awesome/
http://pfefferle.github.io/openwebicons/
http://fontello.com/
http://iconvau.lt/
http://fontastic.me/
http://fontcustom.com/
http://mapglyphs.com/
http://glyphsearch.com/
http://paymentfont.io/
http://evil-icons.io/
http://weloveiconfonts.com/
http://gemicon.net/
http://www.transformicons.com/
http://svgicons.sparkk.fr/
https://smarticons.co/icons
https://www.google.com/design/icons/

Font tools

http://jaicab.com/localFont/

Icon tools

https://medium.com/@webalys/die-png-die-how-to-use-vector-icons-in-your-apps-d884c9c63e93
http://iconogen.com/
https://epicfavicongenerator.com/
http://simplesharingbuttons.com/
http://realfavicongenerator.net/
http://blog.clearbit.com/

Colors

http://flatuicolors.com/
http://subtlepatterns.com/
http://www.checkman.io/please/

Free Media to use on your site

Free Photos

http://cupcake.nilssonlee.se/
http://deathtothestockphoto.com/
http://fancycrave.com/
http://finda.photo/
http://foodiesfeed.com/free-images/
http://freelyphotos.com/
http://freenaturestock.com/
http://furiouscamera.com/
http://getrefe.tumblr.com/
http://www.gratisography.com/
http://images.superfamous.com/
http://imcreator.com/free
http://isorepublic.com/
http://jaymantri.com/
http://jeshoots.com/
http://www.lifeofpix.com/
http://littlevisuals.co/
http://lockandstockphotos.com/
http://magdeleine.co/
http://mmt.li/
http://nos.twnsnd.co/
http://noblweb.com/
http://photopin.com/
http://picjumbo.com/
http://picography.co/
http://pixabay.com/
http://publicdomainarchive.com/
http://raumrot.com/
http://realisticshots.com/
http://splitshire.com/
http://snapwiresnaps.tumblr.com/
http://startupstockphotos.com/
https://stocksnap.io/
http://superfamous.com/
http://thestocks.im/
http://trunklog.com/
https://unsplash.com/
http://www.sitebuilderreport.com/stock-up

Free Videos

http://makerbook.net/
https://videos.pexels.com/
http://www.coverr.co/

Free Music

http://www.noupe.com/essentials/thou-shalt-not-steal-free-music-for-your-videos-and-websites-79992.html

js

http://vincentgarreau.com/particles.js/
http://arasatasaygin.github.io/is.js/
http://sbstjn.github.io/timesheet.js/
https://angular.io/
http://riccardoscalco.github.io/textures/
http://jointjs.com/
https://mango.github.io/slideout/
http://rubaxa.github.io/Sortable/
http://bevacqua.github.io/dragula/
https://autocompeter.com/
http://www.jsgraphs.com/
https://conversejs.org/
https://highlightjs.org/
http://superherojs.com/
http://datatables.net/
http://usablica.github.io/intro.js/
http://heelhook.github.io/chardin.js/
http://facebook.github.io/react/

Angular

https://github.com/johnpapa/angular-styleguide
http://angular-formly.com/#/

css

http://simurai.com/blog/2014/10/01/front-links/
http://sixrevisions.com/lists/css-tools-you-should-be-using/
https://github.com/bendc/frontend-guidelines
http://bensmithett.com/smarter-css-builds-with-webpack/
http://cssanimation.rocks/
https://medium.com/@operatino/living-style-guide-tools-in-depth-overview-28cfffb92d05
http://www.basscss.com/
http://styleguides.io/
http://codeguide.co/
http://wtfhtmlcss.com/
http://primercss.io/
https://github.com/katiefenn/parker
https://github.com/springload/css-reporter
http://connoratherton.com/loaders
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference
http://www.cssreflex.com/
http://cssguidelin.es/

https://web-design-weekly.com/2015/07/21/creating-better-css/

grid

https://scotch.io/tutorials/a-visual-guide-to-css3-flexbox-properties
https://philipwalton.github.io/solved-by-flexbox/

svg

https://svgontheweb.com/
http://billautomata.github.io/svg2d3/
http://svgporn.com/?ref=producthunt

html

https://samdutton.wordpress.com/2015/04/02/high-performance-html/

Unix

http://www.oliverelliott.org/article/computing/tut_unix

Workflow

http://yeoman.io/
http://angular-ui.github.io/bootstrap/
https://angular.io/
http://capistranorb.com/
https://roots.io/
http://rmurphey.com/blog/2015/03/23/a-baseline-for-front-end-developers-2015/

Data Science

http://datasciencespecialization.github.io/
http://cs109.github.io/2014/
https://leanpub.com/datastyle/
https://leanpub.com/LittleInferenceBook
http://johnmacfarlane.net/pandoc/
https://github.com/nathanepstein/datakit
http://rayli.net/blog/data/top-10-data-mining-algorithms-in-plain-english/
https://github.com/rushter/data-science-blogs

R

http://rmarkdown.rstudio.com/
http://yihui.name/knitr/demo/showcase/
https://www.sharelatex.com/learn/Knitr
http://rmaps.github.io/
http://sztanko.github.io/crosslet/
http://shiny.rstudio.com/
http://reganmian.net/blog/2014/10/14/starting-data-analysiswrangling-with-r-things-i-wish-id-been-told/
http://adv-r.had.co.nz/
https://beckmw.wordpress.com/tag/neural-network/
http://www.renjin.org/
https://www.opencpu.org/
http://rapache.net/
http://rpy.sourceforge.net/rpy2.html
http://rcharts.io/
https://yhathq.com/

Pakages

• devtools
  
• caret
  
• ggplot2
  
• plyr
  
• manipulate
  

Database

https://github.com/emirozer/fake2db

Version Control

http://keepachangelog.com/
http://www.git-tower.com/learn
http://41j.com/blog/2015/02/common-git-screwupsquestions-solutions/
http://hubpress.io/
http://gogs.io/
http://www.apertoire.net/gogs-an-alternative-to-gitlab/
http://ricardofilipe.com/projects/firstaidgit/#/
https://sandstorm.io/
http://christoph-rumpel.com/2015/05/clean-up-your-commits-for-a-pull-request/
http://akshaykumar6.github.io/github-js/#examples
http://gitup.co/
https://github.com/blog/2019-how-to-undo-almost-anything-with-git

Learning

http://www.noupe.com/development/learn-something-new-20-top-online-learning-resources-76140.html
https://www.khanacademy.org/
http://www.codecademy.com/
http://www.learnpython.org/
http://sqlzoo.net/wiki/Main_Page
https://www.udacity.com/
https://www.coursera.org/
https://www.edx.org/
http://www.git-tower.com/learn/
https://github.com/thomaspark/pubcss/
https://www.udacity.com/course/ud882
https://www.khanacademy.org/computing/computer-science/algorithms
http://ocw.mit.edu/courses/find-by-topic/
https://www.openintro.org/
http://plato.stanford.edu/entries/game-theory/
http://papl.cs.brown.edu/2014/
https://www.mysliderule.com/workshops/ux-design
http://hackr.io/
https://www.layerthemes.com/learn-wordpress-basics/

Specific

http://www.codecademy.com/learn/learn-angularjs
https://www.google.com/about/careers/students/guide-to-technical-development.html
https://www.udacity.com/course/responsive-images--ud882
https://www.edx.org/course/learn-html5-w3c-w3cx-html5-1x
https://www.shortcutfoo.com/
http://cs-blog.khanacademy.org/2015/05/just-released-full-introductory-sql.html

Books

http://hackershelf.com/browse/?popular=1

Unsorted

http://sourceforge.net/
https://www.kickstarter.com/
https://www.virtkick.com/
http://maxwellito.github.io/vivus/
http://resume.linkedinlabs.com/
https://www.docker.com

Dev

Python

http://automatetheboringstuff.com/

http://maxberggren.github.io/2015/08/04/basemap
https://github.com/robdmc/pandashells
http://pythonwheels.com/

Php

http://www.phpdoc.org/
https://phalconphp.com/en/

Startups

http://submit.co/

Projects

SUnORE

http://confagenda.audero.it/ http://www.tablesgenerator.com/
http://gofore.com/ohjelmistokehitys/stop-using-bower/
http://cleanthesis.der-ric.de/

Personal Intrests

http://karpathy.github.io/neuralnets/
https://aws.amazon.com/blogs/aws/amazon-machine-learning-make-data-driven-decisions-at-scale/
http://pandoc.org/
http://code4sa.org/
https://github.com/CodeForAfrica
https://angularjs.org/
https://formden.com/form-builder/
http://googleresearch.blogspot.com/2015/06/inceptionism-going-deeper-into-neural.html

http://www.pubnub.com/developers/eon/