![[recovery mode] Добавление масштабирования при ширине экрана менее чем body min-width в Firefox и Safari](/uploads/habrahabr_logo.png){kind=logo}
В этом мини туториале я расскажу вам о том, как решить проблему отсутствия масштабирование страницы при ширине экрана меньше чем body min-width в браузерах Firefox и Safari, с помощью функции, решающей эту проблему. Читать далее
Подробнее
Если поменять порядок названий классов CSS в атрибуте «class» HTML-элемента, то поменяется ли отображение HTML-страницы в браузере? Точно не поменяется? Или точно поменяется? А, может быть, есть нюансы? Давайте попробуем разобраться. Для этого я загляну в действующий стандарт языка HTML, буду на основании определений из этого стандарта делать выводы и проверять их на практических примерах. Читать далее
Подробнее
Я развиваю скрипт на языке PowerShell для обхода и визуализации HTML-дерева из файла на языке HTML для анализа кода HTML на ошибки. В частности, для поиска ошибок при именовании классов CSS. Для этого сначала нужно получить набор классов из атрибута class HTML-элементов, а затем перебрать эти названия классов в цикле. Для разбора HTML я использую библиотеку «HTML Agility Pack». Также я разбираю, как можно обработать ссылки на символы (их еще называют по-английски «HTML-entities»)
Подробнее
При разборе кода HTML-страницы возникает вопрос: какие символы можно использовать в названиях классов CSS? Например, можно ли названия классов писать по-русски? Или китайскими иероглифами? Или с помощью эмодзи? В этой статье я разбираю этот вопрос со ссылками на действующие стандарты HTML и CSS, даю ответы, привожу примеры с проверкой соответствующими валидаторами. Читать далее
Подробнее
И так вы оказались в 1997 году и вам нужно создать веб-сайт. Какие ваши действия и как вы будете это делать? Читать...
Подробнее
Привет, друзья! В данной статье мы разработаем простую, но относительно полноценную дизайн-систему для веб-приложения средствами Sass. Почему Sass? Потому что, кроме полной поддержки CSS, Sass предоставляет несколько интересных инструментов, позволяющих существенно сократить шаблонный код, в чем вы сами скоро убедитесь. На мой взгляд, несмотря на стремительное развитие CSS в последние годы, Sass продолжает оставаться актуальным, по крайней мере, при работе над серьезными…
Подробнее
Все браузеры элементу body добавляют внешний отступ со значением 8px (margin 8px). Это часть таблицы стилей по умолчанию, рекомендованных w3c. Но почему именно 8px? Откуда такая тенденция? Читать далее
Подробнее
Дайджест новостей и полезных статей из мира фронтенд-разработки за неделю 11–17 июля. Читать далее
Подробнее
Дайджест новостей и полезных статей из мира фронтенд-разработки за неделю 4–10 июля. Читать далее
Подробнее
Дайджест новостей и полезных статей из мира фронтенд-разработки за неделю 27 июня–3 июля. 📔 Вышел Vue 2.7 «Naruto». 📔 Большое обсуждение, что использовать в prettier — табы или пробелы. 📔 W3C станет некоммерческой организацией, представляющей общественные интересы с января 2023 года. Что там у вас ещё
Подробнее
Привет, Хабр! Мы не знаем, как у вас, но в Питере жара. Мозги плавятся настолько, что тяжело отличить джаву от джаваскрипта, а вместо foo хочется в bar. Но мы всё-таки сделаем усилие и расскажем всем желающим о самых легких путях во фронтенд. Потому что о том, зачем туда идти, все уже знают и посмеиваются над этим постом со своих гамаков и шезлонгов. Читать далее
Подробнее
Дайджест новостей и полезных статей из мира фронтенд-разработки за неделю 20–26 июня. 📔 EcmaScript 2022. 22 июня 2022 года 123 Генеральная ассамблея Ecma утвердила спецификацию языка ECMAScript 2022 — теперь он официально является стандартом. Внутри все новинки. 📔 Как создавать иконки сайтов в 2022 году — всё о favicon. Пришло время переосмыслить то, как мы создаем набор иконок для современных браузеров, и остановить безумные генераторы. 📔 Как будет выглядеть веб только с Chromium?.
Подробнее