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

Давайте попробуем разобраться в этом на самом простом примере:

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

:root {
  --primary-color:#ff0000;
}

HTML предлагает огромное количество элементов, которые могут улучшить способ представления контента в Интернете. Большинство разработчиков знакомы со стандартными тегами <div>, <p> и <a>, но есть и менее известные элементы, которые могут быть весьма полезны. Представляем вам пять уникальных элементов HTML, о которых вы могли не знать:

1. Тег q /q

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

Создание динамического блога с помощью Flask и HTMX может быть увлекательным и полезным. В этом руководстве вы пройдете через весь процесс, сосредоточившись на том, как сделать блог интерактивным без необходимости использования сложного фреймворка одностраничного приложения (SPA). В конце у вас будет полностью функциональный блог, в котором пользователи смогут легко создавать, читать, обновлять и удалять записи.

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

Обновление страницы, когда данные становятся доступными, почти всегда требует использования JavaScript. Одностраничные приложения (SPA) используются чаще всего, но новые платформы, которые хорошо взаимодействуют с серверным рендерингом, такие как Remix, Next.js, HTMX или Turbo, становятся все более распространенными. Однако каждое решение JavaScript усложняет приложение.

Вы когда-нибудь пытались загрузить программное обеспечение со стороннего сайта? Когда вы нажимаете на кнопку загрузки, открывается множество вкладок с назойливой рекламой. Мне, как разработчику, интересно, как они программируют свой сайт для этого. Вы не поверите, это очень просто. В этом уроке я покажу вам, как открыть все ссылки в новых вкладках с помощью JavaScript.

Компоновка Masonry (каменной кладки) — это конструкция на основе сетки, в котором минимизированы вертикальные зазоры между элементами.

Внешне выглядит макет таким образом:

В этом руководстве вы создадите простое приложение для чата в реальном времени с использованием Go, Fiber и HTMX.

Вы узнаете, как использовать универсальность Fiber, используя WebSocket. Вы также узнаете, как создать реактивный интерфейс без использования JavaScript.

Предварительные условия

• Хорошее понимание Go и HTTP-серверов.

Веб-разработка прошла долгий путь от своего скромного начала, быстро развиваясь, чтобы удовлетворить растущие потребности пользователей и разработчиков.Давайте посмотрим, как мы пришли к современным решениям, таким как React!

Первые дни: HTML, CSS и JavaScript

Представьте, что вы создаете простую веб-страницу, например, строите простой дом из трех основных материалов: