htmlq — инструмент для работы с HTML прямо из Терминала

С его помощью можно запрашивать HTML-страницы с помощью CSS-селекторов: идентификаторов, атрибутов, текстовые фильтров и узлов

При этом возвращает утилита ссылки, а также умеет извлекать текст, удалять узлы и т.д

htmlq доступен на Linux, FreeBSD и macOS

Стоимость: #бесплатно

#terminal #html

ZenPen — максимально минималистичный онлайн‑редактор текстов

Из интересных особенностей: поддержка форматирования, возможность прикреплять ссылки к словам и тёмная тема

Сохранить получившийся текст можно в форматах markdown и html

Стоимость: #бесплатно

#редактор #markdown #html

htmx — инструмент для создания интерактивных веб-приложений с HTML и минимальным JavaScript

Он предназначен для девелоперов, которые хотят упростить свои проекты и ускорить разработку

htmx отличается от конкурентов тем, что он не требует знания сложных JavaScript-фреймворков и позволяет использовать HTML как основной язык

Это позволяет сосредоточиться на структуре приложения, а не на сложных технических деталях.

Стоимость: #бесплатно

#HTML #web #code

Wweb.dev — генератор анимированных фонов CSS

С его помощью вы можете буквально в пару кликов создавать и настраивать анимированные фоны для своих веб-проектов

При этом платформа выдаёт вам как готовый HTML-код, так и CSS

Незаменимый помощник, если нужно быстро собрать симпатичный нестатичный бэкграунд, а времени на ручное написание «велосипеда» нет

Стоимость: #бесплатно

#web #css #html

HTML DOM — мощный инструмент для управления HTML-документами с помощью ванильного JavaScript

Утилита позволяет легко обращаться к элементам страницы, изменять её содержимое, стили, атрибуты, а также добавлять и удалять элементы динамически

В целом, при помощи HTML DOM можно создавать современное интерактивное и отзывчивое веб-приложение

Стоимость: #бесплатно

#HTML #JavaScript #web

LiveCSSPlay — пошаговое применение CSS к вашему HTML

LiveCSSPlay представляет из себя интерактивный инструмент, позволяющий вам писать CSS-код по частям, а не сразу целиком

Далее вы можете наблюдать, как ваш HTML-документ стилизуется шаг за шагом

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

Стоимость: #бесплатно

#CSS #HTML #web

ColourPicker — утилита для выбора HTML-цветов на рабочем столе Windows

Среди её основных функций:

- поддержка нескольких мониторов (включая 4K);
- запись истории выбранных цветов;
- возможность копировать выбранные цвета в буфер обмена.

Приложение доступно для скачивания в Windows Store, не содержит рекламы, вредоносных программ и дополнительного программного обеспечения

Стоимость: #бесплатно

#цвет #HTML #web

HTMLrev — галерея бесплатных HTML-шаблонов

Причём здесь можно найти совершенно разные варианты: и Bootstrap, и Tailwind и т.д

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

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

Стоимость: бесплатно

#HTML #Bootstrap #web

Mirror Button — кнопка для вашего сайта с отражением пользователя

Реализована подобная «магия» достаточно интересным способом: в кнопку интегрировано видео, которое отображает изображение с камеры пользователя в реальном времени

Проект демонстрирует использование HTML, CSS и JavaScript для создания не самого сложного, но очень оригинального веб-элемента

Стоимость: #бесплатно

#web #HTML #JS

Uploadcare — управление загрузкой, обработкой и доставкой файлов

По словам самих разработчиков, инструмент является полным решением «из коробки», созданным инженерами для инженеров

Основные преимущества Uploadcare включают легкость и скорость настройки, а также удобство использования как для пользователей, так и для разработчиков

Инструмент предлагает HTML5-виджет для загрузки файлов и поддерживает API, которые легко интегрируются в любой стек

Стоимость: #бесплатно (но есть платные тарифы)

#web #html

Использование async и defer для управления скриптами

В мире веб-разработки оптимизация времени загрузки страниц имеет решающее значение. Два мощных атрибута тега <script> — async и defer — могут существенно повлиять на производительность сайта. Давайте начнём с основ и узнаем, что делают эти атрибуты и когда их следует использовать.

Подробности.

#javascript #html