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

8 HTML-тегов, которые круче белого медведя в Ray-Bans

Привет всем, веб-мастера и мастера клавиатурного кунг-фу! Вы когда-нибудь чувствовали, что ваша HTML-игра запущена? Вы отличаете свои <div> от своих <span>, а свои <p> от своих <h1>. Но позвольте мне сказать вам, что есть некоторые HTML-элементы, которые настолько скрыты под землей, что делают крота похожим на туриста. Так что берите свои кирки, давайте покопаемся в недрах HTML и раскопаем 8 HTML-элементов, которые никто не использует, но должны использовать все!

Как использовать новую функцию CSS Anchor для всплывающих окон

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

Создайте красивую прокрутку с помощью CSS Scroll Snap

Вы когда-нибудь хотели создать веб-сайт, который позволял бы вам переходить прямо к определенному разделу страницы с помощью одной прокрутки? (Для демонстрации см. GIF-изображение ниже):

Использование плагина HTML Bundler для Webpack для создания файлов HTML

Webpack работает для создания пакетов JavaScript, но не поддерживает ни файлы HTML, ни файлы CSS из коробки. Чтобы связать скомпилированный JavaScript и CSS с HTML, мы можем использовать мощный плагин html-bundler-webpack-plugin.

Отличие onclick и addEventListener в JavaScript

В этой статье подробно рассматриваются противоположные подходы к обработке событий в JavaScript: знакомый метод onclick и универсальный метод addEventListener. Углубляясь в нюансы этих двух механизмов, мы раскрываем уникальные преимущества, которые они предлагают, и сценарии, в которых они превосходны. На подробных примерах и практических примерах использования мы рассмотрим синтаксис, поведение и совместимость как onclick, так и addEventListener, что позволит разработчикам делать осознанный выбор при реализации управляемых событиями взаимодействий в своих веб-приложениях. Будь то простой щелчок мыши или более сложное требование управления событиями, эта статья снабдит читателей знаниями, позволяющими эффективно перемещаться между этими двумя парадигмами обработки событий.

Как предотвратить эффект темного режима для элементов формы HTML

Я работал над проектом, и вдруг я столкнулся с проблемой. Должен быть нормальный режим для элементов html-формы, например полей ввода, выбора и текстовой области, когда включен темный режим рабочего стола. Темный режим влияет на цвет фона элемента формы. Тогда я начал искать решение и нашел ответ. Существует свойство css, называемое color-scheme, которое указывает, какую цветовую схему можно использовать.

Фронтенд практика: CSS и SCSS

Давайте рассмотрим некоторые лучшие практики CSS с примерами:

Как манипулировать HTML и CSS с помощью JavaScript

В JavaScript HTML DOM (объектная модель документа) представляет структуру и содержимое HTML-документа в виде древовидной структуры. В нем каждый элемент, атрибут и текстовый узел в документе HTML представлен как узел в дереве DOM.

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

Понимание и использование vertical-align: middle в CSS

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

HTML – то же самое, что и текстовый документ!

Язык программирования HTML используется для структурирования и отображения веб-страницы и её контента. Давайте более детально рассмотрим из каких блоков состоит код HTML.

Рассмотрим документ word:

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

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

Попробовать

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

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