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

Поймут ли ваши иконки пользователи из других стран? Юля Кондратьева со ссылками на научные исследования разбирается, нужно ли делать локализацию иконок → https://habr.com/p/514612/

Что означает 100% в CSS? Спойлер: зависит от контекста. Амелия Уоттенбергер подробно разбирается, как вычисляются значения в процентах → https://wattenberger.com/blog/css-percents

content-visibility: новое экспериментальное CSS-свойство, позволяющее ускорить загрузку страницы за счёт откладывания отрисовки содержимого за пределами экрана → https://web.dev/content-visibility

Новый сайт TypeScript: более удобная структура, новая песочница, переработанная и расширенная документация с переводом на другие языки → https://devblogs.microsoft.com/typescript/announcing-the-new-typescript-website/

this vs that: объяснение разницы между похожими вещами во фронтенде вроде slice и splice, undefined и void, currentTarget и target → https://thisthat.dev/

[Вакансия мечты, Москва или удалёнка] Senior фронтенд-разработчик в Joom Самый быстрорастущий e-Commerce сервис Европы запускает новые направления, Pharma и B2B. Никакого легаси, амбициозные задачи, одни из лучших условий работы. Белая зарплата от 280 000₽ (до вычета налогов), пакет акций, ДМС и 100% оплачиваемые больничные, ипотечная программа после двух лет работы, релокационный пакет при желании переезда в Москву (на время пандемии работаем удалённо), гибкий график, бесплатные обеды и ужины в офисе. Joom Pharma, фармацевтический маркетплейс для Европы → https://hh.ru/vacancy/38388796 Joom B2B, качественно новый уровень сервиса на рынках оптовых закупок → https://hh.ru/vacancy/38405655

drop-shadow: недооценённый CSS-фильтр. Мишель Баркер рассказывает, чем он отличается от box-shadow и как его можно применить → https://css-irl.info/drop-shadow-the-underrated-css-filter

Как мы делаем Facebook.com максимально доступным: инженеры Facebook делятся приёмами для обеспечения доступности, применёнными в новой версии сайта → https://engineering.fb.com/web/facebook-com-accessibility

Бесконечная прокрутка без неожиданных сдвигов: Эдди Османи рассказывает, как улучшить UX бесконечной прокрутки, предотвратив сдвиги элементов → https://addyosmani.com/blog/infinite-scroll-without-layout-shifts/

Shape Divider App, сервис для генерации разделителей секций страницы необычной формы → https://www.shapedivider.app/

[Вакансия, Москва] Разбираешься в Angular, Linux, C#? «Лаборатории Касперского» нужен Fullstack Web Developer. Наша главная ценность — люди! Каждый год мы инвестируем в их обучение более 150 миллионов рублей. Только за 19-ый более 2500 коллег прокачали свои hard skills! Прокачаем и твои. Узнавай подробности и откликайся.

Вышел Emmet 2: превью сокращений, улучшенная поддержка JSX и CSS, более умная работа с кнопкой Tab и другие улучшения → https://teletype.in/@chikuyonok/emmet2-sublime-text Пока работает в Codepen и Sublime Text. Поддержите автора, чтобы Emmet 2 вышел для вашего редактора или IDE → https://github.com/sponsors/emmetio

Несколько комиксов про CSS: Джулия Эванс визуально объясняет принципы работы блочной модели, селекторов, единиц измерения и других концепций CSS → https://jvns.ca/blog/2020/07/25/some-comics-about-css/

[Вакансия, Санкт-Петербург] Aviasales разыскивает Frontend разработчиков сразу в 3 продуктовые команды Лот #1 Content Delivery отвечает за доставку автоматизированных уведомлений пользователям. Основной продукт — сервис подписок Price Alert. С его помощью пользователи подписываются на отслеживание цен на авиабилеты и получают уведомления, когда «ПОРА БРАТЬ» → https://aviasales.recruitee.com/o/frontend-developer-delivery Лот #2 Команда Монетизации отвечает за все небилетные сервисы Aviasales. Мы предлагаем продукты, которые нужны помимо авиабилетов — бронирование отелей, аренда автомобилей, экскурсии и другое → https://aviasales.recruitee.com/o/frontend-developer-monetization Лот #3 Explore — это то, с чего пользователь начинает свое взаимодействие с Aviasales. Цель команды: подготовить пользователя к точному поиску и помочь с выбором лучшего направления и/или дат перелета → https://aviasales.recruitee.com/o/frontend-developer-explore Требования к кандидату: — опыт коммерческой frontend разработки от 2-х лет; — отличное знание JavaScript и опыт использования React; — опыт работы с TypeScript; — понимание принципов оптимизации веб-приложений; — опыт написания unit/E2E тестов. От нас: — сильная команда и возможность влиять как на технологические, так и на продуктовые решения; — сейчас удаленная работа, но как только мир придет в себя — работа в офисе в Санкт-Петербурге; — если необходимо, поможем с переездом — билеты для тебя и твоей семьи, а также жилье на первые две недели; — заработная плата в долларах США; — забота о здоровье: ДМС для тебя и твоей семьи; — поддержка твоих увлечений: компенсация занятий спортом и изучения иностранных языков. Чего ты ждешь? Откликайся скорее 👆

Учитываем микроразметку на этапе дизайна: Фредерик О’Брайен рассказывает, как заложить основу для красивых сниппетов сайта в поисковой выдаче → https://www.smashingmagazine.com/2020/04/structured-data-design-process/

Алгоритмы и структуры данных, которые применяются в работе в крупных технологических компаниях: обзор инженера, работавшего в Uber, Skyscanner и Skype → https://blog.pragmaticengineer.com/data-structures-and-algorithms-i-actually-used-day-to-day/

postcss-100vh-fix, PostCSS-плагин от Андрея Ситника для автоматического исправления неправильного вычисления 100vh в мобильном Safari → https://github.com/postcss/postcss-100vh-fix

Как мы нарисовали на карте несколько тысяч интерактивных объектов без вреда для перформанса: Дарья Саенко из Авито делится опытом реализации нового поиска по карте → https://habr.com/p/512146

Как работает CORS: наглядное объяснение с анимированными примерами → https://dev.to/lydiahallie/cs-visualized-cors-5b8h

Простое объяснение делегирования событий: Дмитрий Павлутин объясняет, на чём основан один из базовых паттернов работы с DOM-событиями → https://dmitripavlutin.com/javascript-event-delegation/