В этом посте мы рассмотрим как создать круговую диаграмму на чистом CSS, без использования JavaScript и сторонних библиотек. Для начала мы создадим разметку для нашей диаграммы: index.html Дальше мы пропишем для нее стили: style.css width: 400px;height: 400px; Задаем размеры 400px …

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

В течении последних пяти, а то и десяти лет «эксперты» заявляли, что SEO умерло или вот-вот умрет. Меня это всегда смешило, так как пока такие ребята отказались от продвижения в поиске, у меня на постоянной основе клиенты получали основной поток …

Всем привет. В этой статье мы научимся делать анимированную панель навыков (Skills Bar), используя только HTML и CSS Посмотреть результат Содержание файлов: index.html Style.css Видео с пошаговой инструкцией Вот мы и научились делать анимированный SkillsBar. Такой интересный элемент можно использовать …

Всем привет! В этом уроке мы научимся делать анимацию спрайта на CSS. С помощью этой технологии мы сможем внедрить любую анимацию на сайте. Посмотреть результат Содержание файлов: index.html style.css Изображение Скачать изображение Видео с пошаговой инструкцией Дорогие друзья если Вам …

Всем привет! Это практический урок по создании фигуры из текста на HTML и CSS. На примере бутылки мы разберем, как создаются фигуры из текста и добавим к ней немного анимации на CSS. Данный урок позволит понять, как создать фигуру из …

Всем привет. В этой статье я расскажу как установить OpenCart 3 на рабочий хостинг. Покажу все подробно на примере. Но для начала нужно подготовиться. Подготовка к установке OpenCart Сначала нужно определиться с хостингом на который будем устанавливать OpenCart 3. Хостингов …

Всем привет. В этом посте я расскажу как сделать крутую 3D-анимацию переворота карточки при наведении. Использоваться будет только HTML и CSS. Содержание файлов: index.html style.css Исходные изображения: Рабочий результат See the Pen WNrGxoO by AntonAniskovich (@AntonAniskovich) on CodePen. Видео с …

Отказы — это процентный показатель посетителей, которые провели на сайте менее 15 секунд и не совершили никакого действия. Например, Вася зашел на сайт с поиска по запросу «утюги», а попал на сайт по продаже токарных станков. Понятное дело, что Вася сразу …

Всем привет! В этой статье я хочу поделиться с Вами инструментом, который позволяет удалять фон с картинок и фотографий в один клик. Мне часто требуется быстро удалить фон с картинки, например, для дизайна сайта или баннера. И я использую сайт remove.bg Этот …

Всем привет. В этой статье я расскажу, как сделать анимацию на сайт на примере едущей машинки по ночному городу. Используя только HTML и CSS. Содержание файлов: index.html style.css Исходные изображения: Видео с пошаговой инструкцией: Дорогие друзья если Вам понравилась статья …

Всем привет! В этой статье мы научимся делать видео на весь экран. Его можно использовать как фон для хедара сайта, так и применять для оформления любого другого блока. Думаю, каждый для себя найдет полученным знаниям применение. Плюс к этому мы …

В этом уроке мы создадим разноцветный текст в виде радуги на CSS. И добавим к нему анимации при наведении. Содержание файлов: index.html style.css Разноцветный текст на CSS с анимацией. Рабочий результат. See the Pen ExjGrPL by AntonAniskovich (@AntonAniskovich) on CodePen. …

Всем привет! В этой статье я расскажу, как сделать рабочие аналоговые часы на JavaScript. Вот такие: Научившись делать такие часы Вы сможете написать для себя аналоговые часы с любым дизайном. В нашем проекте нужны следующие файлы: Чтобы скачать нужный фаил …

Доброго времени суток. В этой статье мы пошагово разберем, как обновить версию PHP на хостинге для сайта на WordPress. Для чего нужно обновлять версию PHP? На новой версии WordPress появился инструмент «Здоровье сайта». Он анализирует сайт и дает рекомендации по …

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