Какой рейтинг вас больше интересует?
|
Главная / Главные темы / Тэг «css»
[Перевод] Взлеты и падения SVG 2015-12-28 11:28:43
+ развернуть текст сохранённая копия
SVG — входящий в подмножество XML язык разметки масштабируемой векторной графики был создан в 1999 году, но только в 2011-м он был включен в рекомендации W3C. Поразительно, но за одиннадцать лет (с 2000 по 2011 год) SVG не претерпел существенных изменений. Тем не менее, ему все же удалось завоевать доверие и широкое признание разработчиков.
Один из таких разработчиков, наблюдавший за эволюцией SVG с момента его возникновения до наших дней, провел экскурс в историю развития языка. Только сейчас, по прошествии многих лет, ему удалось понять причины успехов и неудач SVG. Все свои наблюдения и умозаключения автор собрал в хронике «Взлеты и падения SVG». Пост подготовлен специально для корпоративного блока PayOnline, компании, которая занимается организацией платежей на сайтах и в мобильных приложениях. Далее непосредственно перевод.
Где-то в 1998 году моя бывшая коллега, в то время работавшая в Adobe, заглянула в мой офис чтобы рассказать мне об абсолютно новой технологии. Она знала, что мне будет интересно. Речь тогда шла о PGML или «Precision Graphics Markup Language», который представлял собой не что иное, как вариацию Adobe на тему XML для векторной графики. Джон Уорнок, один из основателей Adobe, тогда сказал про него следующее:
Читать дальше →
Тэги: adobe, css, flash, html, it-стандарты, microsoft, payonline, svg, xml, блог, веб-дизайн, веб-разработка, векторная, графика, история, компании, развитие, разметки, разработка, язык
Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №191 (20 — 27 декабря 2015) 2015-12-27 23:46:35
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT- ...
+ развернуть текст сохранённая копия
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
Читать дальше →
Тэги: angular, css, es6, group, html5, javascript, react, svg, zfort, анимация, блог, браузеры, веб-дизайн, веб-разработка, дайджест, компании, новости, ссылки
Intermediate CSS3 Hover Effects. Пошаговый туториал. Часть 3 2015-12-25 09:42:29
Эта статья является логическим продолжением моей предыдущей статьи, посвященной основам CSS3 ...
+ развернуть текст сохранённая копия
Эта статья является логическим продолжением моей предыдущей статьи, посвященной основам CSS3 transitions и, если в ней я показывала принципы работы этих основ на простых примерах, сейчас я хотела бы перейти к более сложным, красивым и интересным эффектам.
Из-за большого размера статья разбита на три части. Первая часть. Вторая часть
Демо материалы лежат здесь. Все префиксы проставлены в демо, здесь же я не буду на них акцентировать.
Предупреждение: эффекты работают только в современных браузерах, поддерживающих возможности CSS3.
Читать дальше →
Тэги: animation, css, css3, effects, hover, hover-эффект, html, html-верстка, transform, transition, веб-дизайн, веб-разработка, туториал, эффект
Intermediate CSS3 Hover Effects. Пошаговый туториал. Часть 2 2015-12-25 09:42:00
Эта статья является логическим продолжением моей предыдущей статьи, посвященной основам CSS3 ...
+ развернуть текст сохранённая копия
Эта статья является логическим продолжением моей предыдущей статьи, посвященной основам CSS3 transitions и, если в ней я показывала принципы работы этих основ на простых примерах, сейчас я хотела бы перейти к более сложным, красивым и интересным эффектам.
Из-за большого размера статья разбита на три части. Первая часть. Третья часть.
Демо материалы лежат здесь. Все префиксы проставлены в демо, здесь же я не буду на них акцентировать.
Предупреждение: эффекты работают только в современных браузерах, поддерживающих возможности CSS3.
Читать дальше →
Тэги: animation, css, css3, effects, hover, hover-эффект, html, html-верстка, transform, transition, веб-дизайн, веб-разработка, туториал, эффект
Intermediate CSS3 Hover Effects. Пошаговый туториал. Часть 1 2015-12-25 09:41:24
Эта статья является логическим продолжением моей предыдущей статьи, посвященной основам CSS3 ...
+ развернуть текст сохранённая копия
Эта статья является логическим продолжением моей предыдущей статьи, посвященной основам CSS3 transitions и, если в ней я показывала принципы работы этих основ на простых примерах, сейчас я хотела бы перейти к более сложным, красивым и интересным эффектам.
Из-за большого размера статья разбита на три части. Вторая часть. Третья часть.
Демо материалы лежат здесь. Все префиксы проставлены в демо, здесь же я не буду на них акцентировать.
Предупреждение: эффекты работают только в современных браузерах, поддерживающих возможности CSS3.
Подготовка к работе.
Для создания эффектов понадобится такая дефолтная html-структура. Вместо .eff в коде каждого конкретного эффекта будет использоваться класс .eff-n, где n — номер эффекта:
<div class="eff">
<img src="img/ef1.jpg" alt="Effect #1" />
<div class="caption">
<h4>Title is Here</h4>
<p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut.
</p>
<a class="btn" href="#" title="View More">View More</a>
</div>
</div>
Читать дальше →
Тэги: animation, css, css3, effects, hover, hover-эффект, html, html-верстка, transform, transition, веб-дизайн, веб-разработка, туториал, эффект
Главная / Главные темы / Тэг «css»
|
Взлеты Топ 5
Падения Топ 5
|
