DevGang
Авторизоваться

Стилизация псевдоэлемента CSS с помощью JavaScript

В JavaScript вы не сможете сделать какой-нибудь селектор запросов, например:

document.querySelector("div::after");

Но с помощью переменных CSS вы можете изменять стили этих селекторов с помощью JavaScript!

Парсинг HTML в Node.js: Подробное руководство

HTML (Hypertext Markup Language) - это стандартный язык разметки, используемый для создания веб-страниц, определяющий структуру и компоненты веб-страницы с помощью различных элементов и тегов. Для приложений Node.js npm node-html-parser предоставляет мощный инструмент для разбора HTML. Он упрощает взаимодействие с HTML-материалами, облегчая такие задачи, как извлечение данных, скраппинг сайтов и манипулирование контентом.

В этой статье мы рассмотрим возможности npm node-html-parser и узнаем, как использовать его функции для эффективного разбора HTML в приложениях Node.js.

Как создать эффект наведения изображения курсора с помощью CSS и JS!

Пользовательские курсоры и эффекты наведения курсора — отличный способ произвести впечатление на пользователей вашего веб-сайта, независимо от того, создаете ли вы веб-сайт электронной коммерции или портфолио. Хорошим примером является эффект наведения изображения курсора, когда при наведении курсора на что-либо отображается изображение, вот мой способ его создания!

Более реалистичная анимация переворачивания карт.

В Интернете много карточек, и многие из них переворачиваются, открывая двусторонний контент. Но то, как многие из них переворачиваются, не... анатомически правильно.

На старых уроках письма мне советовали показывать, а не рассказывать: какая из этих карточек кажется вам лучше?

Как создать пользовательский HTML5-видеоплеер с помощью TailwindCSS и JavaScript

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

По этой причине большинство современных веб-приложений и платформ, таких как Udemy, Netflix, YouTube и Amazon Prime, не поставляют своим пользователям встроенный HTML5-видеоплеер по умолчанию. Вместо этого они создают свои собственные версии с изящным пользовательским интерфейсом, чтобы сделать свои платформы более привлекательными и удобными для пользователей.

Слайдер полета в HTML + CSS

На прошлой неделе я создал диапазон ввода, который выглядит как самолет, летящий к месту назначения (перемещайте самолет вправо и влево):

Учебное пособие по разработке игр на JavaScript — создание Gorillas с помощью HTML Canvas + JavaScript

В этом уроке по игре на JavaScript вы узнаете, как создать современную версию классической игры Gorillas 1991 года, используя простой JavaScript и элемент холста HTML.

В этой игре две гориллы бросают друг в друга взрывные бананы, и побеждает тот, кто первым ударит другого.

Тайна раскрыта: 3 способа центрировать div

Выравнивание элементов — распространенная задача в веб-разработке. Часто вам понадобится центрировать элемент div или другой блочный элемент по горизонтали или вертикали на странице. Это позволяет создавать сбалансированные, эстетичные макеты.

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

Преобразуйте все данные div в изображение и сохраните его в каталоге с помощью JavaScript ft html2canvas.js.

Создание расширенного списка дел с помощью HTML, CSS и JavaScript

В мире веб-разработки понимание того, как создавать интерактивные и динамические пользовательские интерфейсы, имеет решающее значение. В этой статье мы рассмотрим процесс создания расширенного списка дел с использованием HTML, CSS и JavaScript. Этот проект не только поможет вам понять основы этих технологий, но и познакомит с более продвинутыми концепциями, такими как локальное хранилище. Давайте погрузимся!

Присоединяйся в тусовку

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

Попробовать

В этом месте могла бы быть ваша реклама

Разместить рекламу