• Save
Small Screen Development
Upcoming SlideShare
Loading in...5
×
 

Small Screen Development

on

  • 2,276 views

Many developers are forced to develop on small screens: Travelling, Coworking spaces, changing project locations, you name it. But what can you do to improve your workflow if you are bound to a small ...

Many developers are forced to develop on small screens: Travelling, Coworking spaces, changing project locations, you name it. But what can you do to improve your workflow if you are bound to a small screen? This presentation tries to give some answers and suggestions.

Statistics

Views

Total Views
2,276
Views on SlideShare
2,198
Embed Views
78

Actions

Likes
5
Downloads
3
Comments
2

3 Embeds 78

http://tumblelog.rvdh.de 76
http://dennis.trunk.ly 1
http://ralph.soup.io 1

Accessibility

Categories

Upload Details

Uploaded via as Apple Keynote

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n

Small Screen Development Small Screen Development Presentation Transcript

  • Small Screen DevelopmentHow to make the most out of sparse screen real estate
  • /me• Ralph von der Heyden• ralph+developer@railslove.com• @ralph• http://rvdh.de/
  • Screen real estate...
  • But...
  • Find the ideal small screen workflow!
  • Step 1: Show as muchinformation as possible
  • Full Screen
  • Don‘t waste precious pixels
  • Multitasking is a myth
  • Distraction free
  • Usability expertsrecommend it...
  • How much do youwaste going non- fullscreen?
  • Dock: 94720px Menubar: 26880pxWorking window: 902400px Full Screen: 1024000px
  • Diagramm
  • ~10% wasted pixels
  • another ~10% for the app‘s toolbar
  • Conclusion• Keep the dock hidden• Switch your apps to full screen if possible➡More information at a glance
  • Which applications do we need as Rails developers?
  • Rails equipment• Browser• Terminal• Editor
  • Browser: Google Chrome• ⇧⌘F opens full screen• ⌘L • puts the cursor in the address bar • shows tabs, bookmarks etc.• ⌥⌘← and ⌥⌘→ switches tabs
  • Terminal: iterm2• (in early alpha, but „works for me“)• ⌘-enter switches to full screen• hold ⌘ for a second to see the tabs
  • Editor: MacVim, vim• Choose an editor without a toolbar• MacVim supports full screen• Terminal editors support full screen via iterm2• Textmate isn‘t bad, either, but has annoyances (e.g. drawer)
  • What are the problems when developing on small screens?
  • Problems on small screens• Finding the information you need• Interacting with a specific process➡Switching between applications
  • Switching on big screens...
  • Switching on small screens... ⌘-tab
  • (Usually, there is a bit of ⌘-tab on big screens, too.)
  • What‘s wrong with... ⌘-tab ?
  • Danger of overshooting
  • ⌘-tab ⌘-tab-tab ⌘-tab-tab-tab ⌘-tab-tab-tab-tab ⌘-tab-tab-tab-tab-tab ⌘-tab-tab-tab-tab-tab-tab ⌘-tab-tab-tab-tab-tab-tab-tab ⌘-tab-tab-tab-tab-tab-tab-tab-tab⌘-tab-tab-tab-tab-tab-tab-tab-tab-tab ...
  • ⌘-tab
  • Alternative: VisorGlobal keyboard shortcut: ⌘-tab
  • Conclusion• Switch to a command line editor• Make the terminal your comfy place➡Avoid confusion while switching between your main applications (overshooting)
  • Command line editor* *(This is the hardest part)
  • Choices• VIM• Emacs• Set it up right
  • OSX font rendering?
  • iterm2 haz it
  • Color schemes?
  • 256 colors are enough for everybody
  • You‘ll have to live withlimitations, but maybe that is worth it.
  • Make the terminal your comfy zone
  • Make the terminal your comfy zone• Get a decent shell and prompt• Set up easy process switching
  • Shell• zsh: oh-my-zsh• bash: bash-it• completion, templates, you name it...
  • Easier process switching
  • Easier process switching• CTRL-Z suspends processes• CTRL-F alternates between suspended processes (if you set it up)
  • Easier process switching (zsh)• Alternate between backgrounded processes with CTRL-F • bindkey -s ^f "fg %-n" • export HISTIGNORE="fg*"• fg to bring up the last bg process• YOU WILL HAVEdoesn‘t work with ruby) !!! (the preexec part TO FIX oh-my-zsh
  • Assumption: Running 3 processes in 1 shell• bash/zsh• rails console• vim
  • Switch from vim to shell and back CTRL-Z fg
  • Switch from vim to rails console and back CTRL-Z CTRL-F CTRL-F CTRL-Z
  • Shell our from your editor• :!command to run something• :! to see shell history
  • Why is it better than tabs?
  • It just feels better.(more smooth, natural, efficient, ...) And works everywhere.
  • More information at a glance
  • Use panes
  • tmux• terminal multiplexer• Very powerful• Does not support OSX clipboard• (though there is patch for the 1.3 version)
  • iterm2• Very easy to use • ⌘D vertical split • ⌘⇧D horizontal split • ⌥⌘←/→/↑/↓ switches between panes • Touchpad scrolling• Not as powerful as tmux (no rearranging of panes etc.)
  • Take-aways for all small screeners:• Switch to full screen• Lern you some terminal-fu• Try a command line editor• Some stuff is also useful for big screens, server admin etc.
  • What do you think?
  • Sources• http://oinopa.com/2010/10/24/laptop-driven-development.html• http://www.apple.com/macosx/lion/• http://code.google.com/p/iterm2/• http://code.google.com/p/macvim/• https://github.com/robbyrussell/oh-my-zsh• https://github.com/revans/bash-it• http://www.google.com/chrome/• http://tmux.sourceforge.net/