[{"data":1,"prerenderedAt":566},["ShallowReactive",2],{"\u002Farticles\u002Ftools-of-the-trade":3},{"id":4,"title":5,"body":6,"createdAt":558,"description":12,"extension":559,"meta":560,"navigation":378,"path":561,"rawbody":562,"seo":563,"stem":564,"__hash__":565},"articles\u002Farticles\u002Ftools-of-the-trade.md","Tools of the Trade",{"type":7,"value":8,"toc":552},"minimark",[9,13,18,21,99,106,111,114,118,164,243,246,285,454,458,461,540,545,548],[10,11,12],"p",{},"I’ve recently reevaluated the tools and services I use to accomplish the different tasks I’m faced with on a daily basis. I thought it might be helpful to some if I listed everything I use, in both apps, configurations and web services. Let’s get started.",[14,15,17],"h2",{"id":16},"apps","Apps",[10,19,20],{},"As part of my reevaluation, a few of my daily apps have changed or become more heavily used:",[22,23,24,39,50,61,77,88],"ul",{},[25,26,27,34,35],"li",{},[28,29,33],"a",{"href":30,"rel":31},"http:\u002F\u002Fsublimetext.com\u002F2",[32],"nofollow","Sublime Text 2"," – The newest addition, I am amazed as the configuration and add-ons available. It took me a while to get on board with the initial setup, but I’m loving this app and it really is speeding up my work rate. ",[36,37,38],"em",{},"$59",[25,40,41,46,47],{},[28,42,45],{"href":43,"rel":44},"http:\u002F\u002Fen.wikipedia.org\u002Fwiki\u002FTerminal_(OS_X)",[32],"Terminal"," – I’m spending more and more of my time in the command line because it’s simply faster moving around my files and folders and actively versioning my assets. ",[36,48,49],{},"Free",[25,51,52,57,58],{},[28,53,56],{"href":54,"rel":55},"http:\u002F\u002Fwww.adobe.com\u002Fproducts\u002Fphotoshop.html",[32],"Photoshop CS6"," – Who doesn’t, right? ",[36,59,60],{},"$699",[25,62,63,68,69,74,75],{},[28,64,67],{"href":65,"rel":66},"http:\u002F\u002Fgoogle.com\u002Fchrome",[32],"Google Chrome"," – The Web Inspector is constantly improving and in my opinion is ",[28,70,73],{"href":71,"rel":72},"http:\u002F\u002Fwww.youtube.com\u002Fwatch?v=rf1GSjo4zSY",[32],"streets ahead"," of Safari or Firefox. ",[36,76,49],{},[25,78,79,84,85],{},[28,80,83],{"href":81,"rel":82},"http:\u002F\u002Fpanic.com\u002Ftransmit",[32],"Transmit"," – When I need to access a server via FTP, this is my choice. Always been the best. ",[36,86,87],{},"$34",[25,89,90,95,96],{},[28,91,94],{"href":92,"rel":93},"http:\u002F\u002Fincident57.com\u002Fcodekit",[32],"CodeKit"," – A nice app that does all sorts of things: compiling, image optimizing and browser reloads to name a few. ",[36,97,98],{},"$25",[10,100,101,105],{},[102,103,104],"strong",{},"Cost: $817"," (though CS6 cost me less since I work in higher education)",[107,108,110],"h3",{"id":109},"configurations","Configurations",[10,112,113],{},"As I’m sure everyone does, I’m very particular on how my apps are setup, not only for better work production, but a more enjoyable experience while working.",[115,116,33],"h4",{"id":117},"sublime-text-2",[22,119,120,127,134,141,148,155,161],{},[25,121,122],{},[28,123,126],{"href":124,"rel":125},"http:\u002F\u002Fwbond.net\u002Fsublime_packages\u002Fpackage_control",[32],"Package Control",[25,128,129],{},[28,130,133],{"href":131,"rel":132},"https:\u002F\u002Fgithub.com\u002Fbuymeasoda\u002Fsoda-theme",[32],"Soda Theme – Dark",[25,135,136],{},[28,137,140],{"href":138,"rel":139},"https:\u002F\u002Fgithub.com\u002Fchriskempson\u002Ftomorrow-theme",[32],"Tomorrow Color Scheme – Eighties",[25,142,143],{},[28,144,147],{"href":145,"rel":146},"https:\u002F\u002Fgithub.com\u002FSublimeText\u002FTag",[32],"Tag",[25,149,150],{},[28,151,154],{"href":152,"rel":153},"https:\u002F\u002Fgithub.com\u002Fdmatarazzo\u002FSublime-Text-2-Icon",[32],"A New Icon",[25,156,157],{},[28,158,45],{"href":159,"rel":160},"http:\u002F\u002Fwbond.net\u002Fsublime_packages\u002Fterminal",[32],[25,162,163],{},"My Settings – Admittely I haven’t customized it much since I’m still exploring all of the features:",[165,166,171],"pre",{"className":167,"code":168,"language":169,"meta":170,"style":170},"language-json shiki shiki-themes github-light github-dark","{\n    \"color_scheme\": \"Packages\u002FTomorrow Color Schemes\u002FTomorrow-Night-Eighties.tmTheme\",\n    \"theme\": \"Soda Dark.sublime-theme\",\n    \"draw_indent_guides\": false,\n    \"open_files_in_new_window\": false\n}\n","json","",[172,173,174,183,200,213,226,237],"code",{"__ignoreMap":170},[175,176,179],"span",{"class":177,"line":178},"line",1,[175,180,182],{"class":181},"sVt8B","{\n",[175,184,186,190,193,197],{"class":177,"line":185},2,[175,187,189],{"class":188},"sj4cs","    \"color_scheme\"",[175,191,192],{"class":181},": ",[175,194,196],{"class":195},"sZZnC","\"Packages\u002FTomorrow Color Schemes\u002FTomorrow-Night-Eighties.tmTheme\"",[175,198,199],{"class":181},",\n",[175,201,203,206,208,211],{"class":177,"line":202},3,[175,204,205],{"class":188},"    \"theme\"",[175,207,192],{"class":181},[175,209,210],{"class":195},"\"Soda Dark.sublime-theme\"",[175,212,199],{"class":181},[175,214,216,219,221,224],{"class":177,"line":215},4,[175,217,218],{"class":188},"    \"draw_indent_guides\"",[175,220,192],{"class":181},[175,222,223],{"class":188},"false",[175,225,199],{"class":181},[175,227,229,232,234],{"class":177,"line":228},5,[175,230,231],{"class":188},"    \"open_files_in_new_window\"",[175,233,192],{"class":181},[175,235,236],{"class":188},"false\n",[175,238,240],{"class":177,"line":239},6,[175,241,242],{"class":181},"}\n",[115,244,45],{"id":245},"terminal",[22,247,248,255,261,268,275,282],{},[25,249,250],{},[28,251,254],{"href":252,"rel":253},"https:\u002F\u002Fgithub.com\u002Frobbyrussell\u002Foh-my-zsh",[32],"Oh My Zsh",[25,256,257],{},[28,258,260],{"href":138,"rel":259},[32],"Tomorrow Theme",[25,262,263],{},[28,264,267],{"href":265,"rel":266},"http:\u002F\u002Fmxcl.github.com\u002Fhomebrew",[32],"Homebrew",[25,269,270],{},[28,271,274],{"href":272,"rel":273},"http:\u002F\u002Fgit-scm.com",[32],"Git",[25,276,277],{},[28,278,281],{"href":279,"rel":280},"https:\u002F\u002Frvm.io",[32],"RVM",[25,283,284],{},"My Zsh Theme:",[165,286,290],{"className":287,"code":288,"language":289,"meta":170,"style":170},"language-bash shiki shiki-themes github-light github-dark","function git_prompt_info() {\n  ref=$(git symbolic-ref HEAD 2> \u002Fdev\u002Fnull) || return\n  echo \"$(parse_git_dirty)$ZSH_THEME_GIT_PROMPT_PREFIX$(current_branch)$ZSH_THEME_GIT_PROMPT_SUFFIX\"\n}\n\nPROMPT='$fg[magenta]⌘ $fg[blue]${PWD\u002F#$HOME\u002F~} $(git_prompt_info)'\n\nZSH_THEME_GIT_PROMPT_PREFIX=\"[git:\"\nZSH_THEME_GIT_PROMPT_SUFFIX=\"] $reset_color\"\nZSH_THEME_GIT_PROMPT_DIRTY=\"$fg[red]+\"\nZSH_THEME_GIT_PROMPT_CLEAN=\"$fg[green]\"\n","bash",[172,291,292,305,340,370,374,380,390,395,406,422,439],{"__ignoreMap":170},[175,293,294,298,302],{"class":177,"line":178},[175,295,297],{"class":296},"szBVR","function",[175,299,301],{"class":300},"sScJk"," git_prompt_info",[175,303,304],{"class":181},"() {\n",[175,306,307,310,313,316,319,322,325,328,331,334,337],{"class":177,"line":185},[175,308,309],{"class":181},"  ref",[175,311,312],{"class":296},"=",[175,314,315],{"class":181},"$(",[175,317,318],{"class":300},"git",[175,320,321],{"class":195}," symbolic-ref",[175,323,324],{"class":195}," HEAD",[175,326,327],{"class":296}," 2>",[175,329,330],{"class":195}," \u002Fdev\u002Fnull",[175,332,333],{"class":181},") ",[175,335,336],{"class":296},"||",[175,338,339],{"class":296}," return\n",[175,341,342,345,348,351,354,357,359,362,364,367],{"class":177,"line":202},[175,343,344],{"class":188},"  echo",[175,346,347],{"class":195}," \"$(",[175,349,350],{"class":300},"parse_git_dirty",[175,352,353],{"class":195},")",[175,355,356],{"class":181},"$ZSH_THEME_GIT_PROMPT_PREFIX",[175,358,315],{"class":195},[175,360,361],{"class":300},"current_branch",[175,363,353],{"class":195},[175,365,366],{"class":181},"$ZSH_THEME_GIT_PROMPT_SUFFIX",[175,368,369],{"class":195},"\"\n",[175,371,372],{"class":177,"line":215},[175,373,242],{"class":181},[175,375,376],{"class":177,"line":228},[175,377,379],{"emptyLinePlaceholder":378},true,"\n",[175,381,382,385,387],{"class":177,"line":239},[175,383,384],{"class":181},"PROMPT",[175,386,312],{"class":296},[175,388,389],{"class":195},"'$fg[magenta]⌘ $fg[blue]${PWD\u002F#$HOME\u002F~} $(git_prompt_info)'\n",[175,391,393],{"class":177,"line":392},7,[175,394,379],{"emptyLinePlaceholder":378},[175,396,398,401,403],{"class":177,"line":397},8,[175,399,400],{"class":181},"ZSH_THEME_GIT_PROMPT_PREFIX",[175,402,312],{"class":296},[175,404,405],{"class":195},"\"[git:\"\n",[175,407,409,412,414,417,420],{"class":177,"line":408},9,[175,410,411],{"class":181},"ZSH_THEME_GIT_PROMPT_SUFFIX",[175,413,312],{"class":296},[175,415,416],{"class":195},"\"] ",[175,418,419],{"class":181},"$reset_color",[175,421,369],{"class":195},[175,423,425,428,430,433,436],{"class":177,"line":424},10,[175,426,427],{"class":181},"ZSH_THEME_GIT_PROMPT_DIRTY",[175,429,312],{"class":296},[175,431,432],{"class":195},"\"",[175,434,435],{"class":181},"$fg",[175,437,438],{"class":195},"[red]+\"\n",[175,440,442,445,447,449,451],{"class":177,"line":441},11,[175,443,444],{"class":181},"ZSH_THEME_GIT_PROMPT_CLEAN",[175,446,312],{"class":296},[175,448,432],{"class":195},[175,450,435],{"class":181},[175,452,453],{"class":195},"[green]\"\n",[14,455,457],{"id":456},"web-services","Web Services",[10,459,460],{},"I use a handful of web services in my daily workflow, some free and some paid:",[22,462,463,474,491,502,513,524],{},[25,464,465,470,471],{},[28,466,469],{"href":467,"rel":468},"http:\u002F\u002Fwebfaction.com\u002F?affiliate=kenton",[32],"WebFaction"," – My hosting provider of choice. My clients and my own personal projects usually don’t garner large amounts of traffic so a shared hosting environment isn’t a big deal. WebFaction allows you to host any type of site, platform or application under one account, which is really nice. As example, in one site you could run a Rails app, WordPress and a third Django app all under domain, with very simple configuration. ",[36,472,473],{},"Starts at $9.50\u002Fm",[25,475,476,481,482,487,488],{},[28,477,480],{"href":478,"rel":479},"http:\u002F\u002Ftypekit.com",[32],"Typekit"," – If necessary and the desired font is available, I use Typekit to serve my fonts. This site is currently serving ",[28,483,486],{"href":484,"rel":485},"https:\u002F\u002Ftypekit.com\u002Fcolophons\u002Fshr3foc",[32],"a few fonts",". ",[36,489,490],{},"Starts free with limitations",[25,492,493,498,499],{},[28,494,497],{"href":495,"rel":496},"http:\u002F\u002Fdb.tt\u002FjxnyrKO",[32],"Dropbox"," – I’m not sure I know anyone that doesn’t use Dropbox, but it’s vital for my daily work with clients all over the map. ",[36,500,501],{},"Starts free",[25,503,504,509,510],{},[28,505,508],{"href":506,"rel":507},"http:\u002F\u002Fbitbucket.org",[32],"Bitbucket"," – Yes, I know the cool kids use GitHub, and while I’m on there as well, Bitbucket hosts all of my private Git repos without cost and some public as well. ",[36,511,512],{},"Free for 5 users",[25,514,515,520,521],{},[28,516,519],{"href":517,"rel":518},"http:\u002F\u002Fbrowserstack.com",[32],"BrowserStack"," – Gone are the days of multiple VMs on Parallels, Sign in and test in any browser you want. ",[36,522,523],{},"Starts at $19\u002Fm",[25,525,526,531,532,537,538],{},[28,527,530],{"href":528,"rel":529},"http:\u002F\u002Fgetballparkapp.com",[32],"Ballpark"," – I’m not a huge fan of the business side of life, but Ballpark makes it easy to track time, invoice clients and get paid. They just relaunched a completely new version not long ago and have even integrated ",[28,533,536],{"href":534,"rel":535},"http:\u002F\u002Fstripe.com",[32],"Stripe"," for online payments. ",[36,539,501],{},[10,541,542],{},[102,543,544],{},"Cost per month: $39.16",[10,546,547],{},"So these are the apps and services I used on a daily basis to create websites. I like to reevaulate from time to time because a tool or service is only good if it’s making you work in a way where you produce better work. I’m excited to dive deeper into Sublime Text 2 and really tune it to be the workhorse that I’ve heard about.",[549,550,551],"style",{},"html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}",{"title":170,"searchDepth":185,"depth":185,"links":553},[554,557],{"id":16,"depth":185,"text":17,"children":555},[556],{"id":109,"depth":202,"text":110},{"id":456,"depth":185,"text":457},"2012\u002F10\u002F24","md",{},"\u002Farticles\u002Ftools-of-the-trade","---\ntitle: Tools of the Trade\ncreatedAt: 2012\u002F10\u002F24\n---\nI’ve recently reevaluated the tools and services I use to accomplish the different tasks I’m faced with on a daily basis. I thought it might be helpful to some if I listed everything I use, in both apps, configurations and web services. Let’s get started.\n\n## Apps\nAs part of my reevaluation, a few of my daily apps have changed or become more heavily used:\n\n- [Sublime Text 2](http:\u002F\u002Fsublimetext.com\u002F2) – The newest addition, I am amazed as the configuration and add-ons available. It took me a while to get on board with the initial setup, but I’m loving this app and it really is speeding up my work rate. _$59_\n- [Terminal](http:\u002F\u002Fen.wikipedia.org\u002Fwiki\u002FTerminal_(OS_X)) – I’m spending more and more of my time in the command line because it’s simply faster moving around my files and folders and actively versioning my assets. _Free_\n- [Photoshop CS6](http:\u002F\u002Fwww.adobe.com\u002Fproducts\u002Fphotoshop.html) – Who doesn’t, right? _$699_\n- [Google Chrome](http:\u002F\u002Fgoogle.com\u002Fchrome) – The Web Inspector is constantly improving and in my opinion is [streets ahead](http:\u002F\u002Fwww.youtube.com\u002Fwatch?v=rf1GSjo4zSY) of Safari or Firefox. _Free_\n- [Transmit](http:\u002F\u002Fpanic.com\u002Ftransmit) – When I need to access a server via FTP, this is my choice. Always been the best. _$34_\n- [CodeKit](http:\u002F\u002Fincident57.com\u002Fcodekit) – A nice app that does all sorts of things: compiling, image optimizing and browser reloads to name a few. _$25_\n\n**Cost: $817** (though CS6 cost me less since I work in higher education)\n\n### Configurations\nAs I’m sure everyone does, I’m very particular on how my apps are setup, not only for better work production, but a more enjoyable experience while working.\n\n#### Sublime Text 2\n- [Package Control](http:\u002F\u002Fwbond.net\u002Fsublime_packages\u002Fpackage_control)\n- [Soda Theme – Dark](https:\u002F\u002Fgithub.com\u002Fbuymeasoda\u002Fsoda-theme)\n- [Tomorrow Color Scheme – Eighties](https:\u002F\u002Fgithub.com\u002Fchriskempson\u002Ftomorrow-theme)\n- [Tag](https:\u002F\u002Fgithub.com\u002FSublimeText\u002FTag)\n- [A New Icon](https:\u002F\u002Fgithub.com\u002Fdmatarazzo\u002FSublime-Text-2-Icon)\n- [Terminal](http:\u002F\u002Fwbond.net\u002Fsublime_packages\u002Fterminal)\n- My Settings – Admittely I haven’t customized it much since I’m still exploring all of the features:\n\n```json\n{\n\t\"color_scheme\": \"Packages\u002FTomorrow Color Schemes\u002FTomorrow-Night-Eighties.tmTheme\",\n\t\"theme\": \"Soda Dark.sublime-theme\",\n\t\"draw_indent_guides\": false,\n\t\"open_files_in_new_window\": false\n}\n```\n\n#### Terminal\n- [Oh My Zsh](https:\u002F\u002Fgithub.com\u002Frobbyrussell\u002Foh-my-zsh)\n- [Tomorrow Theme](https:\u002F\u002Fgithub.com\u002Fchriskempson\u002Ftomorrow-theme)\n- [Homebrew](http:\u002F\u002Fmxcl.github.com\u002Fhomebrew)\n- [Git](http:\u002F\u002Fgit-scm.com)\n- [RVM](https:\u002F\u002Frvm.io)\n- My Zsh Theme:\n\n```bash\nfunction git_prompt_info() {\n  ref=$(git symbolic-ref HEAD 2> \u002Fdev\u002Fnull) || return\n  echo \"$(parse_git_dirty)$ZSH_THEME_GIT_PROMPT_PREFIX$(current_branch)$ZSH_THEME_GIT_PROMPT_SUFFIX\"\n}\n\nPROMPT='$fg[magenta]⌘ $fg[blue]${PWD\u002F#$HOME\u002F~} $(git_prompt_info)'\n\nZSH_THEME_GIT_PROMPT_PREFIX=\"[git:\"\nZSH_THEME_GIT_PROMPT_SUFFIX=\"] $reset_color\"\nZSH_THEME_GIT_PROMPT_DIRTY=\"$fg[red]+\"\nZSH_THEME_GIT_PROMPT_CLEAN=\"$fg[green]\"\n```\n\n## Web Services\nI use a handful of web services in my daily workflow, some free and some paid:\n\n- [WebFaction](http:\u002F\u002Fwebfaction.com\u002F?affiliate=kenton) – My hosting provider of choice. My clients and my own personal projects usually don’t garner large amounts of traffic so a shared hosting environment isn’t a big deal. WebFaction allows you to host any type of site, platform or application under one account, which is really nice. As example, in one site you could run a Rails app, WordPress and a third Django app all under domain, with very simple configuration. _Starts at $9.50\u002Fm_\n- [Typekit](http:\u002F\u002Ftypekit.com) – If necessary and the desired font is available, I use Typekit to serve my fonts. This site is currently serving [a few fonts](https:\u002F\u002Ftypekit.com\u002Fcolophons\u002Fshr3foc). _Starts free with limitations_\n- [Dropbox](http:\u002F\u002Fdb.tt\u002FjxnyrKO) – I’m not sure I know anyone that doesn’t use Dropbox, but it’s vital for my daily work with clients all over the map. _Starts free_\n- [Bitbucket](http:\u002F\u002Fbitbucket.org) – Yes, I know the cool kids use GitHub, and while I’m on there as well, Bitbucket hosts all of my private Git repos without cost and some public as well. _Free for 5 users_\n- [BrowserStack](http:\u002F\u002Fbrowserstack.com) – Gone are the days of multiple VMs on Parallels, Sign in and test in any browser you want. _Starts at $19\u002Fm_\n- [Ballpark](http:\u002F\u002Fgetballparkapp.com) – I’m not a huge fan of the business side of life, but Ballpark makes it easy to track time, invoice clients and get paid. They just relaunched a completely new version not long ago and have even integrated [Stripe](http:\u002F\u002Fstripe.com) for online payments. _Starts free_\n\n**Cost per month: $39.16**\n\nSo these are the apps and services I used on a daily basis to create websites. I like to reevaulate from time to time because a tool or service is only good if it’s making you work in a way where you produce better work. I’m excited to dive deeper into Sublime Text 2 and really tune it to be the workhorse that I’ve heard about.\n",{"title":5,"description":12},"articles\u002Ftools-of-the-trade","v4qSbCXK4M-xi7M4a6xQ3uCNSbxuajWJowkJRsghpNQ",1793136840017]