Тестирование на основе свойств: Назим Гафаров из Mail.ru с обзором необычного подхода к автотестам → https://habr.com/p/494110/
Фиксированная шапка и ссылки на секции страницы: избегаем перекрытия содержимого шапкой с помощью scroll-margin-top → https://css-tricks.com/fixed-headers-and-jump-links-the-solution-is-scroll-margin-top/
Нативная masonry-раскладка на CSS-гридах: Рэйчел Эндрю представляет новую экспериментальную спецификацию, реализованную в Firefox Nightly, и предлагает разработчикам поделиться впечатлениями и предложениями → https://www.smashingmagazine.com/native-css-masonry-layout-css-grid/
Пишем собственную реализацию промисов. Серия статей Николаса Закаса:
1. Конструктор
2. Резолвинг промисов
3. then(), catch() и finally()
4. Promise.resolve() и Promise.reject()
1. Конструктор
2. Резолвинг промисов
3. then(), catch() и finally()
4. Promise.resolve() и Promise.reject()
Разработчики Sketch объяснили, почему они делают ставку на десктопное приложение, в отличие от Figma с их веб-версией → https://www.sketch.com/blog/2020/10/26/part-of-your-world-why-we-re-proud-to-build-a-truly-native-mac-app/
Madge, инструмент для визуализации графа импортов модулей проекта и поиска циклических зависимостей → https://github.com/pahen/madge
Conventional Comments, соглашение по формату комментариев на кодревью, позволяющее упростить и ускорить процесс для всех участников → https://conventionalcomments.org
Абсурдные NPM-пакеты, которых лучше бы не существовало: is-odd, is-is-odd (да-да), if, emoji-poop и другие шедевры NPM-экосистемы → https://youtu.be/PI5wz2pwXIg
Быстродействие для дизайнеров: типографика. Как текст может повлиять на быстродействие в вебе и как дизайнеры могут заранее предотвратить потенциальные проблемы → https://calibreapp.com/blog/performance-for-designers-typography
Упрощённое введение в OAuth 2.0: бесплатная книга об устройстве OAuth 2.0 с практическими примерами → https://www.oauth.com
pwn college, бесплатный практический курс по основам кибербезопасности от Университета штата Аризона → https://pwn.college/
Operator Lookup, интерактивный справочник Джоша Комю по операторам языка JavaScript → https://joshwcomeau.com/operator-lookup/
Лучшие практики форм входа: исчерпывающий обзор практических приёмов, позволяющих добиться лучшего UX → https://web.dev/sign-in-form-best-practices/
Алгоритмы на JavaScript: от бинарного поиска до связных списков на примере LRU-кеша. Видеокурс Виктора Карпова → https://www.youtube.com/playlist?list=PLvWwA9iDlhHB1qp22la3mn01JuVOwyuqw
Быстродействие для дизайнеров: изображения. Практические рекомендации для дизайнеров по использованию графики в вебе без вреда для быстродействия → https://calibreapp.com/blog/performance-for-designers-images
Разработчики Chrome отказались от поддержки HTTP/2 Server Push из-за сложности и невостребованности → https://www.opennet.ru/opennews/art.shtml?num=54069
W3C опубликовал черновик CSS Custom Highlight API, позволяющего стилизовать выделение произвольных диапазонов текста в документе без дополнительных элементов-обёрток → https://www.w3.org/TR/2020/WD-css-highlight-api-1-20201022/
10 выводов после внедрения TypeScript в Bloomberg: Роб Палмер подробно рассказал об уроках, вынесенных его командой инфраструктуры в процессе перевода кодовой базы Bloomberg (больше 50 миллионов строк) на TypeScript → https://www.techatbloomberg.com/blog/10-insights-adopting-typescript-at-scale/
Если не SPA, то что? Том МакРайт с обзором альтернативных подходов к разработке фронтенда → https://macwright.com/2020/10/28/if-not-spas.html
Как и почему мы переехали с собственного npm-репозитория на Verdaccio: Андрей Фримучков из Яндекса делится опытом доработки и внедрения нового внутреннего хранилища пакетов → https://habr.com/p/528386/