Написать в telegram

[Перевод] Математика разметки с помощью CSS: разбираемся с calc

Скрипты и советы | 4 декабря 2014

Уроки CSS на Хабрахабре

За последние годы верстка в интернете развилась из фиксированных дизайнов к адаптивным. Причем, в стилях могут использоваться сразу несколько видов единиц измерений (проценты, em или px). Дизайнерам и разработчикам следует понимать, как это работает. Но было бы удобно оперировать (складыва/вычитать) единицами разной размерности в одном и том же выражении. Для этого отлично подходит calc. При ее всей мощности, то, как ее можно применять, лучше продемонстрировать на примерах. image Читать дальше →

 Источник: Уроки CSS на Хабрахабре
[Из песочницы] Занимательная вёрстка с единицами измерения области просмотра

Единицы измерения области просмотра используются вот уже несколько лет. Они практически полностью поддерживаются...

Подробнее
Web-разработка / Перевод CSS Font-Size: em vs. px vs. pt vs. percent

Одним из наиболее запутанных аспектов CSS является применение font-size атрибута для масштабирования текста. Используя...

Подробнее
[Перевод] Эволюция CSS: от CSS, SASS, BEM и CSS–модулей до styled-components

С самого начала истории интернета мы нуждались в стилях для наших сайтов. Многие годы нам для этого служил CSS,...

Подробнее
Плохой, зато свой: как написать по-настоящему ужасный CSS

Это перевод статьи Оханса Эммануэля, который уже много лет работает в сфере разработки веб-сайтов и сервисов. Его...

Подробнее
[Перевод] Исповедь Google-спамера

Правдивая история о том, как беспринципный «ботаник» заработал миллионы долларов на поисковом гиганте Прежде чем...

Подробнее
Интерактивные банеры для CMS DLE в примерах

В последних реализациях DLE улучшена защита и как следствие запуск ява-скриптов из тела страницы затруднен но допустим...

Подробнее

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

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

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

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

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

https://t.me/tcsecms/

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