Эта статья написана по следам создания плагина для чтения SVG файлов для анимационного векторного редактора NanoFL. В ней вы найдёте некоторые особенности того, как устроены файлы SVG изнутри и какие проблемы возникают при их разборе и последующем выводе на HTML5/Canvas средствами JavaScript.
Рубрика «svg» - 8
SVG-файлы изнутри и вывод векторных изображений на canvas «вручную» (ч.1)
2016-02-10 в 12:08, admin, рубрики: javascript, svg, Блог компании NanoFL, векторная графика, ПрограммированиеСпособы генерации SVG-спрайтов на примере библиотеки svg-sprite
2016-02-09 в 15:17, admin, рубрики: html, svg, svg-sprite, Веб-разработка, векторная графика, Работа с иконками, спрайты
Недавно я решал задачу организовать все SVG-файлы, используемые в проекте, в виде одного спрайта. До этого мне приходилось использовать самописное решение для такой задачи. На этот раз я решил воспользоваться популярной библиотекой svg-sprite, однако был сильно удивлен сколько разных способов создания она предлагает. Какой-то единой статьи где были разобраны все способы я не нашел, вся информация была разбросана по блогам и отдельным публикациям. Поэтому я решил собрать доступные в библиотеке способы для генерации спрайтов в одном месте, попутно проанализировав их преимущества и недостатки. Итак, поехали.
Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №197 (1 — 7 февраля 2016)
2016-02-07 в 20:58, admin, рубрики: angular, css, ES6, html5, javascript, JS, React, svg, анимация, Блог компании Zfort Group, браузеры, веб-дизайн, Веб-разработка, дайджест, Новости, ссылкиПредлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
Записи с конференции Web Standards Days — Москва 2015
2016-02-02 в 9:09, admin, рубрики: css, CSSO, html, javascript, Microsoft Edge, Shower, svg, Vorlon.js, WCAG, Web Standards Days, Блог компании Microsoft, веб-приложения, Веб-разработка, веб-стандарты, доступность, статистика, фронтэнд, метки: Web Standards Days
Логотипы WSD — github.com/web-standards-ru
В декабре мы помогали нашим друзьям из сообщества Веб-стандарты организовывать московскую конференцию серии Web Standards Days. Сегодня мы рады предложить вашему вниманию записи конференции и результаты опроса участников конференции об их предпочтениях в выборе технологий и инструментов разработки.
Открытие — Вадим Макеев (Opera)
Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №196 (25 — 31 января 2016)
2016-01-31 в 20:20, admin, рубрики: angular, css, ES6, html5, javascript, JS, React, svg, анимация, Блог компании Zfort Group, браузеры, веб-дизайн, Веб-разработка, дайджест, Новости, ссылкиПредлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №195 (18 — 24 января 2016)
2016-01-24 в 21:24, admin, рубрики: angular, css, ES6, html5, javascript, JS, React, svg, анимация, Блог компании Zfort Group, браузеры, веб-дизайн, Веб-разработка, дайджест, Новости, ссылкиПредлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №194 (11 — 17 января 2016)
2016-01-17 в 20:25, admin, рубрики: angular, css, ES6, html5, javascript, JS, React, svg, анимация, Блог компании Zfort Group, браузеры, веб-дизайн, Веб-разработка, дайджест, Новости, ссылкиПредлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
Коллекция практических советов и заметок по вёрстке
2016-01-13 в 4:13, admin, рубрики: css, css3, notes, refresher, svg, web
CSS Refresher
Это большая коллекция практических советов и заметок по вёрстке. Своеобразная памятка для тех, кто каждодневно использует CSS. Освещаются самые разные темы, от деталей поведения плавающих элементов до использования SVG и спрайтов. Проект постоянно обновляется, активное сообщество github также принимает в нем участие, там добавляются интересные замечания, о которых, возможно, вы и не слышали.
От переводчика
Приветствую всех, меня зовут Максим Иванов, и сегодня я подготовил для вас перевод заметок разработчика из Сан-Франциско Васанта Кришнамурти (Vasanth Krishnamoorthy) «CSS Refresher». Web-программирование одна из самых быстро развивающихся отраслей в наше время. Казалось бы, возьми какой-нибудь видеокурс на tuts+ и освой html-верстку, однако, как говорил разработчик Opera Software Вадим Макеев, выступая на конференции CodeFest, они все равно это делают плохо. Но давайте посмотрим, может мы итак все это знаем.
Содержание
- Позиционирование (position)
- Отображение элемента в документе (display)
- Плавающие элементы (float)
- CSS селекторы
- Эффективные селекторы
- Переотрисовка и перерасчет
- CSS3 свойства
- CSS3 медиа-запросы
- Адаптивный web-дизайн
- CSS3 переходы
- CSS3 анимации
- Масштабируемая векторная графика (SVG)
- CSS спрайты
- Вертикальное выравнивание
- Известные проблемы
Векторизация, небольшой баг и семистильный костыль
2016-01-11 в 1:44, admin, рубрики: adobe illustrator, cordova, cordova/phonegap, html5, javascript, phonegap, svg, WebView, баги, баги ie, векторизация, разработка мобильных приложений, разработка под windows phoneТолько что я нашёл решение странного бага, который преследовал меня целую неделю. Эта небольшая эпопея произвела на меня такое впечатление, что я решил поделиться ею с сообществом. Ошибка которую я обнаружил, возможно, присутствует лишь в моей прошивке и скорее всего никогда вас не затронет. Разве что вы решите делать Cordova/PhoneGap/HTML5 приложение с векторной графикой для Windows Phone 8.1 Читать полностью »
Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №193 (3 — 10 января 2016)
2016-01-10 в 19:56, admin, рубрики: angular, css, ES6, html5, javascript, JS, React, svg, анимация, Блог компании Zfort Group, браузеры, веб-дизайн, Веб-разработка, дайджест, Новости, ссылкиПредлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости