Эффект расплывающихся чернил на CSS и jQuery

Недавно я наткнулся на несколько веб-сайтов на которых присутствовали эффекты с чернилами в качестве перехода. Сначала я подумал, что для их работы они используют HTML canvas (для обеспечения прозрачности), но затем я проверил исходный код и выяснил, что они не используют обычное видео.

Продолжить

Таблица сравнения товаров на jQuery

Если вы разрабатываете интернет-магазин с большим количеством товаров, скорее всего вас просили добавить такую функцию: сравнительную таблицу. Стандартный подход, который работает в большинстве случаев - использование простого HTML элемента table. Но когда вам необходимо сравнить от 6 товаров и больше, это становится проблематично, особенно если вы хотите сделать таблицу адаптивной.

Продолжить

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

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

Продолжить

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

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

Продолжить

Создание анимированной сетки с фотографиями на CSS и jQuery

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

Продолжить

AJAX для Front-End разработчика: Введение

Мы запускаем серию статей AJAX для начинающих Front-End дизайнеров и разработчиков, которым еще не известна технология AJAX. Асинхронная загрузка контента, помогает уменьшить вес страницы, так как позволяет загружать определенную информацию только при необходимости.

Продолжить

Эффект морфинга / Морфинг устройств

Сегодня я хочу рассказать вам о слайд-шоу с технологией «Морфинг». Идея заключается в плавном переходе между различными устройствами, которые отображают скриншот адаптивного дизайна сайта или приложения, меняя «класс устройства». Используя одинаковые элементы и псевдо-элементы для всех устройств, мы можем создать интересный эффект морфинга. Мы будем контролировать классы и переключение изображений при помощи JavaScript. Добавим опцию автоматического слайд-шоу, а также опцию вращения некоторых устройств.

Продолжить

Простой способ добавить аутентификацию в любое веб-приложение

Реализация аутентификации в современных веб-приложениях - головная боль. Самый простой способ добавить проверку подлинности в ваше приложение, использовать Auth0, он имеет бесплатный план, который включает до 7000 регулярных активных пользователей и двух социальных провайдеров. Пользователь считается активным, если он выполнял вход в приложение в течении последних 30 дней. Для многих компаний, это только 15% от основной пользовательской базы. В этой статье вы узнаете о проблемах современной аутентификации и как вы сможете решить их с Auth0!

Продолжить

Вход

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