name: inverse layout: true class: center, middle, inverse --- layout: false # Votre layout de clavier est-il « mobile-first » ? .footnote[:kazé / [@fabi1cazenave](https://github.com/fabi1cazenave)] --- template: inverse # Claviers compacts du clavier ergonomique au clavier « mobile » --- ## 1992 : Kinesis Contour / Advantage - les pionniers du clavier ergonomique - a inspiré Ergodox EZ, Moonlander, Dygma Defy… - </3 le placement des accolades… ![kinesis](images/kinesis.png) --- ## 200? : TypeMatrix 2030 - alternative plus simple / moins chère ![typematrix](images/typematrix.png) - encore meilleur que le Kinesis ! - c’est un consensus établi - je suis d’une objectivité totale - (j’ai participé à la conception du 2030-USB) --- ## 2015 : OLKB Planck - design open-source de Jack Humbert - fabriqué en DIY ou par OLKB, DSA, Drop… - programmable avec le firmware libre QMK ![Planck (ZSA)](images/planck.png) - résoud tous les problèmes de placements - aucun doigt ne se déplace de plus d’une case - mais euh… les autres touches ? Balek ? --- ![size comparison](images/keyboard_sizes.png) --- template: inverse # Layers l’art de faire venir les touches sous les doigts Shift, AltGr, what next ? --- ## Layer « prog » ![qwerty](images/qwerty0.svg) ![prog layer](images/prog0.svg) --- ## Layer « prog » : `(){}[]` ![qwerty](images/qwerty1.svg) ![prog layer](images/prog1.svg) --- ## Layer « prog » : `$%^&*` ![qwerty](images/qwerty2.svg) ![prog layer](images/prog2.svg) --- ## Layer « prog » : `<>-_+='"` ![qwerty](images/qwerty3.svg) ![prog layer](images/prog3.svg) --- ## Layer « prog » : `~ᐠ/|\@#!?` ![qwerty](images/qwerty4.svg) ![prog layer](images/prog4.svg) --- ## Layer « prog » : `01` ([démo !](demo#/qwerty/ansi)) ![qwerty](images/qwerty5.svg) ![prog layer](images/prog5.svg) --- ## Layer « nav » : `←↓↑→` ![qwerty](images/qwerty5.svg) ![prog layer](images/nav1.svg) --- ## Layer « nav » : `⇱⇟⇞⇲` ![qwerty](images/qwerty5.svg) ![prog layer](images/nav2.svg) --- ## Layer « nav/num » ![qwerty](images/qwerty6.svg) ![prog layer](images/nav3.svg) --- ## Less is more - compacité = élément clé de l’ergonomie - pour faire plus ergo, il faut supprimer des touches - 30 touches + deux layers suffisent ![Planck (Drop)](images/planck_keycaps.png) L’art de déplacer les touches sous les doigts ! --- template: inverse # Layouts « mobile-first » concevoir une disposition de clavier compacte
en utilisant AltGr comme *layer* « prog » --- ## Qwerty US - 🙂 toutes les lettres dans le pavé 3×10 - 🙂 chiffres en direct ![Qwerty](layouts/qwerty.png) - 😢 pas d’accents --- ## Azerty - 😢 lettres excentrées : é, è, à, ù, ç - 😢 chiffres en Shift ![Azerty](layouts/azerty.png) - 😢 pas de majuscules accentuées - 😭 le point en Shift ! --- ## Bépo - 😢 lettres excentrées : M, Z, W, Ç - 😢 chiffres en Shift ![Bépo](layouts/bepo.png) - 😢 AltGr difficilement réutilisable (ù, tréma) - 😭 perte des raccourcis usuels --- ## [Qwerty-Lafayette.org](https://qwerty-lafayette.org) - quasi-identique au Qwerty ANSI (3 touches) - une seule touche morte pour les accents ![Qwerty-Lafayette](layouts/lafayette0.svg) --- ## [Qwerty-Lafayette.org](https://qwerty-lafayette.org) `àèùç` - quasi-identique au Qwerty ANSI (3 touches) - une seule touche morte pour les accents ![Qwerty-Lafayette](layouts/lafayette1.svg) --- ## [Qwerty-Lafayette.org](https://qwerty-lafayette.org) `é` - quasi-identique au Qwerty ANSI (3 touches) - une seule touche morte pour les accents ![Qwerty-Lafayette](layouts/lafayette2.svg) --- ## [Qwerty-Lafayette.org](https://qwerty-lafayette.org) `âêîôû` - quasi-identique au Qwerty ANSI (3 touches) - une seule touche morte pour les accents ![Qwerty-Lafayette](layouts/lafayette3.svg) --- ## [Qwerty-Lafayette.org](https://qwerty-lafayette.org) `œæµ«»€·…` - quasi-identique au Qwerty ANSI (3 touches) - une seule touche morte pour les accents ![Qwerty-Lafayette](layouts/lafayette4.svg) --- ## [Qwerty-Lafayette.org](https://qwerty-lafayette.org) ([démo !](demo#/lafayette/ansi)) - quasi-identique au Qwerty ANSI (3 touches) - une seule touche morte pour les accents ![Qwerty-Lafayette](layouts/lafayette5.svg) - meilleur qu’Azerty en français - meilleur que Qwerty pour coder --- ## [ErgoL.org](https://ergol.org) (WiP) - projet d’optimisation du Qwerty-Lafayette - préserve les raccourcis Ctrl-QASZXCV ![ErgoL](layouts/ergol.png) - meilleur que Bépo en français - meilleur que Dvorak en anglais --- template: inverse # Conclusion Votre layout n’est probablement pas *mobile-first*
mais les solutions sont à portée de main ! --- ## Recommandations À chaque mésusage du clavier, il y a une solution : --- continued: true - Azerty / Qwertz / Qwerty
⇒ https://qwerty-lafayette.org --- continued: true - Dvorak / Bépo
⇒ https://ergol.org --- continued: true - `←↓↑→`
⇒ https://tuppervim.org --- continued: true Stand claviers + conférence ergo + atelier Vim
⇒ https://jdll.org, weekend du 1er et 2 avril. .footnote[:kazé / [@fabi1cazenave](https://github.com/fabi1cazenave)]