Многие пользователи пренебрегают сайтами с медленной загрузкой. Ian Culshaw объясняет, как использовать SVG Raphaël библиотеку что бы создать прелоадер, который будет удерживать внимание пользователей во время загрузки страниц.



ДЕМО
Исходные файлы

Читать дальше →

Сегодня мне удалось попробовать элемент pattern для создания необычной заливки SVG-объекта. Этот опыт нужно записать! Для начала нужно создать сам паттерн в секции defs. Например так: <pattern id="bricks" patternUnits="userSpaceOnUse" x="0" y="0" width="10" height="10"> <rect width="10" height="10" style="fill:#DB531D"/> <path d="M1,0 L9,0" … подробнее →

Сегодня я столкнулся с весьма интересными особенностями работы браузеров при отображении SVG-фигур оформленных через CSS. Для начала возьмем и создадим тестовый SVG-объект: <rect id="testRect" x="100" y="100" width="300" height="100"/> Первая часть эксперимента Через инлайн стили зададим ему офромление. Для этого добавим … подробнее →

Пару дней назад я нашел брошенный в клипарт SVG-автомобиль. Владелец транспортного средства не известен. В процессе изучения технического состояния находки обнаружились проблемы с избыточным весом и множество лишних деталей. После оптимизации кривых и сокращения количества элементов оказалось, что авто довольно … подробнее →