Бекендеры на проекте жалуются:
Никак не можем выкатиться на прод, админы, легирование, mq, ниче не робит(( пойду поем

Фронтендеры:
Я вводил длиннющую команду в консоли и нечаянно нажал вверх!!!(((((0(0(


https://twitter.com/LiyaGaneyeva/status/1197908997845737472

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

Почему это прошло ревью не понял никто.

Новости одной строкой

Проверим, насколько вы стары и гибки одновременно.

perm = x => x[0] ? x.reduce((a, n) => (perm(x.filter(m => m!=n)).forEach(y => a.push([n,...y])), a), []): [[]]

perm(['take', 'on', 'me'])

Только вчера @defront в Твиттере описывал историю ECMAScript и помимо всего прочего упомянул о Java-движке Rhino, как сегодня Google объявил о том, что появилась возможность перенести свои AppsScript проекты с Rhino на V8: https://developers.google.com/apps-script/guides/v8-runtime

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

Теперь практически все современные возможности ES доступны для расширений GSuite. Нет модулей, но это не так страшно.

Google творит невообразимое. Если вы вошли в несколько аккаунтов, вы не можете выйти из них по одному! Только из всех сразу!

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

И при разработке под GSuite это становится большой проблемой.

Мне нужно быть под несколькими аккаунтами сразу, но я трачу время на переключение туда-сюда вместо того чтобы временно выйти.

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

Вы наверное думаете, какой такой продакшен у верстальщика?

Так вот я с октября работаю с Google Apps Script. Это как взять всё то плохое, что вы помнили о бакенде на JavaScript, и воплотить в реальность.

К счастью, теперь Apps Script Engine перешёл на движок V8 с Rhino и перестал быть уродливым подобием языка.

Итак, 26 часов присутствия бага, расценённого CTO как даунтайм.

Проблема не в том, что я допустил опечатку в коде и тесты не покрывали этот конкретный кейс.

Проблема в том, что система логов не среагировала на события должным образом, а это значит, логов недостаточно.

Следите за своими логами, пацаны. Не полагайтесь только на тесты.

Большинство CSS-правил я узнал из автоподстановки моих редакторов.

widows вместо width? mso-row-margin-left вместо left? marquee-play-count вместо margin? fit-content для width? Чего? Это шутка такая? Что ты от меня хочешь, тварь?

Обновить докер в час ночи в субботу, зачем-то работая над важной фичей, было очень умной идеей.

Отгадайте загадку:
Зелёный, красный, жёлтый и голубой тестируют на продакшене. Кто это?

Google Stackdriver Logging начинает переходить на новый интерфейс. Вообще Google очень долго переводит свои инструменты на свой же дизайн, но это лишь означает, что Material с нами надолго. Но речь не об этом.

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

Теперь же они убрали простую фильтрацию, а конструктор стал гораздо менее дебиловатым, но всё ещё сложным. Я сначала воспринял в штыки.

Но сегодня коллега потратил всё утро на то, чтобы разобраться и помог мне. В общем, мне так зашло, что обратно возвращаться не хочу. Мощный язык запросов с простыми операторами, интуитивное построение сравнений, очень удобно обмениваться фильтрами.

В общем, не бойтесь сложных инструментов. С ними жизнь проще.

Шла вторая неделя карантина.

Начали общаться с дизайнером через правки виджетов в Figma.

Угадайте, кто за две недели до конца испытательного срока снова роняет продакшен?

По итогу пишем тесты под TestRail. Тестировать это в автоматическом режиме пока, к сожалению, невозможно.

Чем больше я админю чатики, тем больше так:

Наш студент приходящий решил бросить универ и работать на полную ставку.

И вроде бы ничего, но он приходит, куртку рядом бросает на пол, жуёт свой воротник, громко хрустит леденцами и сёрбает чай.

..

Боже храни удалёнку, но в офис же возвращаться придётся

Сегодня я узнал два новых слова: суперэллипс (ну ок, это я и раньше знал) и квадруг.

Ага, квадруг. Squircle. Т. е. фигура между квадратом и кругом, но не просто квадрат со скруглёнными углами. Кроме шуток: https://en.wikipedia.org/wiki/Squircle

Так вот, иконки приложений на iOS — квадруги. Сквирклы, если хотите. Хотя очень многие путают их с обычным сопряжением прямой с окружностью (ага, с border-radius).

В общем, от слов к статье: https://medium.com/@nikolskayaolia/an-easy-way-to-implement-smooth-shapes-such-as-superellipse-and-squircle-into-a-user-interface-a5ba4e1139ed

​​Примерно каждый день у людей всплывают вопросы вида: “А у input есть псевдоэлементы? А как стилизовать плейсхолдер? А как поменять стили стандартного видеоплеера?”

Ответ на эти вопросы — теневое дерево документа, Shadow DOM.

Что лучше всего умеет браузер? Правильно, оперировать блоками (даже не текстом, но об этом потом). Так зачем придумывать что-то новое, если можно сымитировать нужное поведение старыми добрыми div-ами, а саму реализацию скрыть от конечного пользователя? Это, конечно, очень грубое определение теневого дерева документа, но весьма точно отражающее суть.

Теперь перейдём к делу. В CSS-чате заметили, что Safari для элементов формы с плейсхолдером показывает в инспекторе два вложенных в input (!) div-а. Один это собственно плейсхолдер, а второй — contenteditable, т. е. непосредственно ввод данных. И если щёлкнуть на каждый, можно вполне себе получить нужные селекторы (см. тред: https://twitter.com/zavsievich/status/1250338154835410946?s=21).

Тем временем не все знают как такого же достичь в других браузерах. На самом деле всё просто.

Для Chrome: открываем инспектор, в верхнем правом углу меню (три точки), в нём — Settings -> Elements -> Show user agent shadow DOM.

Для Firefox: идём в about:config и включаем флаг devtools.inspector.showUserAgentShadowRoots

И всё, получаем ровно тот же эффект, теперь стилизация видеоплеера или элементов форм (позволяющих это сделать) не будет проблемой, а статьи перестанут казаться магией.

Шлём спасибо в @css_ru и @nedofront.

​​Тем временем я прошёл испытательный срок. Полгода это вам не шутки, трижды поваленный продакшен — тем более.

Принимаю поздравления.