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

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

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

Как открывать ссылки: в той же или в новой вкладке браузера? 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

Как и зачем в ДомКлике образовали выделенную Frontend Core команду и внедрили дизайн-систему → https://habr.com/p/520630/

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

От монолита в 12 000 строк на jQuery к модульному приложению на React: инженеры Dropbox рассказали об опыте рефакторинга приложения для подписания документов HelloSign →https://dropbox.tech/application/jquery-to-react--how-we-rewrote-the-hellosign-editor

Vime, кастомизируемый, расширяемый, доступный и независимый от фреймворка медиаплеер → https://vimejs.com

CSS Values, каталог возможных значений и синтаксиса каждого CSS-свойства со ссылками на документацию и информацией о поддержке браузерами → https://cssvalues.com/

Простые TypeScript-хитрости для безболезненного роста кодовой базы: подборка Романа Седова из Tinkoff → https://habr.com/p/521262/

jscpd, инструмент для поиска копипасты в проекте с поддержкой 150+ форматов файлов → https://github.com/kucherenko/jscpd/

Как работает механизм фолбека шрифтов в компьютерах: подробное исследование дизайнера Figma → https://www.figma.com/blog/when-fonts-fall/

Как создание PWA повлияло на бизнес индийского поисковика авиабилетов Goibibo: подробный обзор с результатами внедрения конкретных API вроде Contact Picker или Web OTP → https://web.dev/goibibo/

ECMAScript 2021: Аксель Раушмайер опубликовал обновляемый список фич, которые потенциально войдут в свежую версию стандарта → https://2ality.com/2020/09/ecmascript-2021.html