Архив тегов: SVG

Новые статусы HTML5.1 и SVG2

15 сентября 2016 г. — особый день для веб-стандартов: сразу две важные спецификации обновили свой статус. HTML5.1 стал предложенной рекомендацией (последняя, чисто формальная стадия перед окончательным утверждением!). Так что, если вы еще не убрали из закладок старичка HTML5.0, самое время обновить их.

Основные отличия нынешней публикации от июньского кандидата в рекомендации — убраны некоторые новинки, которые так и не были реализованы и находились «под риском», например, элемент dialog и тип toolbar для menu. В целом же поддержка HTML5.1 браузерами весьма неплоха.

А рабочая группа HTML продолжает работу уже над следующей редакцией HTML — HTML5.2. С прошлого месяца доступен ее публичный черновик. Как пишет в блоге W3C один из авторов спецификации, Чарльз МакКэти Невил, HTML5.1 — самая близкая к реальности и лучше всех нацеленная в будущее спецификация HTML из когда-либо существовавших, но HTML5.2 должна превзойти ее в этом. И исправить большинство ее ошибок. Планируется, что HTML5.2 будет готов уже в следующем, 2017 году, так что пора поглядывать и в этот черновик.

А в мире SVG перемены еще круче: основной стандарт векторной графики обновил не вторую, а первую цифру. SVG2 стал кандидатом в рекомендации, что означает, что стандарт проработан теоретически и готов к реализации. Предыдущая версия стандарта — SVG1.1 — была рекомендацией аж с 2003 года (с «косметическим» обновлением до второй редакции в 2011-м), так что необходимость таких перемен назревала давно. Особенно при нынешней популярности SVG в вебе.

Раздел существенных изменений по сравнению с SVG1.1 внушительный — 30 подразделов! Некоторые разделы старой спецификации из новой полностью убраны, многое унифицировано со стандартами DOM и CSS, уточнены многие неоднозначные места. Вообще изменений столько, что, пожалуй, самое время учить SVG заново:). К сожалению, далеко не все новинки поддерживаются актуальными браузерами, но с новым статусом спецификации браузерам должно стать просто стыдно их игнорировать. Так что готовимся к новым невиданным красотам в вебе!

Еженедельная подборка красивых эффектов на CSS/SVG/JS #44

Подборка свежих эффектов, интересных идей и полезных наработок.

Космический пончик

Технологии: CSS.
Автор: Ана Тюдор (@anatudor)

Космический пончикПосмотреть живой пример


(далее…)

Еженедельная подборка красивых эффектов на CSS/SVG/JS #42

Подборка свежих эффектов, интересных идей и полезных наработок.

Куб

Вращающийся 3D-куб с цветными гранями, на CSS.
Автор: Юля Бухвалова (@yoksel)

КубПосмотреть живой пример


(далее…)

Еженедельная подборка красивых эффектов на CSS/SVG/JS #41

Подборка свежих эффектов, интересных идей и полезных наработок.

Молекула

3D-сцена с вращающейся фигурой, в canvas.
Автор: tr13ze (@tr13ze)

МолекулаПосмотреть живой пример


(далее…)

Еженедельная подборка красивых эффектов на CSS/SVG/JS #39

Подборка свежих эффектов, интересных идей и полезных наработок.

Бомба

Анимированная бомба, в SVG.
Автор: Крис Ганнон (@chrisgannon)

БомбаПосмотреть живой пример


(далее…)

Еженедельная подборка красивых эффектов на CSS/SVG/JS #38

Подборка свежих эффектов, интересных идей и полезных наработок.

Термостат

Анимированный термостат, на JS.
Автор: Вичио Бонура (@V17h3m)

ТермостатПосмотреть живой пример


(далее…)

Еженедельная подборка красивых эффектов на CSS/SVG/JS #37

Подборка свежих эффектов, интересных идей и полезных наработок.

Шахматная партия

Анимированная сцена с борьбой в шахматах Каспарова с Deep Blue, на JS.
Автор: Вичио Бонура (@V17h3m)

Шахматная партияПосмотреть живой пример


(далее…)

Еженедельная подборка красивых эффектов на CSS/SVG/JS #36

Подборка свежих эффектов, интересных идей и полезных наработок.

Трансформации

Трансформация картинок на JS.
Автор: Женя Задворных (@Zadvorsky)

ТрансформацииПосмотреть живой пример


(далее…)

Еженедельная подборка красивых эффектов на CSS/SVG/JS #35

Подборка свежих эффектов, интересных идей и полезных наработок.

Коридор

Анимированный коридор на JS.
Автор: Рили Шо (@rileyjshaw)

КоридорПосмотреть живой пример


(далее…)

Еженедельная подборка красивых эффектов на CSS/SVG/JS #34

Подборка свежих эффектов, интересных идей и полезных наработок.

Нейросеть

Анимированная связь между узлами нейронов, в canvas.
Автор: Матэй Копот (@MateiCopot)

НейросетьПосмотреть живой пример


(далее…)

Еженедельная подборка красивых эффектов на CSS/SVG/JS #33

Подборка свежих эффектов, интересных идей и полезных наработок.

Зимний лес

Интерактивная сцена с зимним лесом, на JS.
Автор: cjgammon (@cjgammon)

Зимний лесПосмотреть живой пример


(далее…)

Еженедельная подборка красивых эффектов на CSS/SVG/JS #32

Подборка свежих эффектов, интересных идей и полезных наработок.

Спидер Рей

Анимированный мотоцикл из Star Wars, на CSS.
Автор: Кевин Дженнис (@kevinjannis)

Спидер РейПосмотреть живой пример


(далее…)

Еженедельная подборка красивых эффектов на CSS/SVG/JS #31

Подборка свежих эффектов, интересных идей и полезных наработок.

Космический шум

Большое количество точек перемещаются и создают подобие магнитных волн, в WebGL.
Автор: Итан Шульман (@EthanShulman)

Космический шумПосмотреть живой пример


(далее…)

Еженедельная подборка красивых эффектов на CSS/SVG/JS #30

Подборка свежих эффектов, интересных идей и полезных наработок.

Сфера из кристалов

Анимированная сфера, в WebGL.
Автор: Еити Кобаяши (@ykob0123)

Сфера из кристаловПосмотреть живой пример


(далее…)