Интернет магазин шабонов
Форма входа

Бесплатный раздел

1 2 3 »

Верстка интернет-магазина: список товаров

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

Супер крутой flat эффект аккордеона

Красивый эффект для аккордеона в плоском стиле Flat. Разметка данного аккордеона очень проста, вам достаточно произвести разметку структуры блока, прописать стили и вызвать функцию при помощи javascript. Ну а дальше можете стилизовать по своему усмотрению и вкусу.

CSSPIN - CSS спиннеры и подгрузчики страниц

CSSPIN новая свежая коллекция из 10 спиннеров и подгрузчиков страниц, изготовленных из одного HTML элемента и нескольких CSS строк. Не стесняйтесь использовать данную коллекцию в своих проектах!

SpinThatShit: Набор SCSS Mixins для подгрузки отдельных элементов

SpinThatShit это небольшой набор Sass Mixins для создания подгрузки элементов и сниппетов на основе одного HTML элемента. Вы можете легко настроить цвет, размер, высоту, размер границы и время анимации, определяя ваши указанные значения внутри _variables.scss частичного файла.

Удаление элементов через JavaScript

Существует несколько методов удаления элементов через JavaScript: традиционный, перебирая элементы и новый - прямой метод DOM4.
Проблема традиционного метода заключается в том, что вы не можете просто удалить элемент, а должны сделать это относительно его родителя.

Вычисление позиции курсора мыши

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

Cоздание собственного плеера на JavaScript (Youtube Player)

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

Анимация шрифтовых иконок на mo.js

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

Трансформация иконок с iconate.js

iconate.js это небольшая JS библиотека для красивой трансформации иконок из одной формы в другую.

Слайдер с навигацией для сайта

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

Фиксированное вертикальное меню для сайта ucoz

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

Снипет принудительной смены favicon

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

Набор эффектов для клика мыши и сенсорных взаимодействий

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

Использование SVG (часть первая)

При создании front-end я разделяю всю графику на две категории:контент и UI. Названия не сильно важны, а вот распознавать эти две категории важно. Мы можем объединять все иконки в один спрайт (что будет рассмотрено во второй части), но никогда такого не сделаешь для изображений, используемых в статье.
1 2 3 »