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

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

15 Интересных JavaScript и CSS библиотек за Апрель 2016

В этой статье мы представляем вам ежемесячный дайджест библиотек, фреймворков и плагинов, которые пригодятся веб-разработчикам. Мы постарались отобрать самые полезные и надежные инструменты за апрель месяц.

FlipClock.js - красивые часы и таймер на jQuery

Зачем использовать эту библиотеку, когда есть множество похожих библиотек? Мы создали данную библиотеку, так как другие не предоставляли всех необходимых нам функций, здесь мы добавили возможность глубокой настройки без переписывания всего кода. У некоторых библиотек присутствует огромное количество условных выражений, у некоторых были узкие рамки настроек.

FrameWarp – jQuery плагин для вывода страницы в модальном окне / JS iframe

Когда мы занимались разработкой нового веб-приложения, нам нужна была возможность отображать различные веб-страницы в окне приложения. Это довольно удобно, например если совместно использовать страницу настроек на различных страницах вашего приложения.

WINDY: Плагин постраничной навигации jQuery

WINDY - jQuery плагин, который позволяет построить быструю постраничную навигацию, используя CSS 3D transforms и transitions. Эффект непрерывного потока jQuery навигации напоминает о колоде карт или пачке листов, отсюда его имя.

WordPress для начинающих: Как установить WordPress плагины

При написании статей ориентированных на веб-разработку, возникает ряд проблем, одна из которых, понятно объяснить каждому ту или иную технологию, которую описываешь в статье.

Бесплатные jQuery слайдеры сравнения изображений

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

Как создать простой слайдер товаров jQuery для сайта

Сегодня мы покажем, как создать простой слайдер товаров на jQuery c использованием CSS анимации. Идея была вдохновлена слайдером товаров от Apple, когда несколько небольших элементов движутся с анимацией вращения. Мы хотим воспроизвести данную технологию, только для интернет-магазина, где элементы представляют различные категории и товары. Вполне приемлемо использовать категории из-за ограниченной функциональности такого типа простого слайдера товаров jQuery для сайта. Не рекомендуем отображать большое количество элементов на слайдере.

Плагин книги на jQuery: Зеркальное отражение контента

BookBlock - jQuery плагин книги, который можно использовать для создания компонентов наподобие буклета, с эффектами зеркального отражения, при смене страниц книги (эффект перелистывания). В плагине можно использовать любой контент, например - изображения или текст. Также при необходимости, плагин меняет структуру страницы (т.е. при её зеркальном отражении) и добавляет слой с тенью, чтобы добавить еще больше реализма.

Полноэкранное слайд-шоу с эффектом разреза на CSS3 и jQuery

В этом учебном руководстве мы создадим полноэкранное слайд-шоу с эффектом разреза: "разрезаем" открытый слайд и отображаем следующий или предыдущий. При помощи различных атрибутов мы определим тип, угол вращения и масштаб слайдов, это даст возможность создать уникальные эффекты переходов для каждого слайда.

Полоса прокрутки на CSS как в Mac OSX Lion

Недавно, в комментариях под одной из статей, много дискутировали по поводу создания CSS полосы прокрутки как в Mac OSX Lion - минимальный темно-серый округленный прямоугольник, который появляется с края блока, только при наведении на контент. Мне кажется это интересная идея для проекта реализованного под операционные системы Mac OS или iOS. В этом уроке создадим такую полосу прокрутки, используя библиотеку jScrollPane.

Практические примеры использования Vue.js

В предыдущих статьях мы уже рассмотрели практические примеры по Angular.js и React, но мы еще не говорили про новую Frontend библиотеку под названием Vue.js, которая в короткие сроки собрала большое сообщество энтузиастов разработчиков.

Предпросмотр товаров в 360 градусов на jQuery

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

Создание интерактивных JavaScript графиков используя данные из Google Таблиц

Недавно ко мне поступил заказ на создание сайта с большим количеством графиков, все данные у клиента находились в таблицах. Есть два варианта решения. Первый и самый простой, вставка графиков в качестве картинок. Второй более сложный и продуктивный, использовать силу JavaScript и сделать графики на сайте интерактивными.

Создание полноэкранного видео слайд шоу на jQuery

BigVideo.js - jQuery плагин, который упрощает создание полноэкранного адаптивного видео слайдшоу. Вы можете использовать одно или несколько видео, либо использовать данный плагин в качестве проигрывателя, с отображением плей-листа.

Эффект parallax jQuery на Stellar.js

В этой статье, рассмотрим современную тенденцию в веб-дизайне - использование эффекта параллакса на jQuery. Для достижения данного эффекта, мы воспользуемся библиотекой Stellar.js.

Вход

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