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

Zen Mode: Developing While You're Offline

Zen Mode: Developing While You're Offline

Video: https://www.youtube.com/watch?v=q93YcVryNYU

Those of us who work in the web industry find that we’re online a huge amount of the time. Going offline can make us feel disconnected. But what about going offline while we’re working? Right at the time when we think we’re most likely to need an internet connection: to get our job done.

Working offline can be highly productive, and is often calming and focused. Whether we choose to go offline, or whether our surroundings make it necessary — such as while we’re traveling — having the right tools, environment, and frame of mind allows you to make working offline a joy.

In this talk, I cover the tools and approaches that I use to develop while I'm in zen mode and not connected to the internet.

Presented at:

* LoopConf, February 2018
* WordCamp Miami, March 2018

#wordpress #loopconf #wcmia

John Blackbourn

February 23, 2018
Tweet

More Decks by John Blackbourn

Other Decks in Technology

Transcript

  1. Zen Mode:
    Developing While You're Offline
    John Blackbourn
    @johnbillion

    View full-size slide

  2. Let's go offline

    View full-size slide

  3. Welcome to Zen Mode

    View full-size slide

  4. How are you feeling?

    View full-size slide

  5. Why go offline?

    View full-size slide

  6. "I'm going offline for a while
    to concentrate"

    View full-size slide

  7. Let's get to work

    View full-size slide

  8. 1. Preparation
    2. Tools
    3. Mindset
    4. Reconnection
    5. Backup Plan

    View full-size slide

  9. 1. Preparation

    View full-size slide


  10. First, download the Internet

    View full-size slide

  11. What will you work on?

    View full-size slide

  12. Local environment
    •git clone --recursive
    •npm install
    •composer install
    •vagrant up

    View full-size slide

  13. Local environment
    •Clone the GitHub wiki

    View full-size slide

  14. Local environment
    •Identify assets on CDNs & other hosts
    •Install fonts locally

    View full-size slide

  15. Local environment
    •Spend time testing dependencies

    on external hosts
    •Improve resilience to network

    failures for end users

    View full-size slide

  16. Connect before you disconnect

    View full-size slide

  17. Connect before you disconnect
    •Dropbox
    •Google Drive
    •Email client
    •git fetch --all

    View full-size slide

  18. Communicate
    •Tell your colleagues & clients

    when you're going offline

    View full-size slide

  19. Offline documentation

    View full-size slide

  20. Offline documentation
    •Dash for Mac
    •Zeal for Windows & Linux

    View full-size slide

  21. Offline documentation
    •man grep
    •wp --help

    View full-size slide

  22. Working offline
    Airplane Mode
    •Blocks external JS and CSS
    •Replaces Gravatar with local image
    •Removes HTTP API requests
    •Disables update checks

    View full-size slide

  23. Airplane Mode on Airplane Mode off
    0.39s 2.35s

    View full-size slide

  24. Working offline
    Mocking, not Blocking

    View full-size slide

  25. Working offline
    Charles HTTP Proxy
    •DNS spoofing
    •Monitoring, throttling, recording
    •Breakpoints & rewriting
    •Mapping to local files

    View full-size slide

  26. Working offline
    Capturing emails
    •MailHog - for all outgoing email
    •Email Log - for wp_mail()

    View full-size slide

  27. Embrace offline

    View full-size slide

  28. Change your habits

    View full-size slide

  29. See the benefits to others

    View full-size slide

  30. See the benefits to you

    View full-size slide

  31. Always be charging

    View full-size slide

  32. 4. Reconnection

    View full-size slide

  33. Avoid the immediate social binge

    View full-size slide

  34. Action points

    View full-size slide

  35. 5. Backup Plan

    View full-size slide

  36. Documentation
    •Inline docblocks
    •Update that readme
    •Wiki pages

    View full-size slide

  37. Learning & reading

    View full-size slide

  38. Non development work

    View full-size slide

  39. If all else fails

    View full-size slide

  40. thedisconnect.co

    View full-size slide

  41. John Blackbourn
    @johnbillion

    View full-size slide