Публикации по теме 'html'
Создание приложения чата с использованием HTML и CSS (исходный код)
Привет, ребята, и добро пожаловать в блог. В этом блоге мы увидим, как создать пользовательский интерфейс приложения для чата с помощью HTML и CSS. Теперь давайте посмотрим на введение проекта.
В этом проекте пользовательского интерфейса Приложение для чата пользователь может сначала создать свою учетную запись, а затем искать других пользователей в Интернете, а затем начать общаться с ними.
Вы можете просматривать карточки профилей других пользователей и делиться с ними своими..
Глубокое погружение в JS-события.
Глубокое погружение в JS-события.
Давайте разберемся с обработкой событий JS. stopPropagation и stopImmediatePropagation и preventDefault .
События JS кажутся простыми, но это становится немного сложнее, когда есть вложенные элементы, такие как div внутри div, путешествующие (или распространяющиеся) через элементы. Это тот момент, когда мы пытаемся решить проблему, используя stopPropagation() и/или preventDefault(). Давайте поговорим о каждом из них подробно и о том, когда их..
Не используйте 100vh для мобильных устройств.
Как правило, мы используем height:100vh для полноэкранного макета, что является простым приемом и удобным способом улучшить дизайн.
Пример
.content {
height: 100vh;
}
Но когда мы тестируем наш дизайн на реальном устройстве, мы сталкиваемся с несколькими проблемами:
В основном браузеры Chrome и Firefox на мобильных устройствах имеют пользовательский интерфейс (адресную строку и т. д.) вверху. В Safari это становится сложнее, адресная строка находится внизу. В разных..
8 основных шагов для изучения веб-разработки: руководство для начинающих
8 Основные шаги для изучения веб-разработки: руководство для начинающих
Изучение веб-разработки — это увлекательное путешествие, которое может открыть множество возможностей в мире технологий. Веб-разработка — это широкая область, в которой используются различные технологии, языки и инструменты. В этом блоге мы шаг за шагом обсудим, как научиться веб-разработке.
Шаг 1 . Выберите свой путь. Веб-разработка делится на две основные части — разработка внешнего интерфейса и разработка..
Создайте автоматическое всплывающее окно, используя код HTML и JavaScript
Привет, ребята, добро пожаловать в наш блог. В сегодняшнем блоге мы рассмотрим, как создать автоматическое всплывающее окно с помощью HTML, CSS и JavaScript. Автоматическое всплывающее окно — это просто всплывающее окно с некоторой информацией, которое отображает сообщение во время загрузки веб-страницы.
Итак, теперь мы собираемся создать этот проект, для которого мы сначала добавляем HTML-код.
HTML-код для автоматического всплывающего окна
<div class='popup-onload'>
<div..
HTML-элементы, классы и идентификаторы: понимание строительных блоков веб-дизайна для начинающих
HTML-элементы, классы и идентификаторы: понимание строительных блоков веб-дизайна для начинающих
HTML (язык гипертекстовой разметки) является основой каждого веб-сайта. Это язык разметки, который используется для создания и структурирования содержимого веб-страницы. HTML состоит из различных элементов, определяющих макет веб-страницы, а также классов и идентификаторов, определяющих внешний вид и поведение этих элементов.
HTML-элементы
Элементы HTML являются строительными блоками..
Компоненты высшего порядка (HOC) React
Компоненты высшего порядка React дают нам возможность наследовать функциональность компонента другому компоненту. Проще говоря, мы можем повторно использовать функциональность компонента.
Давайте разберемся с этим на одном небольшом примере:
Предположим, вы хотите разработать приложение, в котором вы хотите увеличивать число нажатием кнопки и наведением курсора на элемент. И если вы взяли два отдельных компонента для нажатия кнопки и для наведения, вам нужно реализовать логику..
