Анимация svg сферы с помощью anime.js
Анимация svg сферы с помощью библиотеки anime.js
Загрузчик в виде кубиков лего
Анимация загрузчика страницы в виде кубиков лего. Сделано на CSS.
День рождения на чистом CSS
Два кролика отмечают день рождения и рассказывают друг другу шутки. Анимационная картина сделанная на чистом CSS. Поражает своей детальной проработкой во всех аспектах.
VPS, VDS, виртуальный хостинг и выделенные серверы - AdminVPS
Собравшись серьезно заняться бизнесом в интернете, очень важно правильно подобрать хостинг. Дешевые и бесплатные ресурсы, на первый взгляд, сэкономят ваши финансы. Но при более глубоком рассмотрении вопроса вы убедитесь в обратном. Низкая скорость загрузки сайта ведет к потере его посетителей, а ненадежная система хранения информации и частые сбои в работе отнимут много ваших нервов и времени. Также страница не окажется в топах поисковиков и доход от нее будет невысоким.
Stepper.js — увеличение/уменьшение значений в input type="number" заданным шагом
Скрипт позволяющий кастомизировать кнопки плюс/минус у поля input type="number" в соответствии с дизайном. Настройки интервала значений и шага задаются через привычные атрибуты поля: step, max, min. Поля такого рода часто используются при указании количества товара помещаемого в корзину, а также управление товаром в самой корзине.
Zeplin 2.0 — инструмент для совместной работы дизайнеров и верстальщиков
Zeplin — незаменимый инструмент для команды верстальщиков и дизайнеров. Вы можете экспортировать проекты в Zeplin из таких программ, как Sketch, Adobe Photohop, Adobe XD и Figma.
Bubbly — анимированный фон из пузырьков на canvas
Скрипт bubbly позволяет создать на страницы анимированный фон из пузырьков, которые можно заставить двигаться по заданной математической формуле. В параметрах также настраиваются разные визуальные эффекты, такие как блюр, цвета, размеры и т.п.
Canvi — off-canvas панель навигации
Canvi навигационная панель (off-canvas) с несколькими параметрами для настройки. Можно использовать сразу несколько панелей на одной странице, устанавливать адаптивную ширину и использовать свои стили для панели.
Часы
Аналоговые часы на CSS и чистом JS, отображающие текущее время у пользователя
Susy 3 — инструмент для верстки сеток на SASS
Набор инструментов для упрощения вычислений связанных с версткой сеток на SASS. Рассмотрим примеры сеток на float, flex, grid. Теперь нам не нужен bootstrap или foundation для сеток, мы можем сами быстро всё написать, включая 5 колоночную и любую другую сетку.
Эффект зачеркивания при наведении в меню
Эффект зачеркивания при наведении на пункт в горизонтальном меню. Наиболее эффектно будет смотреться на лендингах, где горизонтальное меню расположено поверх фонового изображения.
Cocoen — сравнение изображений до и после
Визуальное сравнение двух изображений одного и того же момента, но при разных условиях. Передвигая бегунок слева направо или в обратном направлении можно наглядно сравнить состояния До и После.