Слайдер для сайта на чистом CSS и JavaScript
В этой статье разберём, как подключить на сайт простой адаптивный слайдер ItcSlider, написанный на чистом CSS и JavaScript. Рассмотрим его HTML-структуру и настройку под разные размеры экрана.
Всплывающая форма обратной связи
Представленная форма выполнена с использованием комопнентов Bootstrap 4 и jQuery. Серверный код фомы написан на PHP.
Как сделать – Адаптивное слайд-шоу или Карусель
Узнайте, как создать Адаптивное слайд-шоу с помощью CSS и JavaScript.
Использование CSS переходов
CSS transitions предоставляют способ контролировать скорость анимации, при изменении CSS-свойств
CSS медиа-запросы (media queries)
В этой статье мы подробно рассмотрим, что такое медиа-запросы, как они работают и как их правильно использовать, в том числе и для создания адаптивного дизайна. Разберём конструкции @media, которые используются в Bootstrap. Что такое медиа-запросы Синтаксис Типы устройств Логические операторы … Continued
Форма обратной связи для сайта с отправкой на почту
В этой статье мы изучим, как добавить на сайт форму обратной связи и настроить её под свои поля. Отправляет данные эта форма на почту. Её код написан на чистом CSS, JavaScript и PHP.
Простейший фейдер на jQuery
Фейдер — это слайдер изображений, который плавно ротирует их и как правило не содержит элементов управления (таких, как навигация и кнопки назад / вперед). Чтобы добавить на свой сайт фейдер, совсем не обязательно подключать очередной jQuery-плагин — достаточно дописать несколько строчек несложного кода
Использование CSS-анимации (ru)
CSS-анимации позволяют анимировать переходы от одной конфигурации CSS стилей к другой. CSS-анимации состоят из двух компонентов: стилевое описание анимации и набор ключевых кадров, определяющих начальное, конечное и, возможно, промежуточное состояние анимируемых стилей.
Структура SVG-файла
SVG представляет собой обычный XML-файл, который можно просмотреть любым текстовым редактором. ViewBox Тег <g> Теги <title> и <desc> Тег <use> Тег <symbol> Тег <path> CSS JavaScript
Горизонтальное меню с прокруткой для сайта
В этой статье мы пошагово рассмотрим как создать горизонтальное меню с прокруткой и добавить к нему несколько улучшений, которые позволят отображать активный элемент по центру и прокручивать меню с помощью удерживания кнопки мыши.
Горизонтальное меню с прокруткой выполним на чистом CSS. JavaScript будем использовать только для добавления к нему различных улучшений.