15 Интересных Frontend библиотек и плагинов за Март 2016

В этой статье мы собрали для вас коллекцию из 15 удивительных JavaScript и CSS библиотек. Каждая из которых представляет различные решения общих задач, интерфейсы и могут быть большим подспорьем для начинающих и продвинутых разработчиков. Возможно вы сможете найти идеальный инструмент для вашего следующего проекта!

CSS Анимирование иконок при помощи Sketch и SVG

Анимированные иконки могут придать вашему сайту или приложению больше жизни. В этом уроке мы покажем вам, как спроектировать иконки при помощи Sketch, SVG и CSS.

SVG-анимация для появляющихся на странице элементов

Сегодня мы бы хотели поделиться с вами SVG-анимацией для появляющихся на странице элементов. Эти эффекты могут выглядеть весьма интересно совместно с сеткой изображений, охватывая и раскрывая каждый элемент сетки при навигации.

Как генерировать SVG на React

React является одним из самых популярных на сегодня способов создания компонентно-ориентированного UI.

Необычная анимация SVG букв на CSS и anime.js

Необычная анимация SVG букв на CSS и anime.js

Сегодня я хотел бы показать вам немного вдохновляющей анимации символов с помощью SVG и anime.js. Для достижения такого эффекта, мы оживим ход каждой буквы несколько раз.

Радиальный SVG слайдер

Основная идея данного урока заключается в том, чтобы отобразить небольшое превью следующего слайда, а затем масштабировать его при нажатии.

Создание интерактивной инфографики при помощи SVG и CSS анимаций

На сегодняшний день, многие современные браузеры имеют поддержку формата SVG. Если вы еще незнакомы с SVG, он расшифровывается как Scalable Vector Graphics (масштабируемая векторная графика). В отличие от форматов растровых изображений таких как PNG, JPG или GIF, векторная графика, в файлах SVG, полностью масштабируется для любого размера экрана и при любом разрешении без потери качества. В большинстве случаях, SVG файлы будут иметь меньший размер, это сопутствует более быстрой загрузке.

Стильный jQuery прелоадер на SVG

Многие пользователи пренебрегают сайтами с медленной загрузкой. Мы расскажем как использовать SVG библиотеку Raphaël для создания красивого прелоадера, который будет удерживать внимание пользователей во время загрузки страниц.

Вход

Уважаемый пользователь! Мы обнаружили, что вы используете AdBlock и вынуждены скрыть часть материалов на нашем сайте. Siteacademy существует и развивается за счет доходов от рекламы. Просим внести наш сайт в список исключений или отключить Блокировщик рекламы на нашем сайте.