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

Google API Improvement Proposals: коллекция документов, описывающих принятые правила проектирования API сервисов Google. Методы, названия полей, пагинация, фильтры и многое другое → https://google.aip.dev/

Как правильно разрабатывать формы в вебе: серия статей Остина Гила.

1. Семантика
2. Доступность
3. Стилизация
4. UX
5. Безопасность

Паттерн «импорт по взаимодействию»: Эдди Османи показывает, как отложить загрузку тяжёлой и независимой функциональности до момента, когда она потребуется пользователю → https://addyosmani.com/blog/import-on-interaction/

Что не так с экосистемой NPM: Сэма Блэкли напрягала установка зависимостей (ставишь одну, получаешь 100 в придачу), и он решил проанализировать все 1.3 миллиона пакетов из реестра и наглядно продемонстрировать проблемы. Результаты исследования и выводы → https://sambleckley.com/writing/npm.html

Кастомизация компонентов и избавление от неиспользуемых модулей библиотеки Ant Design: опыт Ивана Копенкова из Mail.ru Cloud Solutions → https://habr.com/p/530798/

Обзор 10 лучших практик контейнеризации Node.js-приложений через Docker → https://snyk.io/blog/10-best-practices-to-containerize-nodejs-web-applications-with-docker/

[Вакансия, релокация в Санкт-Петербург]
Верстальщик в финтех-стартап Orca, 70—110 тысяч рублей на руки

Orca — платформа простого доступа к инвестициям на фондовом рынке (рынок Великобритании). Мы создаём решение, с помощью которого любой сможет купить акции и другие активы в один клик.

Мы ищем cамостоятельного верстальщика, который будет верстать и поддерживать наши лендинги (пример — orca.app). Макеты от дизайнеров в Figma, контент заранее согласован, иногда будет нужна простая логика взаимодействия с бэкендом.

Ближайшие задачи — определиться с инструментами (шаблонизатор, препроцессоры, etc), причесать существующие лендинги и наладить процесс разработки под себя. На горизонте года планируем начинать веб-версию сервиса, поэтому при желании можно будет перейти в полноценный фронтенд.

От нас — официальное оформление, помощь с переездом в Санкт-Петербург, ДМС, питание, крутой офис и гибкость стартапа во всех вопросах.

Присоединяйтесь → hh.ru/vacancy/41018791 или @anna_orca

Проекция раскладки: техника реализации сложных анимаций раскладки с 60 FPS. Мэтт Пэрри подробно рассматривает проблемы анимирования раскладки и представляет новую технику, которую он применил в Framer Motion → https://mattperry.is/writing-code/layout-projection-animate-browser-layout-60fps

Коммиты — это снимки состояния, а не диффы. Деррик Столи из GitHub объясняет, как коммиты устроены под капотом и как это знание может помочь в понимании команд rebase и cherry-pick → https://github.blog/2020-12-17-commits-are-snapshots-not-diffs/

Дизайнеры Discord рассказали, как облегчили себе и фронтендерам работу, написав несколько плагинов для Figma (плагины теперь опенсорсные и вы тоже можете их использовать) → https://blog.discord.com/9a25c29f9143

Вышел ежегодный чеклист быстродействия фронтенда от Smashing Magazine: всё, что нужно знать, чтобы ваш сайт загружался и работал быстро в 2021 году, от метрик до инструментов и подходов → https://www.smashingmagazine.com/2021/01/front-end-performance-2021-free-pdf-checklist/

Как инженеры GitHub реализовали трёхмерный глобус с визуализацией реальных пулреквестов на новой главной странице сервиса → https://github.blog/2020-12-21-how-we-built-the-github-globe/

Почему мнения «фронтенд для джунов» и «во фронтенде нет ничего сложного» ошибочны: Йегуда Кац в переводе Ивана Плесских объясняет, почему не стоит недооценивать фронтенд → https://habr.com/p/535724/

Математика верстальщику не нужна? Иван Богачев разбирает математические концепции, которые могут пригодиться верстальщику в реальных задачах:

Временные функции и траектории для покадровых 2D-анимаций на сайтах → https://habr.com/p/518006/

Матрицы, базовые трансформации, построение 3D и фильтры для картинок → https://habr.com/p/520078/

Искусство вёрстки интерфейсов для реальной жизни. Ахмад Шадид демонстрирует множество аспектов вёрстки на примере небольшого компонента из Facebook Messenger: раскладка, переполнение содержимым, интерактивные состояния, поддержка RTL и тёмной темы → https://ishadeed.com/article/building-real-life-components/

Максимальная оптимизация изображений для веба в 2021 году. Малте Убл из Google делится восемью практическими техниками оптимизации загрузки и декодирования изображений → https://www.industrialempathy.com/posts/image-optimizations/

Автоматизируем локализацию макетов в Figma. Искандер Ситдиков из Joom делится готовым плагином и рассказывает историю его разработки → https://habr.com/p/535188/

Географическая карта в вебе с нуля. Владимир Агафонкин объясняет простой подход к отрисовке карт в вебе, лежащий в основе его популярной библиотеки Leaflet → https://observablehq.com/@mourner/simple-web-map

Яндекс запустил телеграм-канал с вакансиями для разработчиков

— Свежие вакансии каждый день
— Описания задач, технологий и условий без воды
— Лёгкий поиск по тегам
— Один пост раз в две недели будет посвящён ответам на ваши вопросы о найме и работе в Яндексе

Подписывайтесь

Пишем хлопушку с конфетти на Canvas: иллюстрированное руководство → https://varun.ca/confetti/