Закреплено автором
32:02
Monster Tem
Как создать адаптивную панель навигации используя HTML, CSS и JavaScript | С поиском и входом | Monster Tem
56 · 2 месяца назад
27:25
Monster Tem
Как создать красивый слайдер для галереи изображений с помощью HTML CSS и JavaScript | Monster Tem
46 · 3 месяца назад
03:02
Monster Tem
Скачать одностраничный адаптивный шаблон сайта для электронной коммерции MiniStore | Responsive Ecommerce HTML CSS & JavaScript
13 · 3 недели назад
Видео
Статьи
33 прочтения · 7 месяцев назад
Кликандер (clickunder). Рабочий скрипт кликандера
Если вы зашли на данную страницу значит вы знакомы с тем что из себя представляет clickunder (Кликандер). Это один из самых распространённых форматов «серой» рекламы. Принцип действия clickunder: Посетитель заходит на сайт на котором установлен скрипт кликандера. После того как этот посетитель сделать клик в любом месте странице, не важно где и куда - откроется новое окно с новым сайтом. Обычно окно открывается сразу свёрнутым и невнимательный посетитель замечает его лишь ближе к концу своей интернет-сессии...
101 прочтение · 7 месяцев назад
Как сделать адаптивную карточку товара | Шаг за шагом
Элементы дизайна, используемые для структурированного и организованного представления контента веб-сайта посетителям, называются CSS-карточками. Карточки товаров — это одна из таких карточек CSS. CSS-код карточки товара или HTML-код карточки товара имеют прямоугольный или квадратный тип. Сегодня мы разработаем адаптивные карточки товаров, которые будут очень похожи на карточки товаров на сайтах электронной коммерции. ✅ Скачать готовы код: https://boosty.to/monster-tem/posts/f0fc291d-e3bc-440d-8044-32fc8dbd7828 ✔ Скопировать готовы код: https://monstertem...
53 прочтения · 9 месяцев назад
Создайте адаптивные переворачивающиеся карточки с параллаксом используя HTML и CSS
В этом проекте мы познакомим вас с этапами создания привлекательных переворачивающихся карточек. Вы узнаете, как применять к своим картам эффекты параллакса, чтобы придать им ощущение глубины и интерактивности. ✅ Исходный Код: https://boosty.to/monster-tem/posts/0ee38483-3d2a-478d-8163-00005e38f5f8 📺 Смотреть видео: https://vk.com/video-218980119_456239110 Эти адаптивные переворачивающиеся карты с параллаксом представляют собой общую концепцию дизайна, которую можно реализовать с помощью HTML и CSS...
19 прочтений · 9 месяцев назад
Видео верстка анимации падения снега с использованием CSS
Мы покажем вам, как создать эффект анимации падения снега с помощью CSS. Там мы используем CSS “background-image: radial-gradient(4px 4px at 100px 50px, #fff , transparent)” 📺 Смотреть видео: https://vk.com/video-218980119_456239109 ✅ Исходный Код: https://boosty.to/monster-tem/posts/a41fb885-d653-4a2c-9017-711c14252bde Если у вас возникнут какие-либо проблемы при создании этого кода, вы можете скачать исходный код, нажав на кнопку скачать. Кроме того, оставляйте свои вопросы, предложения и отзывы в комментариях ниже...
45 прочтений · 9 месяцев назад
Создайте адаптивную карусель с использованием HTML, CSS Flexbox и SwiperJS
Добро пожаловать! В этом JavaScript-проекте мы расскажем вам об использовании SwiperJS. Мы также создали адаптивную карусель с использованием HTML, CSS Flexbox и SwiperJS. Итак, давайте узнаем о том, как это работает и в чем его польза. ✅ Исходный Код: https://boosty.to/monster-tem/posts/e7917e57-1ba7-4a27-9714-ed2c60ca3f8f Если вы не знаете, что такое SwiperJS, позвольте нам объяснить, прежде чем двигаться дальше с этим проектом. SwiperJS - это мощная библиотека JavaScript, которая обычно используется для создания слайдеров или каруселей в веб-проектах...
13 прочтений · 9 месяцев назад
Адаптивный слайдер товаров для электронной коммерции
Узнайте, как создать слайдер продукта с помощью HTML, CSS и JavaScript. Простой способ создать слайдер продукта электронной коммерции с использованием HTML, CSS и Javascript. 📺 Смотреть видео: https://vk.com/video-218980119_456239104 Это очень красивый слайдер товара, который вы используете на сайте покупок для представления товаров. Вы создадите этот потрясающий слайдер продукта. ✅ Исходный Код: https://boosty.to/monster-tem/posts/abd0a34a-79cb-446e-8fe9-948d9d9de124 Если у вас возникнут какие-либо проблемы при создании этого кода, вы можете скачать исходный код, нажав на кнопку скачать...
81 прочтение · 9 месяцев назад
Как создать боковую панель в HTML CSS JavaScript | с исходным кодом
Сегодня вы узнаете, как создать боковую панель в HTML CSS JavaScript, существует множество навигационных меню, например, боковое меню и горизонтальную строку меню, а также анимацию наведения курсора мыши на навигационные ссылки. Сегодняшняя панель боковой панели будет простой и очень полезной. Главная особенность этой боковой панели в том, что мы можем закрыть ее, щелкнув снаружи. ✅ Скачать Исходный Код: https://boosty.to/monster-tem/posts/3010dc72-7bde-4630-9aee-a977fc90ea67 Если у вас возникнут...
52 прочтения · 9 месяцев назад
Боковое меню с подменю HTML, CSS & JQuery
Всем привет! В этом видео вы узнаете, как создать расширяемое и сворачиваемое боковое меню с выпадающими подменю с использованием HTML, CSS и jQuery. ✅ Скачать Исходный Код: https://boosty.to/monster-tem/posts/448f43a9-8fc0-4c40-b17b-5daeb4f631e0 На эту боковую панель вы можете добавить столько подменю, сколько захотите. Если высоты боковой панели недостаточно для отображения всех меню и подменю, боковая панель автоматически отрегулирует высоту и автоматически отобразит полосу прокрутки на боковой панели из-за свойства "overflow-y: auto;"...
29 прочтений · 9 месяцев назад
Адаптивная липкая панель навигации для сайта - HTML, CSS Javascript
Всем привет! Вы узнаете, как создать адаптивную липкую панель навигации для сайта с использованием HTML, CSS и Vanilla Javascript. О возможностях адаптации: Когда размер экрана устройства становится меньше, панель навигации превращается в фиксированную боковую панель, которую можно разворачивать и сворачивать с помощью кнопок меню (кнопка menu и кнопка закрытия). ✅ Скачать Исходный Код: https://boosty.to/monster-tem/posts/9954191c-0c16-4f76-a253-d177093a2710 Эта панель навигации будет более полезной,...
78 прочтений · 9 месяцев назад
3D Флип-карточка товара | 3D Flip Product Card
В этом уроке мы рассмотрим, как создать потрясающую 3D-анимацию флип-карточки с использованием HTML и CSS. Этот урок не только обучит вас техническим навыкам для реализации этого эффекта, но и даст более глубокое понимание того, как анимация работает в сфере веб-разработки. ✅ Скачать: https://boosty.to/monster-tem/posts/ae4102b2-b2cb-432e-ba88-dc22795d67ef В динамичном мире веб-дизайна интерактивные элементы играют ключевую роль в привлечении пользователей и создании незабываемых впечатлений. Одним из таких захватывающих элементов является анимация 3D флип-карточки...
11 прочтений · 9 месяцев назад
Классный эффект покачивания на кнопках
Вы узнаете, как создать классный эффект анимации покачивания для кнопок, используя HTML и CSS. Этот эффект анимации кнопок будет отличным, если вы хотите, чтобы посетители вашего сайта или веб-страницы заметили определенную кнопку, которую нужно нажать. При наведении курсора мыши анимация покачивания будет заморожена. ✅ Скачать: https://boosty.to/monster-tem/posts/5cec5139-ffb7-4dbf-bf00-1ac2627b9f5f 📺 Смотреть видео: https://vk.com/video-218980119_456239097 Если у вас возникнут какие-либо проблемы при создании этого кода, вы можете скачать исходный код, нажав на ссылку...
184 прочтения · 9 месяцев назад
Как создать отзывчивую карусель отзывов HTML CSS JavaScript
Карусель отзывов - важная часть любого веб-сайта. Они добавляют вашему сайту достоверности. В этой статье. Мы собираемся поделиться фрагментом карусели отзывов, который вы можете использовать прямо сейчас. Но прежде чем получить код, посмотрите видео-урок ниже, чтобы вы могли понять код. ✅ Исходный Код: https://boosty.to/monster-tem/posts/124bd39d-036a-471c-bb6e-7d6b54f4e989 Если у вас возникнут какие-либо проблемы при создании этого кода, вы можете скачать исходный код, нажав на ссылку. Кроме того, оставляйте свои вопросы, предложения и отзывы в комментариях ниже...