Какой рейтинг вас больше интересует?
|
Главная / Главные темы / Тэг «svg»
[Из песочницы] Векторная замена спрайтам — имплантируем SVG в CSS 2015-05-12 17:56:41
... векторные. Основные плюсы SVG — это масштабирование, малый ... потому что физически SVG-картинки в HTML ...
+ развернуть текст сохранённая копия
Не так давно компания, в которой я работаю, наконец-то окончательно отказалась от поддержки IE8 и, как следствие, я вплотную занялся вопросом перехода с растровых иконок на векторные. Основные плюсы SVG — это масштабирование, малый вес и возможность стилизации через CSS.
Сначала я попробовал воспользоваться техникой спрайтов, просто использовав вместо растра вектор, но тут возникло две проблемы:
- Масштабирование. При произвольных размерах элементов спрайта для того, чтобы его точно отпозиционировать, приходится танцевать с бубном. И при изменении размера самого спрайта (например, при добавлении нового элемента) все может поползти.
- Возможность стилизации посредством CSS отсутствует, потому что физически SVG-картинки в HTML-коде нет.
Решаем проблемы по мере их поступления
Тэги: css, svg, веб-разработка, векторная, графика, препроцессоры
Что дизайнеру нужно знать о SVG: за и против 2015-04-30 11:22:37
... о технологии SVG, принципах работы с ... ли они SVG, и если ...
+ развернуть текст сохранённая копия
Ранее в нашем блоге мы поднимали тему создания качественных веб-интерфейсов, в частности в одном из предыдущих топиков рассматривался вопрос правильного использования анимаций. В сегодняшнем материале речь пойдёт о технологии SVG, принципах работы с этой технологией, её плюсах и минусах. Кроме того, мы поинтересовались у отечественных дизайнеров, применяют ли они SVG, и если нет, то почему. Читать дальше →
Тэги: academy, html, svg, блог, браузере, веб-дизайн, веб-разработка, вектор, векторная, графика, дизайн, интерфейсы, компании, плюсы
[Перевод] Эффект Motion Blur с помощью SVG 2015-04-09 21:44:22
... CSS с помощью SVG.
+ развернуть текст сохранённая копия
Сегодня мы рассмотрим, как создать эффект motion blur и применить его к анимациям CSS с помощью SVG.
▶Посмотреть на GitHub
▶Демо (рус.)
Читать дальше →
Тэги: blur, motion, svg, веб-дизайн, веб-разработка, движении, размытие
Конвертируем svg to png 2015-04-05 22:02:58
... появляется необходимость сохранить svg в png средствами ...
+ развернуть текст сохранённая копия
 Иногда появляется необходимость сохранить svg в png средствами браузера. К сожалению, браузер не имеет волшебного api, который позволил бы это сделать без различных хаков. Что же делать, если все таки хочется добиться желаемого?
Читать дальше →
Тэги: canvas, javascript, svg, веб-разработка
Портативная Bluetooth колонка для экстрима Exeq SPK-1208 2015-02-27 12:08:07
Российская компания Exeq начала продажи портативной беспроводной колонки SPK-1208 в защищенном ...
+ развернуть текст сохранённая копия
Российская компания Exeq начала продажи портативной беспроводной колонки SPK-1208 в защищенном корпусе. Модель представлена в ярком стиле и предназначена для пользователей, которые не ограничивают себя четырьмя стенами и предпочитают вести активный или экстремальный образ жизни.
Тэги: bluetooth, exeq, handsfree, spk-1208, акустика, акустическая, аудио, беспроводная, беспроводной, видео,, водонепроницаемая, динамик, защищенная, защищенные, колонка, новости, портативная, портативнаяч, портативный, русское, спортивная, устройства, фото,
Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 ...
Главная / Главные темы / Тэг «svg»
|
Взлеты Топ 5
Падения Топ 5
|
