[Перевод] CSS запросы к контейнерам наконец с нами

Данная статья — перевод. Оригинал по этой ссылке.Я не могу сдержать своего волнения, когда пишу первые несколько слов этой статьи. Дамы и господа, контейнерные CSS-запросы наконец-то здесь! Да, вы правильно поняли. В настоящее время они поддерживаются…

PowerShell: распознавание БЭМ-сущностей на HTML-странице

Распознавание типов БЭМ-сущностей (блок, элемент, разные виды модификаторов) в скрипте на языке PowerShell с помощью простых регулярных выражений. Предполагается, что скрипт получает файл с кодом на языке HTML, разбирает его (парсит) и определяет типы …

Топ-25 бесплатных курсов веб-разработчика 2022 года

Подготовили для вас подборку бесплатных курсов и тренажеров обучения для веб-разработке с нуля. Также на нашем сайте есть раздел со всеми платными курсами по web-разработке и отзывами о них — https://katalog-kursov.ru/courses/kursy_po_web_razrabotke/…

PowerShell: классическая схема именования в БЭМ и регулярные выражения

В методологии БЭМ, которую используют для создания сайтов, существует соглашение (схема) по именованию классов CSS (БЭМ-сущностей), которые привязывают к HTML-элементам HTML-дерева. Я рассматриваю классическую схему именования классов CSS по методологи…

Как правильно верстать в 2022 году. Часть 2. Как правильно вкладывать теги друг в друга

Меня зовут Николай и я Frontend-разработчик в логистическом стартапе Relog. Хочу рассказать о самых распространённых ошибках в вёрстке современных проектов.В этой статье мы говорим о вложении тегов друг в друга, так как это один из неочевидных моментов…

Как правильно верстать в 2022 году. Часть 1

Меня зовут Николай, я Frontend-разработчик IT-компании Relog. Хочу рассказать о самых распространённых ошибках в вёрстке современных проектов.Дело в том, что лишь малая часть современных фронтендеров обращает внимание на работу с HTML и CSS, предпочита…

[Перевод] HTML5 и алгоритм разметки документов

HTML5 и алгоритм разметки документовВСТУПЛЕНИЕ  Все мы уже  знаем, что для создания веб-сайтов лучше всего использовать HTML5. Сейчас мы обсудим то, как правильно использовать HTML5. Одной из важных частей HTML5, которую до сих пор не вс…

Как htmx помогает разработке на HTML

htmx — инструмент для создания сложных и интерактивных веб-приложений на HTML, алтернатива клиентскому рендерингу на Javascript. В этой статье рассказываем, как библиотека помогает переиспользовать элементы на сервере, сократить объем кода на Javascrip…

Автоматизируем рутину в работе с HTML/CSS/JS

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