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

More Decks by John Blackbourn

Other Decks in Technology


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

  2. Let's go offline

  3. None
  4. Welcome to Zen Mode ✈

  5. How are you feeling?

  6. Why go offline?

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

  8. Let's get to work

  9. 1. Preparation 2. Tools 3. Mindset 4. Reconnection 5. Backup

  10. 1. Preparation

  11. First, download the Internet

  12. What will you work on?

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

  14. Local environment •Clone the GitHub wiki

  15. Local environment •Identify assets on CDNs & other hosts •Install

    fonts locally
  16. None
  17. Local environment •Spend time testing dependencies
 on external hosts •Improve

    resilience to network
 failures for end users
  18. Connect before you disconnect

  19. Connect before you disconnect •Dropbox •Google Drive •Email client •git

    fetch --all
  20. Communicate •Tell your colleagues & clients
 when you're going offline

  21. 2. Tools

  22. Offline documentation

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

  24. None
  25. None
  26. None
  27. None
  28. None
  29. Offline documentation •man grep •wp --help

  30. Working offline Airplane Mode •Blocks external JS and CSS •Replaces

    Gravatar with local image •Removes HTTP API requests •Disables update checks
  31. Airplane Mode on Airplane Mode off 0.39s 2.35s

  32. None
  33. None
  34. Working offline Mocking, not Blocking

  35. Working offline Charles HTTP Proxy •DNS spoofing •Monitoring, throttling, recording

    •Breakpoints & rewriting •Mapping to local files
  36. None
  37. None
  38. None
  39. Working offline Capturing emails •MailHog - for all outgoing email

    •Email Log - for wp_mail()
  40. None
  41. None
  42. 3. Mindset

  43. Embrace offline

  44. Change your habits

  45. See the benefits to others

  46. See the benefits to you

  47. Always be charging

  48. 4. Reconnection

  49. Avoid the immediate social binge

  50. Action points

  51. Problems?

  52. 5. Backup Plan

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

  54. Learning & reading

  55. Non development work

  56. If all else fails

  57. thedisconnect.co

  58. John Blackbourn @johnbillion ✈