Upgrade to Pro — share decks privately, control downloads, hide ads and more …

5 Cool Tools for Web Dev

tedtieken
January 23, 2014

5 Cool Tools for Web Dev

A presentation to the django-boston meetup on 5 tools I use to be efficient in my workflow: Affordable Whiteboards, Virtualbox,
StartWork Script, 8 Million Pixels, Django Project Template Quickstarts

tedtieken

January 23, 2014
Tweet

More Decks by tedtieken

Other Decks in Business

Transcript

  1. View Slide

  2. have you met Ted?
    Technical founder of SittingAround.com
    Full stack developer
    except the adobe products
    Using Django since 1.0.2
    ~5.5 years
    Work in Windows

    View Slide

  3. 1. whiteboards
    2. virtualbox
    3. startwork script
    4. 8 million pixels
    5. django project templates
    5 cool tools

    View Slide

  4. 1. whiteboards
    2. virtualbox
    3. startwork script
    4. 8 million pixels
    5. django project templates
    5 cool tools

    View Slide

  5. whiteboard wall
    4’ high, entire wall of office, 64 square feet
    Total cost < $100

    View Slide

  6. metalic dry-erase boards
    $10 / sqft
    ($3 – $20)

    View Slide

  7. ideapaint
    $4.50 / sqft

    View Slide

  8. home depot panelboard
    $0.75 - $1.30 / sqft
    8’ x 4’ panel of plywood with
    coating of white acrylic
    In the “tasteful faux-wood
    paneling” section, usually by
    lumber

    View Slide

  9. my whiteboard wall
    2 x Thrifty White Panel Board (cut in-store to 4’ sections) $28
    Mirror hanging sets (4) $ 8
    8’ length, white plastic panel edging (8) $16
    Marker shelf - 1”x2”x10’ select pine boards (4) $20
    Angle brackets & misc $10
    Total $82
    Lower budget? Just board and plain screws = $15
    Biggest downside? Have to use windex every ~3rd time you erase

    View Slide

  10. 1. whiteboards
    2. virtualbox
    3. startwork script
    4. 8 million pixels
    5. django project templates
    5 cool tools

    View Slide

  11. Virtualbox
    Lightweight virtualization software by Oracle (Sun)
    Supports Windows, Mac, and Linux Hosts
    Supports Windows, Linux, and more as Guests
    FOSS and free commercial versions

    View Slide

  12. Virtualbox
    Run your dev machine as if it was just another
    program in windows

    View Slide

  13. Virtualbox

    View Slide

  14. why virtualbox
    Encapsulation: My Host OS has less cruft
    No MySQL or Postgres
    No PIL/Pillow
    No Django
    No Python

    View Slide

  15. why virtualbox
    Isolation: Can “pause” the machine
    Save state without using host os resources
    Even if you shutdown the host os, state is stored on
    disk
    The virtual machine doesn’t know it is a virtual
    machine

    View Slide

  16. why virtualbox
    Portability: Easily backup/transfer entire machine
    Export to .ova
    Keep bi-monthly backups of your dev machine
    Copy to thumb drive
    Import on new machine

    View Slide

  17. how I use virtualbox
    Shared Folder
    Two way, automatic, file synchronization
    Write code in windows
    Execute code in linux
    Can run git commands in either environment!

    View Slide

  18. beyond virtualbox
    Vagrant
    Wrapper around virtualbox
    Uses VagrantFile + Puppet/Chef/Docker to create carbon
    copy environments on multiple machines
    Remove env based differences from debugging
    Give design/biz people dev machines they can actually use
    Dev team of 5?
    Use vagrant to create === dev machines for everyone

    View Slide

  19. 1. whiteboards
    2. virtualbox
    3. startwork script
    4. 8 million pixels
    5. django project templates
    5 cool tools

    View Slide

  20. startwork script
    It was taking me 5 to 30 minutes to get my environment
    ready
    It’s easy to get distracted when you’re tired
    I wrote StartWork
    Switches to “desktop 2”
    Opens all of the programs in my workspace
    Positions them for me
    1 click, 30 seconds, no friction

    View Slide

  21. demo startwork

    View Slide

  22. gridmove
    virtuawin
    Move a window to an exact
    position by dragging with middle
    mouse button
    Multiple virtual desktops for
    windows
    startwork relies on
    autohotkey
    Windows scripting, tweaking,
    and macro software

    View Slide

  23. demo gridmove
    and virtuawin

    View Slide

  24. 1. whiteboards
    2. virtualbox
    3. startwork script
    4. 8 million pixels
    5. django project templates
    5 cool tools

    View Slide

  25. getting 8mn pixels
    4 x 1920x1080
    $400-800
    1 x 4k
    $600+

    View Slide

  26. is 8mn pixels overkill?
    No
    8mn pixels is where you stop needing Alt + Tab

    View Slide

  27. is 8mn pixels overkill?
    Webdev involves lots of moving parts
    Efficient webdev requires many things running
    simultaneously
    Text Editor / IDE
    2+ Browsers (1 for localhost, 1 for docs/stackoverflow)
    Chrome/Firefox Dev Tools
    1+ Terminals
    1+ File browsers

    View Slide

  28. no more Alt + Tab

    View Slide

  29. window tiling
    Sublime
    Files
    docs
    chrome @
    localhost
    misc
    chrome dev
    tools
    Virtualbox
    Files

    View Slide

  30. window tiling
    Sublime
    Files
    docs
    chrome @
    localhost
    misc chrome dev
    tools
    Virtualbox
    Files

    View Slide

  31. virtual sub-tiles

    View Slide

  32. virtual sub-tiles
    runserver
    pyzen
    django shell
    linux shell

    View Slide

  33. 1. whiteboards
    2. virtualbox
    3. startwork script
    4. 8 million pixels
    5. django project templates
    5 cool tools

    View Slide

  34. create or use a quickstart
    $ django-admin.py startproject --template=https://…
    As of 1.4
    Automatically sets up the project the way you like
    Readme.md, great place for your own krib-sheet
    Can get up an running on a new site, including aws
    & first production deployment in ~ 45 minutes

    View Slide

  35. i wrote two
    $ django-admin.py startproject --template=https://…
    https://github.com/django-quickstart/1.5-heroku/
    https://github.com/django-quickstart/1.5-webfaction/
    (in progress)

    View Slide

  36. i also really like and respect
    $ django-admin.py startproject --template=https://…
    https://github.com/rdegges/django-skel/
    https://github.com/twoscoops/django-twoscoops-project/

    View Slide

  37. Bonus

    View Slide

  38. Herman Miller chairs
    $300-400
    On Craigslist
    NB: No warranty

    View Slide

  39. cables and mounts: monoprice
    www.monoprice.com

    View Slide

  40. office planning: sketchup
    www.sketchup.com

    View Slide

  41. Ikea Galant desks
    $200-300
    Basically indestructible
    Galant > Linmon
    Linmon is flimsy in comparison

    View Slide

  42. DjangoPackages.com
    Find, compare, evaluate community packages

    View Slide