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

Transcript

1. Zen Mode: Developing While You're Offline John Blackbourn @johnbillion ✈
2. Let's go offline
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 Plan
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 up
14. Local environment •Clone the GitHub wiki
15. Local environment •Identify assets on CDNs & other hosts •Install fonts locally
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
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
34. Working offline Mocking, not Blocking
35. Working offline Charles HTTP Proxy •DNS spoofing •Monitoring, throttling, recording •Breakpoints & rewriting •Mapping to local files
39. Working offline Capturing emails •MailHog - for all outgoing email •Email Log - for wp_mail()
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 ✈