For Web — фронтенд, дизайн, программирование
14.4K subscribers
5.47K photos
7 videos
5 files
1.74K links
Новости и полезности для фронтендеров.
Поддержать, чтобы в канале не было рекламы:
https://patreon.com/forweb
https://boosty.to/forweb
Download Telegram
content-visibility: новое экспериментальное CSS-свойство, позволяющее ускорить загрузку страницы за счёт откладывания отрисовки содержимого за пределами экрана → https://web.dev/content-visibility
Что означает 100% в CSS? Спойлер: зависит от контекста. Амелия Уоттенбергер подробно разбирается, как вычисляются значения в процентах → https://wattenberger.com/blog/css-percents
Поймут ли ваши иконки пользователи из других стран? Юля Кондратьева со ссылками на научные исследования разбирается, нужно ли делать локализацию иконок → https://habr.com/p/514612/
Как организовать цвета в приложении? Артур Басак 🤍♥️🤍 рассказывает, как с помощью CSS-переменных заложить фундамент для ребрендинга и темизации → https://medium.com/p/1b514653068c
Архитектура современных корпоративных Node.js-приложений: Андрей Мелихов из Яндекс.Денег делится опытом организации масштабируемой архитектуры → https://habr.com/p/514550/
Пробелы и символы нулевой ширины: сводная таблица Кирилла Беляева с аннотациями о применении, мнемониками и копированием → https://kirillbelyaev.com/s/
Forwarded from devSchachtChannel (Andrey Melikhov)
Хакатон помощи беларусам https://eventornado.com/event/build-for-belarus
Обеспечение безопасных решение для коммуникации, безопасности, здоровья и поддержки тех, кто может пострадать.
Пройдёт полностью онлайн.
Нужен ли вам кастомный селект? Краткая памятка на случай сомнений → https://doineedacustomselect.com
Как и зачем в Node.js реализовали EventTarget API: подробный рассказ инженеров NearForm → https://www.nearform.com/blog/node-js-and-the-struggles-of-being-an-eventtarget/
Веб-компоненты в реальном мире, часть 2: Борис Сердюк с очередной порцией неочевидных проблем веб-компонентов → https://habr.com/p/515332/
[Вакансия, удалёнка или релокация в Новосибирск]
Middle/senior фронтенд-разработчик в 2ГИС

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

Код пишем на TypeScript, карту отправляем в полёт на WebGL. Стараемся держать фокус на доставке фич, не забывая о техдолге и тестах, ревьювим и помогаем друг другу. 

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

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

Подробное описание вакансии → https://job.2gis.ru/software/1312/

Обязательно пишите, если хотите попасть в клёвую команду на крутой проект! @annabaitova с удовольствием ответит на все вопросы.
Советы начинающим программистам: тимлид из Uber делится приёмами для профессионального роста, проверенными на собственном опыте → https://blog.pragmaticengineer.com/advice-to-myself-when-starting-as-a-software-developer/
Технические предпочтения пользователей с нарушениями зрения в 2020 году: устройства, операционные системы, браузеры, экранные дикторы и многое другое в подробном исследовании Яндекса → https://habr.com/p/515460/
Мигрируем большой проект на TypeScript за один подход: инженеры Airbnb рассказывают о своём опыте и делятся инструментом ts-migrate для автоматизации перехода → https://medium.com/p/cd23bfeb5cc
This media is not supported in your browser
VIEW IN TELEGRAM
Микровзаимодействия: Арианна Чау на примерах показывает, как сделать интерфейс более отзывчивым и человечным → https://cloudfour.com/thinks/micro-interactions-to-incorporate-for-powerful-emotional-design/
Производительная архитектура фронтенда: высокоуровневый обзор техник оптимизации первой отрисовки, загрузки приложения и переходов между страницами → https://www.debugbear.com/blog/performant-front-end-architecture
Чем сброс стилей отличается от нормализации: визуальное объяснение Элайджи Мэнора
This media is not supported in your browser
VIEW IN TELEGRAM
Введение в leading-trim, новый CSS-стандарт, призванный решить проблемы с вертикальными отступами между текстом → https://medium.com/p/d082d84b202
Как уже сегодня начать использовать новый формат изображений AVIF, позволяющий сэкономить до 50% в сравнении с JPEG и до 20% в сравнении с WebP → https://reachlightspeed.com/blog/using-the-new-high-performance-avif-image-format-on-the-web-today/
eslint-plugin-boundaries, eslint-плагин для контроля архитектурных ограничений в проекте → https://github.com/javierbrea/eslint-plugin-boundaries