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

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

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. Названия не сильно важны, а вот распознавать эти две категории важно. Мы можем объединять все иконки в один спрайт (что будет рассмотрено во второй части), но никогда такого не сделаешь для изображений, используемых в статье.

Избавляемся от JavaScript в социальных кнопках (Facebook, VK, Twitter и др.)

Как избавиься от JavaScript-библиотек социальных сетей, ускорить скорость загрузки страниц и использовать RESTful API для “шаринга” и “лайков”.

Выпадающий блок при прокрутке страницы

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

Как изменить стиль элемента SELECT с помощью EasyDropDown.Js

SELECT - это HTML элемент, который представляет собой выпадающий список. Однако стандартный вид данного тега может не вписываться в ваш дизайн. Сегодня мы покажем как это исправить.
Для оформления элемента select одного CSS недостаточно. Представляем вам jQuery плагин EasyDropDown.js, который поможет нам в этой задаче.

Работает ли Ваш адаптивный дизайн? Google Analytics ответит на этот вопрос (часть 1)

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

Hover.css – CSS3 библиотека, насчитывающая более 40 эффектов.

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

CSS селекторы и Как они работают (Начинающие понятия)

Вы новичок в CSS? Значит эта статья предназначена для вас! Возможно, самый большой ключ к пониманию CSS, является понимание селекторов. Селекторы, позволяют ориентироваться на конкретные HTML элементы и применять к ним стиль. Давайте не будем прямо сейчас думать о конкретном стиле, а просто давайте сосредоточимся.
1 2 3 »