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

Как мы делаем 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/

What the fuck is ...? Дэн Абрамов простыми словами объясняет computer science термины для фронтендеров → https://whatthefuck.is

Уже объяснены замыкание, динамическая диспетчеризация и мемоизация.

Современные техники CSS для улучшения читаемости текста: Эдуардо Кавацца делится практическими приёмами, основанными на лучших практиках типографики → https://www.smashingmagazine.com/2020/07/css-techniques-legibility/

Выбираем зависимости в JavaScript. Слава Фомин из DomClick рассказывает, по каким критериям стоит выбирать зависимости и как не допустить из-за них хаоса в проекте → https://habr.com/p/512154/

Объ­яс­не­ние клю­че­вых слов initial, inherit, unset и revert в CSS: Элад Шехтер в переводе Алексея Бузмакова → https://web-standards.ru/articles/inherit-initial-unset-revert/

Словарь CSS: визуализация принятых в CSS терминов вроде селекторов и комбинаторов → http://apps.workflower.fi/vocabs/css/en