Постпроцессоры CSS для начинающих: советы и ресурсы

Постпроцессоры CSS для начинающих: советы и ресурсы

От автора: о концепции препроцессоров в CSS большинство разработчиков или уже знают, или читало. Мы уже разобрали в мельчайших деталях препроцессоры, чтобы помочь разработчикам как можно быстрее освоиться с этой популярной технологией. Но что такое постпроцессоры?

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

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

Читать далее «Постпроцессоры CSS для начинающих: советы и ресурсы»

Полный сброс: использование начальных значений CSS

Полный сброс: использование начальных значений CSS

От автора: по своему определению разработка стилей включает в себя установку CSS свойствам новых значений. Сложные стили, в конечном счете, доходят до такой точки, когда необходимо «потереть» CSS значения, т.е. сбросить их на начальные. В отдельных случаях первоначальные значения известны, их легко запомнить. У других же свойств все не так. К счастью, современный CSS дает нам простой способ сброса свойств.

Дави на кнопку

Скажем, вы задали изображениям свойство float: left по умолчанию:

И потом вам нужно сбросить обтекание изображений с определенными условиями (изображения с классом .recall)… а вы не помните, стоит ли float: none или что-то еще.

Читать далее «Полный сброс: использование начальных значений CSS»

Обзор CSS Resets в 2020 году

Обзор CSS Resets в 2020 году

От автора: сегодня речь пойдет о CSS Resets 2018. Все браузеры поставляются с набором стилей по умолчанию, которые применяются к каждой веб-странице в так называемой «таблице стилей агента пользователя». Большинство из этих таблиц стилей имеют открытый исходный код, поэтому вы можете просмотреть их.

Многие стили согласованы во всех таблицах стилей пользовательских агентов. Например, я привык думать, что элемент head не был виден из-за какой-то специальной функции, но на самом деле он скрывается, как и любой другой элемент на странице, с помощью display: none! Вы можете увидеть этот же стиль в WebKit, Chromium и Mozilla.

Много стилей, однако, являются несовместимыми между разными таблицами стилей агента пользователя. Например, посмотрите, как выглядит поле поиска в разных браузерах. Читать далее «Обзор CSS Resets в 2020 году»

") //-->

Статистика

Метки

Мы используем cookie-файлы для наилучшего представления нашего сайта. Продолжая использовать этот сайт, вы соглашаетесь с использованием cookie-файлов.
Принять