Нашел классный сайт с генерацией css анимаций на любой вкус.

Выбираешь анимацию, подкручиваешь параметры если надо, тыкаешь на лайк и download.

https://animista.net/

После очередного обновления Шindows у меня появилась русская раскладка клавиатуры... 🧐

Делам ставки - там кириллица или латиница?

UPD: победили те, кто на латиницу ставил

Привет! ✌️
Не особо люблю подводить итоги года, да и никогда в общем то это не делаю.
Просто собрал пет проекты которые получилось сделать за этот год.
Вышло не особо много, потому что большую часть года занимался делами семейными.

▫️Таймлапс слайдер для камеры
▫️Познакомился с Tampermonkey и сделал скачиватель курсов с educative (gist1 gist2)
▫️Бот трансфер постов из вк в tg по шетегу
▫️Настенный плоттер Makelangelo
▫️Купил электруху Fender Squier, снял с нее краску, сделал гравировку и покрыл лаком (статейку не успел накатать)
▫️Развернул прикольный сервис автоматизации n8n, но так и не придумал че с ним делать)
▫️Лендинг для плоттерных работ на 11ty (проект тут)

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

Кстати, если у кого недобор по добрым делам в этом году, исправить это можно в пару кликов.

Например донат в
▫️Ночлежку https://homeless.ru/
▫️Фонд "Подари жизнь"https://podari-zhizn.ru/ru
▫️Фонд "Старость в радость" https://starikam.org/
▫️Дом с маяком https://mayak.help/

Я только щас узнал что в сообщении к комиту можно добавлять gitmoji.
Это вообще нормально?)

А то я все свои комиты буду помечать так как на скрине.

https://gitmoji.dev/

Прикольная технология пайки многослойных плат.

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

https://youtu.be/r0csHZveVvY

Ищу знатоков, которые могут пояснить за е2е тесты.

Наткнулся на инфу в которой говорится о паттерне App Actions применительно к фреймворку Cypress. Этот паттерн предполагает, что ты записываешь некоторые функции из кода приложения (например функцию сабмита формы) в объект window.Cypress. И в e2e тестах вызываешь ее, вместо того, чтобы на ui имитировать ввод данных от лица пользователя и жать кнопку.

Это типа норм вообще? На мой первый взгляд, как то не норм, но интернет пестрит статьями что это круто и очень экономит время. 🤯

Chrome Headless против cloudflare JS challenge

Классная статья о том, как помочь своему headless скраперу прикинуться человеком перед cloudflare. Стоит попробовать.

https://habr.com/ru/post/716434/

Мощняк. Умельцы написали прогу, превращающую видеоролики на YouTube в бесплатное бесконечное хранилище данных. Вот он, прогресс: от магнитофонных кассет ZX Spectrum до записи данных в видосы ютуба. Даже картинка чем-то спектрумовский загрузчик напоминает.

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

В скрипте нужно было заполнять форму. Обнаружил, что изменение полей в форме при помощи js не имеют никакого эффекта (видимо потому что событие change не отрабатывает). Самый прикол, что и вызов события клика на элементе, изменение значения и повторный клик, тоже не давали эффекта. Более того, вызов события через new Event и dispatchEvent не работал.

Помог только вызов document.createEvent

const event = document.createEvent("Event");
event.initEvent("change", true, true);

let locationSelector = document.querySelector('#select');
locationSelector.value = '2018'
locationSelector.dispatchEvent(event);

Кстати, чем больше аргументов передаешь в initEvent со значением true, тем лучше браузер поймет насколько сильно ты хочешь, чтоб событие сработало)