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

Синтезатор мелодий Nokia 3310 на JavaScript: ностальгическое руководство Сергея Зайцева → https://zserge.com/posts/nokia/

Как изменилась индустрия разработки ПО за последние 10–15 лет → https://twitter.com/GergelyOrosz/status/1318637104784605191

Вышла Node.js v15: npm 7 в комплекте, AbortController, новое поведение для unhandledRejection, поддержка QUIC и другие изменения в официальном анонсе → https://medium.com/p/deb00750f278

Сокращаем расходы на вычисление геометрии страницы браузерами: объяснение принципа работы CSS-свойства content-visibility на примере ускорения отрисовки спецификации HTML (с 50 секунд до 400 миллисекунд) → https://youtu.be/FFA-v-CIxJQ

Вышел npm 7: воркспейсы для удобной работы с несколькими пакетами, автоматическая установка peer-зависимостей, новый формат локфайла, поддержка yarn.lock и другие изменения → https://github.blog/2020-10-13-presenting-v7-0-0-of-the-npm-cli/

Вышел Webpack 5: официальный анонс со списком изменений → https://webpack.js.org/blog/2020-10-10-webpack-5-release/

Руководство по миграции с четвёртой версии → https://webpack.js.org/migrate/5/

Флексбокс и text-overflow: ellipsis. Леонардо Фариа показывает, как сверстать отзывчивое название файла, которое красиво обрезается на узких экранах → https://leonardofaria.net/2020/07/18/using-flexbox-and-text-ellipsis-together/

Эффективное тестирование вёрстки: обзор инструментов и подходов от Максима Соснова из «СКБ Контур» → https://habr.com/p/499638/

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

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

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

Как открывать ссылки: в той же или в новой вкладке браузера? UX-рекомендации от Nielsen Norman Group → https://www.nngroup.com/articles/new-browser-windows-and-tabs/

Как написать собственную виртуальную DOM с нуля: руководство Александра Моргунова → https://amorgunov.com/posts/2020-08-03-create-own-virtual-dom/

JavaScript для Data Science: книга о прикладном применении веб-технологий для инженеров, учёных и всех, кому нужно анализировать и визуализировать данные → https://js4ds.org

В Chrome 86 вводят раздельный HTTP-кеш: теперь в целях приватности одни и те же ресурсы вроде библиотек с CDN будут кешироваться повторно для каждого сайта → https://developers.google.com/web/updates/2020/10/http-cache-partitioning

vanilla-colorful и react-colorful: легковесный, доступный и дружественный к мобильным виджет выбора цвета.

React-версия (~1,8 КБ в gzip) → https://omgovich.github.io/react-colorful/

Портированная на кастомные элементы версия без привязки к React (~2,7 КБ в gzip) → https://web-padawan.github.io/vanilla-colorful/

За пределами медиавыражений: обзор более современных возможностей HTML и CSS для отзывчивой вёрстки → https://css-tricks.com/beyond-media-queries-using-newer-html-css-features-for-responsive-designs

Duet Date Picker, базовый компонент для выбора дат: без зависимостей и привязки фреймворку, доступность/темизация/расширяемость/локализация из коробки, адаптация к мобильным экранам и другие возможности → https://github.com/duetds/date-picker

[Вакансия, удалёнка, фултайм/парттайм, 60–100 тысяч рублей]
Верстальщик в Oceanstart

О нас
Oceanstart больше 5 лет работает на рынке сложной веб-разработки и performance-маркетинга. У нас сильная команда и классные клиенты из Европы, США и РФ. Подробнее о нас → oceanstart.dev

Чем предстоит заниматься
— адаптивно и кроссбраузерно верстать по макетам из Figma;
— развивать компонентный подход к вёрстке;
— дополнять документацию.

Наш идеальный кандидат
— имеет опыт не менее двух лет;
— использует Git;
— имеет опыт взаимодействия с бэкендом через REST API;
— хорошо знает JavaScript;
— совсем здорово, если знаком с Vue/React/Angular или хочет их изучить.

Интересно? Присылайте резюме или задавайте вопросы → @katirg

ts-sql: бессмысленная и беспощадная, но впечатляющая SQL база данных, реализованная на системе типов TypeScript → https://github.com/codemix/ts-sql