Building up Your development Toolbox
Hello!
I'm Brent Swisher
I make websites and things
@brentswisher
Grand Valley
State University
Just over 25,000 Students
www.gvsu.edu/quickfacts
GV Web Team
Centralized Team
Institutional Marketing
www.gvsu.edu/webteam
Story Time
It's 2014
My house is sinking
I need a beam
Which means I need a plumber
So I meet Bill
Bill teaches me about web development??
“...afraid
it would
cheapen the trade.”
Craftsmanship
It's this
Evaluating Tools
Too many options
How do you decide?
- How does it make my life better?
- How does it make my life worse?
- Which matters more?
Why is this important?
A tale of three developers
- The jQuery Kid
- If it isn't broke...
- I don't have time...
My Favorite Tools
Sublime Text
It's FAST
Multiple Cursors
Find Anything
Other Fun Things
Favorite Packages
- Bracket Highligher
- Better Completions
- Sidebar Enhancements
- SublimeLinter
iTerm 2
Other Fun Things
- Multiple Profiles
- Paste History
- Integrated 'ps' window
- Better Color Choices
Grunt
Slack
Accessibility
Filters screen to imitate color blindness
- Deuteranopia
- Protanopia
- Tritanopia
Design
https://chrome.google.com/webstore/detail/eye-dropper/hmdcmlfkchdmnmnmheododdhjedfccka?hl=en
Paid
https://chrome.google.com/webstore/detail/whatfont/jabopobgcpjmedljpbcaablpmlmfcogm?hl=en
https://chrome.google.com/webstore/detail/dimensions/baocaagndhipibgklemoalmkljaimfdj?hl=en
https://chrome.google.com/webstore/detail/measureit/pokhcahijjfkdccinalifdifljglhclm?hl=en
- Chrome Extension
-
Right click to view image
- Size
- Displayed & Actual Dimensions
- Path
https://chrome.google.com/webstore/detail/image-size-info/oihdhfbfoagfkpcncinlbhfdgpegcigf?hl=en
https://chrome.google.com/webstore/detail/osx-resizer/aopgpanbkndckicpnnnaeiebllepdldc?hl=en
Productivity
Pass the time in the url
- e.ggtimer.com/4minutes
- e.ggtimer.com/1hour
Useful for the Pomodora Technique
Performance Tools
Misc.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Gifs for everything!!
The Command Line
[alias]
hist = git log --pretty=format:\"%ad - %an | %s%d \" --graph --date=relative
Git command line alias to semi-graphically show git history.
(Set in ~/.gitconfig)
[alias]
files = !sh -c 'clear && git log --oneline --stat -n ${1:-5}' -
Git command line alias to show recently changed files.
(Set in ~/.gitconfig)
alias ls='ls -GFh'
Add color and make file size human readable
alias filesize='du -sm ./* | sort -nr'
Display a list of the files in a folder sorted by file size
source /usr/local/git/contrib/completion/git-prompt.sh
source /usr/local/git/contrib/completion/git-completion.bash
GIT_PS1_SHOWDIRTYSTATE=true
export PS1='[\[\e[0;31m\]\h\[\e[m\] \W\[\e[0;30m\]$(__git_ps1)\[\e[m\]]\$ '
Display the host, the current directory, the git branch, and the git change state
Git Prompt
Git Complete
[color]
ui = true
[color]
branch = auto
diff = auto
status = auto
[color "branch"]
current = yellow reverse
local = yellow
remote = green
[color "diff"]
meta = yellow bold
frag = magenta bold
old = red bold
new = green bold
[color "status"]
added = yellow
changed = green
untracked = cyan
Adds color to different git file states
Build your own tools
"We become what we behold. We shape our tools and then our tools shape us."
Marshall McLuhanThank You!
Questions?