Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
Рубрика «svg» - 9
Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №192 (28 декабря 2015 — 3 января 2016)
2016-01-03 в 20:40, admin, рубрики: angular, css, ES6, html5, javascript, JS, React, svg, анимация, Блог компании Zfort Group, браузеры, веб-дизайн, Веб-разработка, дайджест, Новости, ссылки
Взлеты и падения SVG
2015-12-28 в 8:28, admin, рубрики: adobe, css, flash, html, IT-стандарты, microsoft, payonline, svg, XML, Блог компании PayOnline, веб-дизайн, Веб-разработка, векторная графика, история, развитие, разработка, язык разметки 
SVG — входящий в подмножество XML язык разметки масштабируемой векторной графики был создан в 1999 году, но только в 2011-м он был включен в рекомендации W3C. Поразительно, но за одиннадцать лет (с 2000 по 2011 год) SVG не претерпел существенных изменений. Тем не менее, ему все же удалось завоевать доверие и широкое признание разработчиков.
Один из таких разработчиков, наблюдавший за эволюцией SVG с момента его возникновения до наших дней, провел экскурс в историю развития языка. Только сейчас, по прошествии многих лет, ему удалось понять причины успехов и неудач SVG. Все свои наблюдения и умозаключения автор собрал в хронике «Взлеты и падения SVG». Пост подготовлен специально для корпоративного блока PayOnline, компании, которая занимается организацией платежей на сайтах и в мобильных приложениях. Далее непосредственно перевод.
Где-то в 1998 году моя бывшая коллега, в то время работавшая в Adobe, заглянула в мой офис чтобы рассказать мне об абсолютно новой технологии. Она знала, что мне будет интересно. Речь тогда шла о PGML или «Precision Graphics Markup Language», который представлял собой не что иное, как вариацию Adobe на тему XML для векторной графики. Джон Уорнок, один из основателей Adobe, тогда сказал про него следующее:
Читать полностью »
Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №191 (20 — 27 декабря 2015)
2015-12-27 в 20:46, admin, рубрики: angular, css, ES6, html5, javascript, JS, React, svg, анимация, Блог компании Zfort Group, браузеры, веб-дизайн, Веб-разработка, дайджест, Новости, ссылкиПредлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
Тектограммы — новое поколение майндмапов
2015-12-18 в 12:44, admin, рубрики: svg, веб-дизайн, интеллект-карты, интерфейсы, конспекты, майндмапы, моделирование, метки: майндмапы
Web Standards Days 20 июня в Санкт-Петербурге
2015-06-15 в 13:35, admin, рубрики: css, html, meeting, svg, wsd, конференция, я пиарюсьВ субботу 20 июня мы снова проводим конференцию Web Standards Days по фронтенду и веб-стандартам в Петербурге и будем рады видеть вас среди участников.
Место проведения новое. Вместо привычного факультета переподготовки специалистов в Политехе мы решили попробовать что-то новенькое и нашли отличный зал в самом центре Санкт-Петербурга — Центр деловой культуры на Почтамтской улице.
В этом году мы порадуем вас зарубежным докладчиком Брюсом Лоусоном, который будет впервые выступать в Петербурге, и расскажет про Blink.
Мы уже анонсировали докладчиков из Opera Software, Яндекса, LiveJournal и Авито. Вот полная версия программы:
Эффект Motion Blur с помощью SVG
2015-04-09 в 18:44, admin, рубрики: motion blur, svg, веб-дизайн, Веб-разработка, размытие в движении 
Сегодня мы рассмотрим, как создать эффект motion blur и применить его к анимациям CSS с помощью SVG.
Конвертируем svg to png
2015-04-05 в 19:02, admin, рубрики: canvas, javascript, svg, svg to canvas, Веб-разработка, метки: svg to canvas 
Иногда появляется необходимость сохранить svg в png средствами браузера. К сожалению, браузер не имеет волшебного api, который позволил бы это сделать без различных хаков. Что же делать, если все таки хочется добиться желаемого?
Читать полностью »
Знакомимся с Fabric.js. Часть 3-я
2015-04-02 в 14:39, admin, рубрики: canvas, fabricjs, html, html5, javascript, svgЭто перевод третьей части серии статей об открытой Javascript canvas библиотеке Fabric.js.
Мы затронули основную часть базового материала о Fabric в первой и второй частях этой серии. В этой статье будет представлен более углубленный материал.
Читать полностью »
Используем SVG (часть первая)
2015-02-09 в 11:26, admin, рубрики: html, javascript, svg, веб-дизайн, Веб-разработка, изображения, обработка изображенийЯ люблю использовать SVG везде, где это только возможно.
При создании front-end я разделяю всю графику на две категории:
- “контент” — изображения, которые меняются в зависимости от содежимого
- “UI” — всё, что интегрировано в сайт
Названия не сильно важны, а вот распознавать эти две категории важно. Мы можем объединять все иконки в один спрайт (что будет рассмотрено во второй части), но никогда такого не сделаешь для изображений, используемых в статье.
Читать полностью »
Evil Icons: как мы изобретали SVG-иконки
2014-12-11 в 9:41, admin, рубрики: svg, веб-дизайн, веб-разработа, Веб-разработка, векторная графика, векторные иконки, иконки, Иконосказ, Работа с иконками
Мы почти полностью перевели проекты на векторную графику, хотя еще полгода назад были адептами символьных шрифтов (шучу, не такими уж и адептами). В статье я расскажу с какими сложностями мы столкнулись в процессе, что из этого получилось, и почему вам стоит переходить на SVG уже в следующем проекте.
Читать полностью »