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

В Google Fonts появилось 2 000+ бесплатных иконок Material Design в пяти стилях и различных форматах для веба, iOS и Android → https://fonts.google.com/icons

git-notify, инструмент для оповещения коллег о важных изменениях в кодовой базе прямо в терминале после git pull → https://github.com/jevakallio/git-notify

Погружаемся в тени: теория и практика применения теней в веб-дизайне → https://css-tricks.com/getting-deep-into-shadows/

Спорные Web API: обзор новых API, о внедрении которых не могут договориться браузеры по причинам вроде нарушения приватности → https://webapicontroversy.com

​[Вакансия, удалёнка или офис в Казани]
Middle/Senior фронтенд-разработчик в Flatstack, 100–185К рублей на руки

Flatstack — международная IT-компания с офисами в Казани, Новом Орлеане и Варшаве. С 2006 года разрабатываем ПО для клиентов из США, Европы, России и других стран. Сейчас у нас 50 талантливых программистов, дизайнеров, проектных менеджеров и QA.

Ищем фронтенд-разработчиков на разные проекты: CRM-система, HR-система, сервис по оказанию юридических услуг, американский сервис по управлению парковками.

Мы используем React, Vue.js, GraphQL (Apollo), GitLab, пишем unit/интеграционные/E2E-тесты, кроссбраузерно и адаптивно верстаем.

Предлагаем:
— официальное трудоустройство с гибким графиком;
— индивидуальный план развития, регулярный пересмотр зарплаты;
— практику английского языка и общение с иностранными заказчиками;
— надбавку за стаж, бонус к значимым событиям (свадьба, рождение детей);
— софинансирование покупки MacBook;
— подарки за отличную работу;
— (в офисе) уютные коворкинг-места в центре, спорт-уголок, кухня, cкидки в спортзале этажом ниже, поддержка в поиске парковочных мест.

Присоединяйтесь → https://kazan.hh.ru/vacancy/40747576, join@flatstack.com, @irinalenchevskaia

Архитектура UI в Netflix Studio Technology: как разрабатывают интерфейсы для 80+ приложений, используемых на протяжении всего процесса производства сериалов и фильмов → https://youtu.be/LtrXwX81CPE

Погружаемся в псевдоэлементы ::before и ::after: от способов применения до неочевидных нюансов → https://codersblock.com/blog/diving-into-the-before-and-after-pseudo-elements/

Шейдеры, Three.js и киберпанк: как фронтендеры Технократии cделали лендинг в неоново-античной стилистике → https://habr.com/p/542698/

CSSSR запустили сериал «История фронтенда». Первая серия «Браузер, который умел всё» о людях и инструментах, построивших веб, к которому мы привыкли → https://youtu.be/7nrDctGYOIk

Будущее веб-приложений — HTML через вебсокеты: Мэтт Паттерсон рассказывает о подходе, избавляющем от сложности классических SPA без потери отзывчивости интерфейса → https://alistapart.com/article/the-future-of-web-software-is-html-over-websockets/

Состояние дизайна в 2021 году: результаты опроса 1000+ дизайнеров об их рабочем процессе и проблемах, с которыми они сталкиваются → https://www.abstract.com/state-of-design

Почему стоит отказаться от Express в 2021 году: спорный, но заставляющий задуматься обзор проблем Express → https://dev.to/romainlanz/why-you-should-drop-expressjs-in-2021-711

От библиотеки компонентов к дизайн-системе: фронтендеры ISPsystem поделились опытом реализации и развития UI-кита на веб-компонентах и Angular для использования в разных проектах компании → https://habr.com/p/507826/

Таски, микротаски, нанотаски… Что это и как они работают в JavaScript? Джейк Арчибальд и Александр Сурма обсуждают нюансы отложенного выполнения колбеков → https://youtu.be/8eHInw9_U8k

Помимо размера бандла: какие метрики для оценки быстродействия не менее важны и как их измерить? Опыт Нолана Лоусона → https://nolanlawson.com/2021/02/23/javascript-performance-beyond-bundle-size/

Что не так с плавающими подписями у полей ввода, как в Material Design: обзором проблем UX от Адама Сильвера и простая альтернатива → https://www.smashingmagazine.com/2021/02/material-design-text-fields/

Красивая доступность с плавающим фокусом: инженеры Q42 рассказали об опыте реализации кастомной обводки, плавно следующей за фокусом, и поделились готовым к использованию решением → https://engineering.q42.nl/floating-focus/

GraphQL за 100 секунд: отличия от REST, решаемые проблемы и основные концепции → https://youtu.be/eIQh02xuVw4

Шпаргалка по именованию переменных и функций с практическими рекомендациями и примерами → https://github.com/kettanaito/naming-cheatsheet

Оптимизируем видео в вебе: от исходных файлов до вставки на страницу. Даг Силларс с обзором основных техник оптимизации, которые помогут избежать долгой загрузки и тормозов при воспроизведении → https://www.smashingmagazine.com/2021/02/optimizing-video-size-quality/