Раскладка

*Примечание: чтобы в полной мере ощутить все преимущества новой "кастомной" раскладки, необходимо уверенно владеть десятипальцевым слепым вводом (иначе последующие действия не имеют никакого смысла).

Что здесь написано?

• Осуждение QWERTY

• Немножко об альтернативных раскладках

• На чём печатаю Я

• AltGr (правый Alt) и что с ним можно сделать

• MSKLC: собираем раскладку

Шаг 1: Выбор базовой раскладки клавиатуры

Поскольку стоит цель разработать "идеальную" раскладку, то сначала необходимо позаботиться о том, как будут расположены символы на клавиатуре.

Немного отсебятины: Я, как и все, изучая десятипальцевый слепой ввод, печатал на всем знакомой QWERTY-раскладке. В процессе использования, испытывался лютый дискомфорт (возможно нас таких и не очень много): уставал левый указательный палец, правый безымянный и мизинец (даже несмотря на то, что P - далеко не самый частотный символ в английском языке). Также было замечено, что пальцы при печати сильно вытягиваются - как бы пытаются уйти подальше друг от друга.

Чтобы ответить на вопрос, почему так происходит, я создал Excel-файл, в котором наглядно показана нагрузка на каждый символ, и добавил таблицу частотности букв английского языка (результат на скрине).

Вот здесь как раз всё встаёт на свои места: T находится довольно далеко от основной позиции пальцев, плюсом буквосочетания AT/TA, TE/ET, ST/TS, DT, CT, NU/UN, NI/IN, NO,ON заставляют пальцы вытягиваться. Также я отметил главную неприятную особенность QWERTY, о которой конечно-же многие знают - это то, что основным по нагрузке является на домашний, а верхний ряд. Про перегрузку левой или правой руки ничего говорить не буду, так как на планете есть как правши, так и левши, но для левшей у меня плохие новости: если посмотреть на клавиатуру, то можно заметить, что снизу вверх клавиши смещаются ВЛЕВО, что удобно лишь правой руке.

Что по альтернативным раскладкам?

Начнём с того, что разные раскладки проектировались по-разному и преследовали разные цели: наиболее развёрнуто, научно и точно рассказано в этом посте: О вопросах сравнения и оптимизации клавиатурных раскладок / Хабр (habr.com)

• Dvorak: все гласные влево, максимальное чередование и минимизация использования нижнего ряда любой ценой -> повышение скорострельности.

• Colemak/Workman: A влево, остальные гласные вправо, повышение эргономичности - расстояния, которые преодолевают пальцы при вводе текста, "Мы круче Dvorak'a!!!"

• Capewell: нафиг чередования, даёшь эргономичность и идеальный межпальцевый баланс!

• Carpalx: математические модели, системы штрафов, optimizing.

• Minimak 4, 8, 12 keys: улучшаем QWERTY с минимальными усилиями!

• ARENSITO: У вас есть Ergodox или Maltron? Тогда я к вам!!!

Лично я не смогу конкретно тебе порекомендовать одну, лучшую альтернативную раскладку, так как это дело очень индивидуальное, у всех по-разному развиты пальцы. К тому же в всех свои сильные и слабые стороны, а такое разнообразие раскладок даёт возможность сделать лучший выбор для себя самого. Но если уж совсем лень выбирать, можно обратить внимание на - они более универсальны.

Что бы там не говорили про то, что альтернативные раскладки нисколько не быстрее стандартной QWERTY, что на 99% правда, фактом является то, что люди переходящие на подобный раскладки идут на этот "трудный в освоении" шаг ради комфорта, а не скорости. Комфорт - это не пустой звук, я сам через это прошёл и очень доволен результатом, да в некоторых программах Ctrl+C и Ctrl+V приходится нажимать не как в QWERTY, но что мешает вводить комбинации двумя руками??? Верно, ничего не мешает.

К чему пришёл Я???

