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

​[Реклама] SmartDev - первая технологическая конференция Сбера для разработчиков ⏱ 20 мая 👨‍💻 Онлайн и бесплатно 🎯 Регистрация Первая техно-конференция, на которой соберутся более 3000 участников и обсудят лучшие практики и возможности Сбера для разработчиков. 6 параллельных стримов, 50+ спикеров. На стриме Platform V эксперты расскажут, как быстро перейти на современный стек технологий и автоматизировать создание IT-сервисов и продуктов на всех слоях enterprise-архитектуры. Презентация Platform V Light — бесплатные сервисы платформы, впервые доступны для индивидуальных разработчиков и предпринимателей. О чем поговорим: — фронтальные и бэкенд-сервисы для создания и вывода продуктов с минимальным time to market; — облачное интеграционное решение на базе service mesh; — использование инструментов AI на всех слоях enterprise-архитектуры; — serverless-инструменты для освобождения разработчиков от инфраструктурных задач; — шардирование и горизонтальное масштабирование для обеспечения высочайшего уровня надежности; — сервисы Platform V для разработки навыков Салюта. Участие в конференции бесплатное, по предварительной регистрации. До встречи в прямом эфире! ✊

Легендарному CSS Zen Garden исполнилось 18 лет: хороший повод вспомнить проект, показавший нам, насколько широки возможности стилизации одной и той же разметки → http://www.csszengarden.com

Вышел Bootstrap 5: выпилена jQuery, отказ от поддержки IE, поддержка RTL из коробки, новые компоненты, переход на Dart Sass и множество других улучшений → https://blog.getbootstrap.com/2021/05/05/bootstrap-5

Сериал «История фронтенда», второй выпуск: JavaScript как отражение новой эпохи. История языка JavaScript, его стандарта ECMAScript и выросшей вокруг него экосистемы в 2000-х годах → https://blog.csssr.com/ru/article/frontend-history-java-script-as-a-reflection-of-a-new-era/

Стандарт Temporal за две минуты: обзорное введение в новый API для работы с датами и временем в JavaScript → https://bkardell.com/blog/TemporalIn2Min.html

Как инженеры GitHub используют веб-компоненты для разработки интерфейсов → https://github.blog/2021-05-04-how-we-use-web-components-at-github/ GitHub Elements, опенсорсные веб-компоненты, разработанные и используемые в GitHub → https://github.com/github/github-elements

SVG Waves, генератор SVG-волн для красивого разделения секций страницы → https://www.svgwaves.io

Неочевидная особенность регулярных выражений в JavaScript: как не сломать код, вынося регулярки в переменные → https://forweb.dev/ru/blog/stateful-regexps/

Sucrase, альтернатива Babel для ускорения транспиляции в режиме разработки: транспилирует код с прицелом на современные браузеры, работает в 20 раз быстрее Babel → https://github.com/alangpierce/sucrase

WinBox, библиотека для реализации оконных интерфейсов в вебе → https://nextapps-de.github.io/winbox/

Автоматически растягивающаяся textarea: Крис Койер делится трюком, позволяющим реализовать авторасширение textarea на гридах с минимумом JS → https://css-tricks.com/the-cleanest-trick-for-autogrowing-textareas/

Wrike переходит с Dart на TypeScript и React: подробный рассказ в двух частях о причинах и аргументах в пользу перехода. Почему не Dart → https://habr.com/p/551962/ Почему TypeScript и React → https://habr.com/p/551964/

​[Реклама] Как из кода для машин получается сайт для людей? Познакомьтесь с основами фронтенд-разработки на бесплатном интенсиве от GeekBrains. На интенсиве: — посмотрим на сайт глазами разработчика; — разберёмся с HTML-тегами и CSS-свойствами; — познакомимся с блочной моделью; — попробуем сделать свою страницу. Ещё не знакомы с HTML и CSS и не определились, какое направление в программировании выбрать? Подключайтесь к бесплатному интенсиву от GeekBrains → https://gb.ru/link/Ptv1uK

Colord, легковесная и быстрая библиотека для конвертации и преобразования цветов → https://github.com/omgovich/colord

Рецепты веб-перформанса с Puppeteer: Эдди Османи делится практическими способами автоматизации измерения производительности → https://addyosmani.com/blog/puppeteer-recipes/

Сравнение производительности обычного CSS и CSS-in-JS с неутешительными выводами для любителей styled-components и других CSS-in-JS библиотек с рантаймом → https://pustelto.com/blog/css-vs-css-in-js-perf

Изменение размеров изображения с учетом его содержимого: Алексей Трехлеб объясняет принципы алгоритма Seam Carving и пошагово реализует его на TypeScript с применением динамического программирования → https://vas3k.club/post/9637/

Переход Chrome DevTools на TypeScript: инженеры Google о мотивации и опыте миграции инструментов разработчика Chrome с Closure Compiler на TypeScript → https://developer.chrome.com/blog/migrating-to-typescript/

Микрофронтенды в Delivery Club: разделяй и властвуй. Почему разработчики Delivery Club решили использовать микрофронтенды и с какими проблемами они столкнулись при внедрении → https://habr.com/p/552240/

Сравниваем новое поколение сборщиков: подробный обзор и сравнение возможностей esbuild, snowpack, vite и wmr → https://css-tricks.com/comparing-the-new-generation-of-build-tools/