layout: true <!-- this adds the link footer to all slides, depends on my-footer class in css--> <div class="footer-small"> <span> https://github.com/jhelvy/slides/2025-oscon-healthy-hands </span> </div> --- name: title-slide class: inverse, middle # Healthier ❤️ & Happier 😄 Hands 🙌 .leftcol70[ ## Software and Hardware Solutions for More Ergonomic Typing ### by John Paul Helveston ### 2025 OSCON @ GWU ] .rightcol30[ <br><center> <img src="images/OSCON.png" width=100%> </center> ] --- class: center background-color: #fff ## **I type ~7 million key strokes per year** <center> <img src="images/monthlyKeys.png" width=800> </center> --- class: center background-color: #fff # **Tip #1**: Practice Touch Typing ## https://www.keybr.com/ <center> <img src="images/qwerty.png" width=700> </center> --- class: center # **Tip #2:** Use a text expander like _espanso_ <center> <img src="images/personal.gif" width=800> </center> See my post on espanso at <a href="https://www.jhelvy.com/blog">https://www.jhelvy.com/blog</a> </center> --- class: center # **Tip #3:** Use custom keyboard layers .cols3[ ## .center[**Base layer**] <center> <p style="font-size:40px;"> 1234567890 <br> qwertyuiop <br> asdfgjhkl' <br> zxcvnm,./ </p> </center> ] .cols3[ <br> <center> <img src="images/shift_key.png" width=100%> </center> ] .cols3[ ## .center[**Shift layer**] <center> <p style="font-size:40px;"> !@#$%^&*() <br> QWERTYUIOP <br> ASDFGHJKL" <br> ZXCVBNM<>? </p> </center> ] --- background-color: #fff class: middle, center # **Tip #3:** Use custom keyboard layers <center> <img src="images/keyboard_nav_layer.png" width=1000> </center> --- background-color: #fff class: center # Example: **Caps Lock Layer** <center> <img src="images/keyboard_remap.png" width=1100> </center> --- class: center, middle # **Tip #3:** Use custom keyboard layers .leftcol[ # Mac #### https://karabiner-elements.pqrs.org/ <center> <img src="images/kbe.png" width=200> </center> ] .rightcol[ # Windows #### https://www.autohotkey.com/ <center> <img src="images/ahk_logo_no_text.svg" width=500> </center> ] --- background-color: #fff class: center # **Tip #4:** Use a split keyboard <center> <img src="images/ergo_split_basic.jpg" width=650> </center> --- background-color: #fff class: center # Reduce **Ulnar Deviation** <center> <img src="images/drake_ergo_ulnar.png" width=500> </center> --- background-color: #fff class: center # Reduce **Forearm Pronation** <center> <img src="images/drake_ergo_pronation.png" width=500> </center> --- background-color: #fff class: center, middle # Think of your keyboard as a medical device <br> .cols3[ <center> <img src="images/kinesis_freestyle2.jpg" width=300> <br> KINESIS Freestyle 2<br><b>$89.00</b> </center> ] .cols3[ <center> <img src="images/logitech.jpg" width=280> <br> Logitech - ERGO K860<br><b>$129.00</b> </center> ] .cols3[ <center> <img src="images/glasses.jpg" width=350> Average cost of glasses<br><b>$242.00</b> </center> ] --- class: center # Build Your Keyboard With Open Source Tools! <center> <img src="images/iris.png" width=720> <br> Iris (~$200.00), Powered by <a href="https://qmk.fm/">QMK Firmware</a> </center> --- background-color: #fff class: center # Use a split keyboard **_that is programmable_** <center> <img src="images/ergodox_layout.png" width=600> </center> [r/ErgoMechKeyboards](https://www.reddit.com/r/ErgoMechKeyboards/) --- class: inverse .leftcol70[ ### **Tip #1**: Practice Touch Typing ### **Tip #2:** Use a text expander like _espanso_ ### **Tip #3:** Use custom keyboard layers ### **Tip #4:** Use a split keyboard My Iris Keyboard:<img src="images/my_iris.jpg" width=400> ] .rightcol30[.right[ # .center[.font150[Thanks!]] # .center[❤️ 😄 🙌] <br><br><br> @jhelvy.bsky.social
<br> @jhelvy
<br> jhelvy.com
<br> jph@gwu.edu
<br> https://slides.jhelvy.com/ ]]