[Перевод] Безопасный CSS, или как писать универсальные стили

Скрипты и советы | 29 января 2022

Уроки CSS на Хабрахабре, habrahabr.ru, CSS, HTML, html, css, adaptive, flexbox, grid, flex, вёрстка, верстка, стили,

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

Читать статью
Angular, инкапсулируй это

Добрый день. В данной публикации хочу рассмотреть механизм работы стилей в Angular, поделится своим опытом и виденьем...

Подробнее
Выравниваем блок по центру страницы

Очень часто стоит задача выровнять блок по центру страницы / экрана, да ещё и так, чтобы без ява-скрипта, без задания...

Подробнее
Каскадные Таблицы Стилей / [Перевод] Искусство и дзен написания CSS

Я делаю шаблоны на чистом HTML/CSS уже больше восьми лет. За это время я убедился, что различные соглашения и...

Подробнее
[recovery mode] Одна задача из SEO рутины: решение в 3 шага

По правде говоря, это не «бомбический» кейс, а стандартная ситуация в SEO и её обычное решение. Из таких ситуаций...

Подробнее
Дорогая цена стилей. Доклад Яндекса

Загрузка CSS на страницу — блокирующая операция. Если асинхронная загрузка JavaScript может быть незаметна...

Подробнее
[Перевод] CSS в JavaScript: будущее компонентных стилей

С помощью встроенных стилей можно получить все программные возможности JavaScript, что дает нам преимущества в виде...

Подробнее

💬 Комментарии

В связи с новыми требованиями законодательства РФ (ФЗ-152, ФЗ «О рекламе») и ужесточением контроля со стороны РКН, мы отключили систему комментариев на сайте.

🔒 Важно Теперь мы не собираем и не храним ваши персональные данные — даже если очень захотим.

💡 Хотите обсудить материал?

Присоединяйтесь к нашему Telegram-каналу:

https://t.me/tcsecms/

Нажмите кнопку ниже — и вы сразу попадёте в чат с комментариями