For Web — фронтенд, дизайн, программирование. Страница 19

Быстродействие для дизайнеров: типографика. Как текст может повлиять на быстродействие в вебе и как дизайнеры могут заранее предотвратить потенциальные проблемы → https://calibreapp.com/blog/performance-for-designers-typography

Абсурдные NPM-пакеты, которых лучше бы не существовало: is-odd, is-is-odd (да-да), if, emoji-poop и другие шедевры NPM-экосистемы → https://youtu.be/PI5wz2pwXIg

Conventional Comments, соглашение по формату комментариев на кодревью, позволяющее упростить и ускорить процесс для всех участников → https://conventionalcomments.org

Madge, инструмент для визуализации графа импортов модулей проекта и поиска циклических зависимостей → https://github.com/pahen/madge

Разработчики 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/

Пишем собственную реализацию промисов. Серия статей Николаса Закаса:

1. Конструктор
2. Резолвинг промисов
3. then(), catch() и finally()
4. Promise.resolve() и Promise.reject()

Нативная masonry-раскладка на CSS-гридах: Рэйчел Эндрю представляет новую экспериментальную спецификацию, реализованную в Firefox Nightly, и предлагает разработчикам поделиться впечатлениями и предложениями → https://www.smashingmagazine.com/native-css-masonry-layout-css-grid/

Фиксированная шапка и ссылки на секции страницы: избегаем перекрытия содержимого шапкой с помощью scroll-margin-top → https://css-tricks.com/fixed-headers-and-jump-links-the-solution-is-scroll-margin-top/

Тестирование на основе свойств: Назим Гафаров из Mail.ru с обзором необычного подхода к автотестам → https://habr.com/p/494110/

Разбираемся в спецификации ECMAScript: учимся читать спецификацию на практических примерах в серии статей в блоге V8 → https://v8.dev/blog/tags/understanding-ecmascript

Чтобы добиться успеха в карьере, сфокусируйтесь на работе и забудьте о сайд-проектах: Мануэль Дарсмонт предостерегает от излишней траты времени на сайд-проекты → https://manuel.darcemont.fr/posts/focus-on-jour-job/

У NPM появились публичный план по развитию и открытая доска обратной связи и предложений, подробности → https://github.blog/2020-10-22-introducing-the-npm-public-roadmap-and-a-new-feedback-process/

Destiny, экспериментальный аналог Prettier для файловой структуры проекта: анализирует JS/TS-модули и их связи, строит из них фрактальный граф и отражает его на файловой системе → https://github.com/benawad/destiny

Измеряем использование сайта в офлайне, чтобы решить, нужно ли вкладываться в офлайн-версию: практическое руководство → https://web.dev/measuring-offline-usage/

[Вакансия, удалёнка или релокация в Москву]
Middle/Senior фронтенд-разработчик в Rarible, $2.5k-4k + премии (зп привязана к $)

Привет! Rarible — крупнейший NFT-маркетплейс цифровых товаров с оборотом $7M и более чем 150k посещений за месяц. Мы в поисках фронтенд-разработчика, готового работать на стыке веба и мобильных технологий.

С чем мы работаем:
React, React Native, MobX, TypeScript, PostCSS и CSS-модули, Jest для юнит-тестирования и Cypress для E2E-тестирования.

Какие задачи предстоит решать:
Разработка новых и поддержка уже работающих приложений. Одной из интересных задач, например, может стать разработка и внедрение библиотеки общих UI-компонентов для браузера и приложений на React Native 😉

Пишите по всем вопросам → @milaluvers

Как найти в интернете что угодно: обзор специальных операторов и ключевых слов для продвинутого поиска в Google → https://www.alec.fyi/dorking-how-to-find-anything-on-the-internet.html

Дизайн, адаптирующийся к высоте: Ахмад Шадид демонстрирует способы адаптации интерфейса к разной высоте экрана → https://ishadeed.com/article/responsive-design-height/

Предзагрузка поздно обнаруживаемых браузером заглавных изображений: Эдди Османи делится простым способом улучшения UX → https://addyosmani.com/blog/preload-hero-images/