«Неочевидные возможности SVG в современном фронтенде»

Константин Остров, руководитель отдела фронтенд-разработки в студии «Феникс», делится историей о том, как его команда преодолевала сложности с SVG и на какие грабли не стоит наступать вам.

Вы узнаете:

— о позиционировании объектов внутри SVG и о том, как им овладеть;
— о внедрении динамических элементов внутрь SVG;
— о расчете координат объектов вне box модели;
— о возможности влиять на содержимое SVG средствами CSS и JS, ограничениях и способах решения;
— о производительности SVG в вебе и о том, как ее можно улучшить.

📺 Смотреть

⚡️Команда Microsoft выпустила новую версию Teams

Архитектура Teams теперь включает Fluent UI, WebView2 вместо Electron и React вместо Angular.

Подробнее

Думали Телеграм останется в стороне, и ничего не сделает к 1 апреля, но нет, новая анимация при нажатии лайка — прекрасная! Круто придумали, молодцы! Видимо сам Дуров приложил к этому руку 👍

Топ-10 CSS-свойств аниматора

Доклад 2021 года, но он заслуживает вашего внимания. Юлия Миоцен много лет занимается CSS рисунками и анимациями. За это время у нее образовался топ самых любимых, интересных и полезных CSS-свойств, без которых не обходится ни одна моя демка. Юлия рассказывает, что в этих свойствах полезного, зачем они нужны и какие возможности они для нас открывают.

📺 Смотреть

🚀Разбираемся, как передовые фреймворки и инструменты сборки расширяют возможности отладки с использованием расширения x_google_ignoreList.

Читать

🎨 Команда разработчиков PostCSS выпустила новый плагин для использования color-mix() в любом браузере.

Если вы хотите углубиться в анализ и преобразование цветов, обратите внимание на выпущенный недавно CSS Color Parser, который поддерживает функции смешения цветов и рекурсивные функции цвета.

Ну и в заключение узнайте различные юзкейсы color-mix() и окончательно погрузитесь в новые возможности современного CSS по работе с цветами.