These are the steps I take to set up a new install of OSX Mountain Lion for web development.
Run my fork of Mathias Bynens' legendary script:
| #!/usr/bin/env sh | |
| ## | |
| # This is script with usefull tips taken from: | |
| # https://github.com/mathiasbynens/dotfiles/blob/master/.osx | |
| # | |
| # install it: | |
| # curl -sL https://raw.github.com/gist/2279031/hack.sh | sh | |
| # | 
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>404 Page · CodePen</title> | |
| <style> | 
| /** | |
| * Mobile first button abstraction | |
| */ | |
| .btn { | |
| display: block; | |
| text-align: center; | |
| text-decoration: none; | |
| padding: 1em 0; | |
| box-sizing: border-box; | 
| /** | |
| * Cash icon (c) Tunghsiao Liu | |
| */ | |
| .store { | |
| margin: 0 0 1.1em; | |
| line-height: 1.6; | |
| font-size: 28px; | |
| font-family: 'Helvetica Neue', sans-serif; | |
| # a script following this guide: | |
| # http://coolestguyplanettech.com/downtown/install-and-configure-apache-mysql-php-and-phpmyadmin-osx-108-mountain-lion | |
| # for enabling apache on OS X Mountain Lion | |
| # --- | |
| #start up apache | |
| sudo apachectl start | |
| # create ~/Sites | 
These are the steps I take to set up a new install of OSX Mountain Lion for web development.
Run my fork of Mathias Bynens' legendary script:
| body { | |
| font-size: 14px; | |
| line-height: 1.6; | |
| background-color: white; | |
| font: 13.34px helvetica,arial,freesans,clean,sans-serif; | |
| *font-size: small; | |
| color: black; | |
| } | |
| table { | 
| /* Better styles for embedding GitHub Gists */ | |
| .gist{font-size:13px;line-height:18px;margin-bottom:20px;width:100%} | |
| .gist pre{font-family:Menlo,Monaco,'Bitstream Vera Sans Mono','Courier New',monospace !important} | |
| .gist-meta{font-family:Helvetica,Arial,sans-serif;font-size:13px !important} | |
| .gist-meta a{color:#26a !important;text-decoration:none} | |
| .gist-meta a:hover{color:#0e4071 !important} | 
| <!-- via CSS Tricks | |
| http://css-tricks.com/snippets/html/html5-article-structure-with-hnews/ | |
| --> | |
| <article class="hentry"> | |
| <header> | |
| <h1 class="entry-title">But Will It Make You Happy?</h1> | |
| <time class="updated" datetime="2010-08-07 11:11:03-0400" pubdate>08-07-2010</time> | |
| <p class="byline author vcard"> | |
| By <span class="fn">Stephanie Rosenbloom</span> |