В конце октября в офисе Туту.ру прошла очередная встреча по фронтенду в Москве moscowcss. На митапе выступили три докладчика: Игорь Лесневский из дизайн-бюро «Зебра» рассказал о WebP, фронтендер Туту.ру Артем Нечунаев поделился знаниями об адаптивном SVG, а Сергей Попов из HTML Academy и по совместительству организатор moscowcss выступил с докладом о том, как оставить спецификации, которыми бы могли пользоваться другие разработчики со всего мира.
Мы записали видео лекций и делимся ими с вами.
WebP: что это и как нам это использовать
Игорь Лесневский, web-разработчик, из B2B дизайн-бюро «Зебра» о том, какие преимущества дает формат изображений WebP, как обстоят дела с его поддержкой, и как использовать WebP максимально эффективно.
Адаптивный SVG
На примере одной из продуктовых задач Туту.ру фронтендер нашей компании Артем Нечунаев разобрал подход для создания элементов нетривиальной формы с использованием SVG.
Верстальщик: Наследие
Организатор moscowcss, Сергей Попов из HTML Academy о том, что делать, если вы захотели оставить после себя спецификации, которыми могли бы пользоваться миллионы разработчиков по всему миру. Как устроен мир спецификаций современного веба, а также куда идти и что нужно знать, чтобы готовить свои черновики спецификаций.
Aingis
Непонятно, почему Артём Нечунаев говорит (на 7:33), что «в SVG нет фигуры „прямоугольник с закруглёнными уголками”». Такая фигура есть: достаточно задать
атрибут rxилиryдля<rect>.Гораздо интересней случай, когда нужна ещё и обводка. Тут он, к сожалению, не разобран.
nobr
Похоже я ошибся, такая фигура действительно есть. Обводку можно сделать при помощи нескольких фильтров, хороший пример можно найти по ссылке: stackoverflow.com/a/42449363