For Web — фронтенд, дизайн, программирование
14.5K subscribers
5.47K photos
7 videos
5 files
1.74K links
Новости и полезности для фронтендеров.
Поддержать, чтобы в канале не было рекламы:
https://patreon.com/forweb
https://boosty.to/forweb
Download Telegram
Анатомия push-уведомлений в 2020 году: из чего состоят пуш-уведомления в вебе и на мобильных и как их можно кастомизировать → https://onesignal.com/blog/push-notification-design-anatomy/
ECMAScript 2021: Аксель Раушмайер опубликовал обновляемый список фич, которые потенциально войдут в свежую версию стандарта → https://2ality.com/2020/09/ecmascript-2021.html
Как создание PWA повлияло на бизнес индийского поисковика авиабилетов Goibibo: подробный обзор с результатами внедрения конкретных API вроде Contact Picker или Web OTP → https://web.dev/goibibo/
Как работает механизм фолбека шрифтов в компьютерах: подробное исследование дизайнера Figma → https://www.figma.com/blog/when-fonts-fall/
jscpd, инструмент для поиска копипасты в проекте с поддержкой 150+ форматов файлов → https://github.com/kucherenko/jscpd/
Простые TypeScript-хитрости для безболезненного роста кодовой базы: подборка Романа Седова из Tinkoff → https://habr.com/p/521262/
CSS Values, каталог возможных значений и синтаксиса каждого CSS-свойства со ссылками на документацию и информацией о поддержке браузерами → https://cssvalues.com/
Vime, кастомизируемый, расширяемый, доступный и независимый от фреймворка медиаплеер → https://vimejs.com
От монолита в 12 000 строк на jQuery к модульному приложению на React: инженеры Dropbox рассказали об опыте рефакторинга приложения для подписания документов HelloSign →https://dropbox.tech/application/jquery-to-react--how-we-rewrote-the-hellosign-editor
ts-sql: бессмысленная и беспощадная, но впечатляющая SQL база данных, реализованная на системе типов TypeScript → https://github.com/codemix/ts-sql
Как и зачем в ДомКлике образовали выделенную Frontend Core команду и внедрили дизайн-систему → https://habr.com/p/520630/
[Вакансия, удалёнка, фултайм/парттайм, 60–100 тысяч рублей]
Верстальщик в Oceanstart

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

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

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

Интересно? Присылайте резюме или задавайте вопросы → @katirg
Duet Date Picker, базовый компонент для выбора дат: без зависимостей и привязки фреймворку, доступность/темизация/расширяемость/локализация из коробки, адаптация к мобильным экранам и другие возможности → https://github.com/duetds/date-picker
За пределами медиавыражений: обзор более современных возможностей HTML и CSS для отзывчивой вёрстки → https://css-tricks.com/beyond-media-queries-using-newer-html-css-features-for-responsive-designs
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/
В Chrome 86 вводят раздельный HTTP-кеш: теперь в целях приватности одни и те же ресурсы вроде библиотек с CDN будут кешироваться повторно для каждого сайта → https://developers.google.com/web/updates/2020/10/http-cache-partitioning
JavaScript для Data Science: книга о прикладном применении веб-технологий для инженеров, учёных и всех, кому нужно анализировать и визуализировать данные → https://js4ds.org
Как написать собственную виртуальную DOM с нуля: руководство Александра Моргунова → https://amorgunov.com/posts/2020-08-03-create-own-virtual-dom/
Как открывать ссылки: в той же или в новой вкладке браузера? UX-рекомендации от Nielsen Norman Group → https://www.nngroup.com/articles/new-browser-windows-and-tabs/
Эффективное тестирование вёрстки: обзор инструментов и подходов от Максима Соснова из «СКБ Контур» → https://habr.com/p/499638/