За основу я взял раскладку Dvorak, модифицированный Capewell'ом - Capewell-Dvorak, в котором символ L больше не нажимается правым мизинцем, что очень здорово. Я заметил, что клавишу N в QWERTY мне очень легко нажимается (вспоминаем как смещены символы в нижнем ряду) и там как раз поставили L, да и в принципе, раскладка вышла неплохая. Но, как вы поняли, и здесь есть маленький изьян, из-за которого пришлось немного откатиться к классическому Dvorak'у, а именно ZXCV,а точнее символ C (такое можно простить только Colemak/Workman и Carpalx'у, ибо гласные и K находятся справа, но не в этом случае)

Вследствие чего была произведена "маленькая" модификация, в результате которой я получил, то, что нужно. Действовал я чисто по ощущениям, для этого понадобилось время.

Шаг 2: Ставим всё необходимое на базу

Кто-то может возразить насчёт "программерской" клавиатуры, ибо уже есть Dvorak programmer. Да, он есть, но все спец-символы находятся в верхнем ряду. В то же время хочется нажимать все основные программерские символы в домашнем ряду, чем Dvorak programmer порадовать не может.

Я же предлагаю использовать AltGr (почти Ctrl+Alt, ибо AltGr+Del не работает как Ctrl+Alt+Del, то есть не работает) он же правый Alt, работает как Shift, точнее создаёт новый "чистый" слой клавиш, в который можно засунуть ещё кучу символов. Однако отмечу, что нужно научиться нажимать AltGr только правым мизинцем, тогда никаких проблем в его использовании не возникнет. Также я заметил, что почему-то на правый Alt стараются частотные символы не заводить, даже в домашний ряд, ограничиваясь диакритическими знаками, математическими знаками и греческим алфавитом. Скорее всего, это объясняется некоторой сложностью в использовании AltGr, а именно неправильное нажимание неправильным пальцем.

Теперь открываем блокнот и переписываем все спец-символы, чтобы не забыть: все скобки, кавычки, апострофы, звёздочки, амперсанды, собачки, или даже диакритические знаки!

Агась, базовая раскладка есть, спец-символы не забыли, теперь можно приступать с сборке нашей супер-раскладки. Отрываем MSKLC (да-да, я Winдузятник) и вбиваем свои символы, не забывая всё проверять и тестировать. Перед сборкой очень рекомендую везде понажимать и посмотреть, какие функции содержит MSKLC, что такое Dead Key, как провести тест (там всё очень просто).

Жмём Shift и прописываем, что будет вводиться при зажатом Shift'е, большие буквы и стандартный спец-символы. Ещё можно предусмотреть спец-символы на месте точки и запятой (у меня это ! и =).

Теперь то, ради чего мы здесь собрались: AltGr!!! (не забудьте убрать галочку с Shift, иначе символы будут вводиться не с AltGr, а с AltGr+Shift, на которую (если это кому-то нужно) можно поставить цифры или даже шаблонные тексты)

Я расположил спец-символы следующим образом: слева - все виды скобок, справа - операторы и другие спец-символы. Самые частотные из них находятся в домашнем ряду, что упрощает их ввод. Вверху я расположил комбинируемые диакритические знаки "на все случаи жизни".

Ещё раз напомню, что правый Alt нажимается правым большим пальцем (да-да от так умеет, причём легко). Таким образом, остальные пальцы не сдвигаются с места, позволяя легко вводить спец-символы, почти как без него, тут нужно немного попрактиковаться.

Ура, вы расставили все клавиши так, как вам нужно, теперь осталось всё это добро собрать и установить на компьютер: открываем Project -> Properties, будем свойства задавать

Задаём имя, описание (которое будет выскакивать при переключении раскладки), остальное по желанию.

После того как всё введено, жмём "Build DLL and Setup Package", после успешной установки перезагружаем ПК и радуемся новой установленной раскладке (старую можно удалить в настройках).

В итоге получается максимально комфортная раскладка, при кодинге в которой нужно делать минимальные пальцедвижения для ввода кода, скобок, операторов, тэгов и прочего (смотря на чём вы кодите)

Подытожим: для идеальной раскладки необходимо:

1. Идеальная базовая раскладка

2. Удобно расставленные спец-символы

3. Программа MSKLC

4. Много практики (если не печатаете на альтернативной раскладке)

Пытаясь усовершенствовать свою работу, чуть больше семи лет назад я пришел к раскладке Дворака и пользуюсь ей до сих пор. Хотя мне пришлось пойти на компромисс и отказаться от Дворака для программистов в пользу классического, в целом мне очень нравится, как спроектирована эта раскладка. Однако спроси меня сейчас, стоило ли оно того, я не порекомендую переходить.

Под катом о том, как я переучивался и с какими трудностями эксплуатации столкнулся. Напоследок несколько выводов по итогам 7 лет эксплуатации.

В свое время я узнал о раскладке Дворака из подкаста Радио-Т.

Заинтересовавшись темой, я нашел видео у Sorax, где он в очень позитивном ключе отзывался об этой раскладке. Тогда я подумал: Я же программист! Моя работа и заключается в том, чтобы много печатать. И хотя скорость набора символов на английском языке у меня уже приближалась в среднем к 350 в минуту, решил поэкспериментировать. Тем более один из ведущих Радио-Т рассказывал, что пользуется Двораком наряду с QWERTY, переключаясь по необходимости, как мы переключаемся между английским и русским языками. Я предполагал действовать также - не терять QWERTY.

Как я заново учился печатать

Свои эксперименты я начал с Дворака для программистов под Ubuntu. Эта версия раскладки отличается важными мелочами - более удобным для кодинга расположением часто используемых скобок и цифр.

В тот период жизни работа позволяла мне экспериментировать. И убедившись, что на ближайшие часы у меня нет срочных задач, я сменил раскладку.

Для первой тренировки я использовал пакет dvorak7min. В нем 29 упражнений, которые учат правильно печатать и помогают запомнить, как буквы расположены по рядам. Благодаря этому консольному инструменту часа за четыре я освоил основные принципы. После этого все свои рабочие задачи выполнял уже в раскладке Дворака.

Я не менял кейкапы и не клеил наклейки на клавиатуру из принципиальных соображений. Всегда был адептом слепой печати и считал, что главное не смотреть на кнопки, а учиться в уме. Это действительно ускорило переход.

Два-три часа в день я тратил на тренажер, пока не заскучал с dvorak7min. А потом пошел на клавогонки (klavogonki.ru), чтобы следить за прогрессом. Выбрал специальный английский словарь и начал постепенно его проходить. Когда скорость подросла до 200 символов в минуту, я перешел на обычный английский словарь и еще месяц гонял на нем.

Честно скажу, первое впечатление было необычным. В раскладке Дворака гораздо больше работает правая рука. Я правша, но в первое время чувствовал, как именно правая устает на больших текстах. Спустя полтора месяца я подкачался и догнал свои 350 символов в минуту на английском языке, но уже в раскладке Дворака. Далее скорость удалось поднять еще немного - примерно до 400 символов в минуту.

Кстати, QWERTY в первое время я действительно хорошо помнил и использовал по необходимости. Но по мере появления привычки к Двораку, переключаться на QWERTY стало тяжелее.

Первые сложности и компромисс

Практика показала, что сменить раскладку, даже на довольно распространенную, не так-то просто.

Как раз в то время я пробовал себя в качестве преподавателя - по вечерам ездил в один институт читать лекции о разработке программного обеспечения. Учитывая статус совместителя, у меня не было постоянного рабочего места, куда я мог бы установить Дворак для программистов. Нас постоянно перемещали между аудиториями.

Раскладка Дворака присутствует во всех основных ОС, но Дворака для программистов там по умолчанию нет. Устанавливать его на рабочее место в очередной аудитории запрещали доменные политики безопасности. В итоге вся вторая работа у меня проходила в QWERTY, что мешало эффективному переходу. Так мне пришлось пойти на первый компромисс - ограничиться использованием обычного Дворака, который можно было включить везде. Моя жизнь стала чуть легче, и в целом плюсы Дворака не исчезли. Но это был компромисс!

Вся эта ситуация показывает один важный момент - ты с раскладкой Дворака всегда гость. Поменяв раскладку на удобную тебе, в конце пары необходимо не забыть сменить ее обратно. Иначе следующий преподаватель вообще не поймет, что происходит - идея альтернативных раскладок не так популярна. Не все сообразят, почему ты набираешь одни буквы, а на экране появляются другие. Тебе постоянно придется объяснять окружающим, что происходит, и переключаться в QWERTY, чтобы они могли использовать твое рабочее место.

Мои выводы по итогам 7 лет использования Дворака

С Двораком руки действительно устают меньше

Раскладка Дворака действительно хорошо продумана.

Когда я привык к новому расположению символов, пришло понимание, что на больших текстах усталость ощущается меньше. Сейчас на русском языке мне сложнее печатать длинные тексты, чем на английском. Так что хотя бы один неоспоримый плюс у альтернативной раскладки есть.

Дворак усложняет взаимодействие с коллегами в офисе

Настоящие проблемы с раскладкой Дворака начинаются, когда ты работаешь в команде, физически располагающейся в одной локации, но не поддерживающей твой энтузиазм в направлении альтернативных раскладок. Плюсы того, что коллеги под боком и к ним всегда можно обратиться с вопросом или идеей, натыкаются на то, что вы не можете обмениваться рабочими местами.

Я единственный раз физически поменял кейкапы на клавиатуре как раз из-за коллег. В команде мы периодически практиковали парное программирование, когда вы сидите за одним компьютером, обсуждаете задачу, делаете наброски. Но когда кто-то берет твою клавиатуру и пытается что-то сделать, приходится долго объяснять, почему все не так, а потом включать QWERTY, чтобы коллега мог как-то печатать. Измененные кейкапы были своего рода внешним символом того, что не сможешь просто взять и печатать на этой клавиатуре.

Проблема, кстати, симметрична. Сам ты тоже не можешь быстро перейти на другое рабочее место. Садясь за компьютер коллеги, ты начинаешь медленно вспоминать QWERTY, печатая буквально двумя пальцами. Одно дело, когда коллега в курсе твоих экспериментов с раскладками, но совсем другое, если он видит тебя первый раз. Представьте, в команду приходит новый человек, ты помогаешь ему с разворачиванием проектов, берешь его клавиатуру, но это не Дворак. Ты понимаешь, что включать на данном этапе альтернативную раскладку ему нет смысла. Но он-то видит, как ты - специалист с опытом, который должен его онбордить - медленно подбираешь нужные буквы и путаешься в шорткатах. Это выглядит как минимум странно.

Я не зря сделал акцент на офисе. Сейчас, когда я перешел на полную удаленку, проблема ушла. Взаимодействие с коллегами построено иначе, никто не садится за мое рабочее место и мне не надо бегать между компьютерами. А у себя я могу использовать то, что мне удобно.

Хотите Дворака? Забудьте о шорткатах

Я очень люблю шорткаты на клавиатуре. Но пользуясь альтернативной раскладкой, ты обрекаешь себя на вечные проблемы с ними. И это очередная серия компромиссов.

Привычные шорткаты, созданные под работу одной рукой, в Двораке нажимаются иначе. Вот привык ты нажимать Ctrl+B в своем рабочем инструменте, но на тот же шорткат в Двораке срабатывает другая команда.

Самый простой путь справиться с этим - изменить привычное расположение пальцев, т.е. найти, где в Двораке расположена кнопка B. Я помню расположение клавиш машинально, и если не менять кейкапы, то каждый раз требуется усилие, чтобы осознать где именно располагается буквенная часть шортката.

Хорошо, если нужная буква окажется под той же рукой. Но вообще говоря, это не гарантировано. Например, все привыкли, что в vim буквы hjkl используются как стрелки. Но в Двораке они расположены там, где в QWERTY-раскладке находятся буквы cv и jp. В итоге перемещение по тексту в редакторе осуществляется двумя руками. Левая рука отвечает за движение вниз-вверх, правая - влево-вправо.

На картинке выше (повторю ее тут для удобства) я отметил буквы, шорткаты с которыми перестают быть удобным для левой руки. Зеленые - неудобно, красные - совсем беда. Тут приходится либо использовать две руки, либо учиться нажимать правый Ctrl (Command).

Конечно, шорткаты можно перенастроить с помощью конфигурации используемых инструментов или ремапперов, вроде Karabiner Elements (для MAC). И я это делаю, но все не так просто.

Готовых схем шорткатов под используемые мной программы я не видел. Самостоятельно переназначать надо так, чтобы не испортить другие команды, т.е. парой самых необходимых действий не ограничишься. Это требует времени, а значит перенастраивать имеет смысл в тех инструментах, которые ты используешь продолжительное время и не собираешься менять. Их на самом деле не так много. В остальном софте придется пользоваться мышью или стандартными не-Дворак шорткатами.

Даже если ты все под себя настроил (или выучил стандартные шорткаты в новой раскладке), проблемы останутся.

Тебе надо постоянно следить за тем, какая включена раскладка - русская или английский Дворак. Потому что в русском языке шорткаты работают, как в QWERTY. Я пытался ремапить шорткаты так, чтобы они работали одинаково на русском и английском языках, но у меня ничего не вышло.

Да, есть некоторые универсальные сочетания, но они работают не на всех ОС. Например, если бы я пользовался Windows или Ubuntu, я мог бы копировать и вставлять информацию через Ctrl / Shift + Ins, которые работали бы вне зависимости от включенной раскладки. Но в MAC этот универсальный способ не работает.

Лично я 90% времени нахожусь в английской раскладке, поэтому приучил себя пользоваться некоторыми функциями - в частности, упомянутыми копированием и вставкой информации - только в Двораке. Правда, из-за этого я теперь не могу пользоваться теми же шорткатами на чужом рабочем месте (Ctrl+C и Ctrl+V в QWERTY в других местах).

Еще один слой проблем - поголовное отсутствие тестирования на не-QWERTY раскладках. Подсказки ввода, заботливый автоперевод языка, который есть в некоторых веб-формах, не будут корректно работать, потому что никто не адаптирует эти инструменты под Дворака.

Я недавно купил себе MAC на новом чипе. Установил WebStorm, который JetBrains под него адаптировал. Но когда я нахожусь в раскладке Дворака, шорткаты у меня срабатывают дважды. Выполняется и команда, зарезервированная за буквой в QWERTY-раскладке, и команда на Двораке. Придется ждать фикса.

Видимо, какие-то такие проблемы будут преследовать поклонника Дворака всегда. Ты будешь бета-тестером новых инструментов для альтернативных раскладок.

На мой взгляд оно того не стоит

Для меня итогом этого многолетнего эксперимента фактически стала лишняя сотня символов в минуту на английском языке.

Раскладка Дворака определенно имеет смысл для больших текстов на английском. Но уже после перехода я понял, что как программист не пишу большие тексты. 90% рабочего времени я читаю код (зачастую, чужой) и думаю над тем, как лучше писать, нежели как быстрее это делать. Кодогенерация фреймворков и сниппеты редакторов кода давно и хорошо решают проблемы с шаблонными кусками. Поэтому скорость набора для меня не так уж и важна. Если бы сейчас меня кто-то спросил, стоит ли переходить, я бы не рекомендовал. В большей степени я тогда хотел чего-то нового и необычного. И я это получил в полной мере.

У меня сложилось впечатление, что если бы я просто гонял на клавагонках на QWERTY-раскладке, получил бы те же 400 символов в минуту, затратив меньше усилий. Так что второй раз я бы не стал уже начинать этот эксперимент. Слишком много неожиданных подводных камней.

Вместо вывода

Несмотря на такую анти-рекомендацию, я не собираюсь переходить обратно. Дворак принес в мою жизнь разнообразие. Когда я перестал преподавать и ушел на удаленку, исчезла проблема взаимодействия с коллегами и перемещения между рабочими местами. А сам я привык к нюансам и в принципе мне все нравится.

Следующим экспериментом по совершенствованию работы для меня стал vim. Вместе с пониманием, что скорость печати не так принципиальна, я осознал, что гораздо важнее, насколько безошибочно ты пишешь и в целом насколько эффективно ты используешь свои основные инструменты (ту же IDEA). Vim позволяет работать с кодом более продуктивно и выполнять объемные операции с текстом через макросы. В этом смысле он дает гораздо больший прирост производительности.

У меня иногда закрадывается мысль отказаться от Дворака. Но я привык использовать некий симбиоз Дворака и vim. Если затею обратный переход, придется переучиваться.

Автор: Сергей Широковских, Максилект.

P.S. Мы публикуем наши статьи на нескольких площадках Рунета. Подписывайтесь на наши страницы в VK, FB, Instagram или Telegram-канал, чтобы узнавать обо всех наших публикациях и других новостях компании Maxilect.

Что будет рассказано?

• Очевидная проблема при изучении своих клавиатурных раскладок

• Немного о нашем пациенте: klava.org

• То, как получилось решить данную проблему (спасибо F12)

• Как правильно настраивать клавиши (при нажатии Shift или AltGr)

• Автоматизация ручного труда с помощью расширения User JS and CSS

То, с чего всё началось

Когда мы изучаем десятипальцевый метод, для ускорения обучения мы используем различные тренажёры: typingStudy, klava.org, ratatype, rapidTyping и другие. Однако, когда встаёт вопрос об освоении своей особенной, кастомной, раскладки, то "оказывается", что ни один сайт, ни одна программа не предусматривает их существование:

• В списке поддерживающихся раскладок, своей "конечно же" нет

• В настройках свою добавить невозможно

• Самому писать тренажёр - трындец полный

В качестве пациента я выбрал сайт klava.org: неплохой визуал, клавиатура на экране есть, пальцы показываются, разные режимы, ОК. Изначально на сайте есть весьма неплохой список раскладок для русского и английского языков, но нет кучи других, не менее интересных раскладок (да и разработчиков сайта нет смысла судить: раскладок куча, плюсом завтра может появиться новая -> всем не угодить).

Откапываем словарь с раскладками

Как многие из вас знают, есть нажать F12, то выскочит "волшебная" панель с HTML-кодом, CSS, JS, файлами, которые можно без проблем редактировать, и многим другим функционалом, необходимым для разработчиков. Если немного порассуждать, то можно прийти к следующему предположению:

Если сайт писали хорошие ребята, то скорее всего абсолютно всё: расположение символов на экране, автоматическая подсветка нужной буквы/клавиши, отрисовка, будет зависеть только от одного источника: словаря/массива/списка, соответственно, нужно найти тот самый словарь и расположить всё по-своему!

И, да, заветный словарь был найден! В JS этот "словарик" описан одной переменной keyboards. Там ооочень много кода и он, как назло, весь минимизирован, но разобраться можно. Найти этот код достаточно просто:

1. Жмём F12

2. Прожимаем Ctrl+F (появится поле для ввода)

3. Вводим "var keyboards"

4. Копируем словарик в блокнот (слово var удалите, оно нам больше не понадобится)

5. Словарь полностью в нашем расположении!!!

Ставим кастомную раскладку вместо ненужной

Теперь нужно подобрать "жертву" - ненужную раскладку, которую будем редактировать. После этого её нужно отыскать (берём название из сайта и не забываем про Ctrl+F). В итоге, получаем массив строк, который нужно обработать: машинописть например выглядит так:

//название раскладки в процессе редактирования менять нельзя!!!'машинопись': ['|<sup>+</sup>', '<sup>1</sup>', '-<sup>2</sup>', '/<sup>3</sup>', '"<sup>4</sup>', ':<sup>5</sup>', ',<sup>6</sup>', '.<sup>7</sup>', '_<sup>8</sup>', '?<sup>9</sup>', '%<sup>0</sup>', '!<sup>=</sup>', ';<sup>\\</sup>', 'Й', 'Ц', 'У', 'К', 'Е', 'Н', 'Г', 'Ш', 'Щ', 'З', 'Х', 'Ъ', ')<sup>(</sup>', 'Ф', '', 'В', 'А', 'П', 'Р', 'О', 'Л', 'Д', 'Ж', 'Э', 'Я', 'Ч', 'С', 'М', 'И', 'Т', 'Ь', 'Б', 'Ю', 'Ё']

Теперь поясню, что здесь происходит:

Строки, где находятся только заглавные буквы, это обычные символы, система с ними всё сама сделает (просто нажали - прописная буква, нажали Shift - заглавная). В остальных местах присутствуют знакомые HTML-теги: в такой строке следующие правила.

1. Самый первый символ, символ, который вводится без Shift или AltGr, то есть, просто нажатие

2. Внутри тегов  находятся символы, которые вводятся при нажатом Shift; символы отрисовываются сверху

3. Внутри тегов  находятся символы, которые вводятся при нажатом AltGr; символы отрисовываются снизу

'S'       //просто буква, и так всё понятно'(<sup>{</sup><sub>[</sub>' //нажатие ->  (                            //+ Shift ->  {                            //+ AltGr ->  ['ь<sup>ъ</sup>'   //разные буквы тоже можно

Отредактировали? Заменили? Теперь осталось протестировать.

1. Отрываем сайт

2. Жмём F12

3. Открываем Console

4. Вставляем наш "модифицированный код" (надеюсь var удалить не забыли)

5. Жмём Enter

6. Если всё сделано правильно, то сообщений об ошибке не будет

После этого закрываем панельку, выбираем нашу "жертву" и ЧУДО!!! кастомная раскладка работает (вот, что у меня получилось):

Автоматизация

Всё-таки при каждом входе на сайт не хочется каждый раз вручную вставлять этот код. Для решения этой проблемы было создано расширение под названием User Javascript and CSS. Ставим расширение. После уставновки открываем наш сайт, жмём на иконку расширения и жмём Add new. Перед вами откроется 2 поля: JS и CSS, теперь остаётся вставить наш код в поле JS, сохраниться, проверить флажок и кайфануть, что всё работает "само".

Ура!!!! Вы установили свою кастомную раскладку на сайт klava.org. Теперь тренить свою раскладку будет проще, быстрее и (наверное) интереснее.