22-12-2015 Чтение страницы с индикатором и прогресс-баром |
|
Пример удобной навигации по странице, которая наполнены объемным текстом. В создание примера применялись технологии jQuery, CSS и SVG. |
|
Чтение страницы с индикатором и прогресс-баром
27-11-2015 SVG Balloon Slider - "резиновый" переключатель значений |
|
И снова возможности SVG впечатляют. Автор данного примера смог создать вполне себе адекватно отвечающую законам физики полосу с индикатором значений. |
|
SVG Balloon Slider - "резиновый" переключатель значений
27-11-2015 mojs - библиотека для создания анимации |
|
Очень многогранная библиотека на JS, с помощью которой можно создавать качественную анимированную графику на веб-страницах. |
|
mojs - библиотека для создания анимации
20-11-2015 GitHub Corners - создание "уголков" Гитхаб |
|
Отличный пример для создания "уголков" Github'a с помощью SVG и CSS3. Данный элемент пригодиться в особенности тем, кто часто пользуется директориями вышесказанного ресурса. |
|
GitHub Corners - создание "уголков" Гитхаб
12-11-2015 Примеры анимации иконки меню на SVG и CSS |
|
Оригинальный вариант анимации иконки меню (гамбургер) и появляющегося слева бокового меню для сайта. Естественно, отлично смотрится на мобильных устройствах, а также в IE9+. |
|
Примеры анимации иконки меню на SVG и CSS
11-11-2015 Анимация "лайка" как у Твиттера |
|
Наверное все, кто пользуется Твиттером уже видели классную анимацию у сердечка, когда нажимается кнопка "мне нравится". Представляем вам готовый пример идентичный оригиналу. Плюс бонус в виде "дизлайка". |
|
Анимация "лайка" как у Твиттера
07-11-2015 Создание не стандартных фигур с помощью CSS и SVG |
|
Сейчас все чаще можно встретить в Сети сайты с дизайном из блоков необычной формы. Теорию и практику данных фигур расскажет предлагаемая к просмотру статья, в которой описываются пути и средства через CSS3 и SVG элементы. |
|
Создание не стандартных фигур с помощью CSS и SVG
28-10-2015 Рендеринг SVG Path в WebGL |
|
Грамотная статья от авторов css-tricks на тему "преобразование SVG path в элементы WebGL. Интересно то, что с каждым днем WEB рождает все новые технологии графики и эффектов, за которыми очень трудно поспевать... |
|