For Web — фронтенд, дизайн, программирование
14.7K subscribers
5.47K photos
7 videos
5 files
1.74K links
Новости и полезности для фронтендеров.
Поддержать, чтобы в канале не было рекламы:
https://patreon.com/forweb
https://boosty.to/forweb
Download Telegram
Официальный сайт TC39 (комитет, разрабатывающий спецификацию ECMAScript) теперь доступен на русском языке: полезные ссылки и обзор предложений-кандидатов в спецификацию → https://tc39.es/ru

Помочь с переводом и предложить улучшения → https://github.com/tc39/tc39.github.io
Can I :has(): Брайан Карделл анонсирует начало работы над реализацией родительского селектора :has() в браузерах и рассказывает о его сложной истории → https://bkardell.com/blog/canihas.html
Руководство по тришейкингу: что это за оптимизация, как она работает и как применять её на практике → https://www.smashingmagazine.com/2021/05/tree-shaking-reference-guide/
[Вакансия, удалёнка или переезд в Москву]
Фронтенд-разработчик в Joom 🔥

Joom — международный маркетплейс, самый быстрорастущий e-Commerce сервис Европы c 300+ млн установок приложения по всему миру. Основатель компании и CEO — Илья Широков, создатель Моего Круга и бывший президент Одноклассников.

Ищем фронтендеров на несколько разных направлений: сайт маркетплейса, сервис для продавцов, админка, платформа аналитики. Используем TypeScript, React, CSS-модули и другие инструменты на разных проектах (Effector/MobX/Redux, Next.js, Express, Sass, Google Closure). Качество кода обеспечивают ESLint, Stylelint, Prettier, Jest, прекоммит-хуки и CI.

Мы ценим сотрудников: у нас белая зарплата от 200 000₽ на руки, пакет акций компании после испытательного срока, ДМС и 100% оплачиваемые больничные, бесплатные обеды в офисе, ипотечная программа после двух лет работы, релокационный пакет для соискателей не из Москвы.

Присоединяйтесь → https://hh.ru/vacancy/43396076
Server-Sent Events: простая замена вебсокетов. Андрей Мелихов с обзором недооценённой технологии односторонней передачи данных с сервера по отдельному постоянному каналу → https://youtu.be/CJrmK3IXC8o
zx, инструмент от инженеров Google для написания консольных скриптов на JavaScript с удобным API для вызова команд оболочки → https://github.com/google/zx
5 шагов к быстрым веб-шрифтам: Иэн Бин делится практическими приёмами подключения веб-шрифтов для оптимального UX → https://iainbean.com/posts/2021/5-steps-to-faster-web-fonts/
Learn CSS, новый «вечнозелёный» курс по CSS от Google Developers: 24 модуля с теорией, интерактивными демками и проверочными заданиями → https://web.dev/learn/css
This media is not supported in your browser
VIEW IN TELEGRAM
Как реализовать всплывающее меню для выделенного текста с помощью Selection API → https://css-tricks.com/how-to-create-actions-for-selected-text-with-the-selection-api/
Вышел Sublime Text 4!

Основные улучшения:
— новый UI;
— более умное автодополнение;
— поддержка TypeScript/JSX/TSX;
— отрисовка на GPU и другие оптимизации быстродействия;
— поддержка Apple Silicon и Linux ARM64.

Полный список изменений → https://www.sublimetext.com/blog/articles/sublime-text-4
👍1
Введение в back/forward cache, используемый браузерами при навигации по истории: как он работает и как подготовить к нему своё приложение → https://web.dev/bfcache/
Пакетные менеджеры не управляют вашими зависимостями, поэтому нужно брать ответственность на себя. Соавтор Jest и Yarn Кристоф Наказава поделился практическими приёмами и инструментами для анализа и оптимизации зависимостей → https://cpojer.net/posts/dependency-managers-dont-manage-your-dependencies
Введение в медиавыражения от контейнера: какую проблему они решают, как они работают и как дополняют существующие возможности CSS → https://www.smashingmagazine.com/2021/05/complete-guide-css-container-queries
Швейцарский нож отладки JavaScript: Алексей Устинов из Delivery Club делится приёмами эффективной отладки кода через браузерные инструменты разработчика → https://habr.com/ru/company/deliveryclub/blog/557386/
For Web Talks #1: Ярослав Ковалев из Gett рассказал о 4-хдневной рабочей неделеhttps://t.me/chatforweb/90037

Основные темы:
— зачем и как в Gett внедрили 4-хдневную рабочую неделю;
— личный опыт и впечатления от работы 4 дня в неделю;
— как 4-хдневка повлияло на продуктивность сотрудников;
— как изменились рабочие процессы;
— как сотрудники с 5-дневкой и 4-хдневкой уживаются в одной команде.

Спасибо @yesley за рассказ и @stcherenkov за организацию! Приходите в наш чат, чтобы участвовать в новых эфирах и делиться собственным опытом → @chatforweb
Команда разработки тайпчекера Flow поделилась планами на будущее. TL;DR: опенсорс больше не в приоритете → https://medium.com/p/e721a4eb4d8b
DOM Events, интерактивная визуализация механизма работы DOM-событий → https://domevents.dev
This media is not supported in your browser
VIEW IN TELEGRAM
Разработчики онлайн-песочницы Replit рассказали, почему они перешли с Webpack на новый сборщик Vite → https://blog.replit.com/vite
Более отзывчивый веб с планировщиком postTask. Инженеры Airbnb поделились опытом и результатами применения нового API для явного планирования и приоритизации задач в event loop: от ожидания инициализации страницы до предзагрузки картинок в каруселях → https://medium.com/p/276b83454e91
Загружаем изображения прогрессивно: Джейк Арчибальд и Александр Сурма обсуждают, как разные форматы изображений загружаются и что можно сделать, чтобы загрузка воспринималась быстрее → https://youtu.be/-7k3H2GxE5E