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
Переход Chrome DevTools на TypeScript: инженеры Google о мотивации и опыте миграции инструментов разработчика Chrome с Closure Compiler на TypeScript → https://developer.chrome.com/blog/migrating-to-typescript/
This media is not supported in your browser
VIEW IN TELEGRAM
Изменение размеров изображения с учетом его содержимого: Алексей Трехлеб объясняет принципы алгоритма Seam Carving и пошагово реализует его на TypeScript с применением динамического программирования → https://vas3k.club/post/9637/
Сравнение производительности обычного CSS и CSS-in-JS с неутешительными выводами для любителей styled-components и других CSS-in-JS библиотек с рантаймом → https://pustelto.com/blog/css-vs-css-in-js-perf
Рецепты веб-перформанса с Puppeteer: Эдди Османи делится практическими способами автоматизации измерения производительности → https://addyosmani.com/blog/puppeteer-recipes/
Colord, легковесная и быстрая библиотека для конвертации и преобразования цветов → https://github.com/omgovich/colord
Wrike переходит с Dart на TypeScript и React: подробный рассказ в двух частях о причинах и аргументах в пользу перехода.

Почему не Dart → https://habr.com/p/551962/
Почему TypeScript и React → https://habr.com/p/551964/
Автоматически растягивающаяся textarea: Крис Койер делится трюком, позволяющим реализовать авторасширение textarea на гридах с минимумом JS → https://css-tricks.com/the-cleanest-trick-for-autogrowing-textareas/
WinBox, библиотека для реализации оконных интерфейсов в вебе → https://nextapps-de.github.io/winbox/
Sucrase, альтернатива Babel для ускорения транспиляции в режиме разработки: транспилирует код с прицелом на современные браузеры, работает в 20 раз быстрее Babel → https://github.com/alangpierce/sucrase
Неочевидная особенность регулярных выражений в JavaScript: как не сломать код, вынося регулярки в переменные → https://forweb.dev/ru/blog/stateful-regexps/
SVG Waves, генератор SVG-волн для красивого разделения секций страницы → https://www.svgwaves.io
Как инженеры GitHub используют веб-компоненты для разработки интерфейсов → https://github.blog/2021-05-04-how-we-use-web-components-at-github/

GitHub Elements, опенсорсные веб-компоненты, разработанные и используемые в GitHub → https://github.com/github/github-elements
Стандарт Temporal за две минуты: обзорное введение в новый API для работы с датами и временем в JavaScript → https://bkardell.com/blog/TemporalIn2Min.html
Сериал «История фронтенда», второй выпуск: JavaScript как отражение новой эпохи. История языка JavaScript, его стандарта ECMAScript и выросшей вокруг него экосистемы в 2000-х годах → https://blog.csssr.com/ru/article/frontend-history-java-script-as-a-reflection-of-a-new-era/
Вышел Bootstrap 5: выпилена jQuery, отказ от поддержки IE, поддержка RTL из коробки, новые компоненты, переход на Dart Sass и множество других улучшений → https://blog.getbootstrap.com/2021/05/05/bootstrap-5
Легендарному CSS Zen Garden исполнилось 18 лет: хороший повод вспомнить проект, показавший нам, насколько широки возможности стилизации одной и той же разметки → http://www.csszengarden.com
Коллекции плохих практик и ошибок применения HTML и CSS с рекомендациями по исправлению, собранные на основе реальных сайтов:

HTMHell → https://www.htmhell.dev
CSS Hell → https://csshell.dev
Коллекция рекомендованных базовых tsconfig для разных окружений → https://github.com/tsconfig/bases
This media is not supported in your browser
VIEW IN TELEGRAM
Генеративный дизайн для шеринга в соцсетях: руководство по разработке конструктора картинок с генеративным фоном на SVG → https://georgefrancis.dev/writing/generative-svg-social-images/
Catalyst, созданный и используемый в GitHub набор принципов, техник и инструментов разработки веб-компонентов для сложных приложений → https://github.github.io/catalyst/