В этой статье мы изучим, как добавить на сайт форму обратной связи и настроить её под свои поля. Отправляет данные эта форма на почту. Её код написан на чистом CSS, JavaScript и PHP.
Слайдер SWIPER 2023. Основные типы слайдеров. Подробный курс для новичков
Слайдер SWIPER. Подробный курс. Почему Swiper лучший слайдер для сайта? Начнем с того, что Swiper написан на чистом JavaScript и не требует подключения дополнительных библиотек. А также он очень, очень, мощный и поможет справится с огромным кол-вом различных задач! Подробное … Continued
Непосредственно кнопку нельзя сделать ссылкой, HTML запрещает комбинировать между собой элементы <button> (а также <input>) и <a>. Таким образом нельзя вкладывать кнопку в ссылку, а ссылку в кнопку. Есть три способа, как сделать так, чтобы при щелчке по кнопке происходило … Continued
В этой статье разберём, как в CSS можно установить блоку высоту в процентном отношении от его ширины. Применение этой технологии рассмотрим на примере создания карусели (слайдера) Bootstrap из изображений, имеющих различные размеры.
Здесь собрана подборка эффектов при наведении (hover) с примерами. Эффекты при наведении на картинку CSS Эффекты при наведении на текст CSS Эффекты при наведении на ссылку CSS Эффекты при наведении на блок или кнопку CSS
Как поставить высоту блока div в зависимость от ширины?
Модальные окна часто устанавливают на сайт, для того чтобы разместить необходимую информацию, такую как форма обратной связи, инструкцию или правила. С этими модальными окнами на чистом CSS не нужно тратить много времени на их установку
Тени для текста с помощью CSS отлично подойдут для того чтобы выделить фрагмент текста, или добавить их к заголовкам. На сайте такие эффекты смотрятся красиво и добавляют уникальности дизайну.
Анимированные элементы все чаще и чаще появляются на страницах сайтов. Они придают красоты и оригинальности любому проекту, поэтому без них уже не обойтись. В данном разделе вы найдете простые анимации для фона сайта.
Простые подсказки по CSS по изображениям, из которых можно узнать, как сделать картинку ссылкой, скруглить углы и добавить фильтры. А так же как сделать изображение адаптивным, задать ширину и многое другое.