Що таке postcss.
Всім привіт! У цій статті ми розглянемо, що таке PostCSS, дізнаємося, чи потрібно його використовувати і в чому відмінність від препроцесорів.
Почати варто з того, що PostCSS використовують такі компанії, як Google, WordPress, Twitter, Taobao та інші. А, власне, якщо такі відомі і великі корпорації використовують дану технологію, значить, вона дійсно корисна.
Відео: # 4 PostCSS До Побачення SASS і Stylus?
Сам по собі PostCSS робить тільки те, що парсит CSS код, переводить його в абстрактне синтаксичне дерево, далі віддає його плагинам, а потім, коли все плагіни закінчать свою роботу, повертає його знову в звичний нам CSS код.
Власне, що це за плагіни такі, запитаєте ви? Це звичайні скрипти, які беруть стилі і щось з ними роблять. Наприклад, ви можете написати CSS код, а потім PostCSS за допомогою спеціального плагіна додасть там, де потрібно, префікси для браузерів. Тобто, як і зрозуміло з назви, він робить щось з вже готовим CSS кодом, а препроцесори роблять ще до того, як файл буде повністю закінчено.
Відео: PostCSS - # 1 - Введення і робота з першими плагінами
плюси PostCSS в тому, що він досить активно розвивається. Навколо нього сформувалося вже досить велика спільнота, де постійно з`являються якісь нові плагіни.
Інший плюс в тому, що він прекрасно розгортається з популярними на сьогодні інструментами, такими, як Gulp, Grunt, WebPack і іншими.
Завдяки модульності, ви зможете використовувати тільки те, що потрібно саме вам. Якщо чогось немає, ви завжди можете написати потрібний плагін для себе самі.
Це все і робить дану технологію такою популярною.
Які плагіни існують сьогодні? Їх дуже багато! Найпопулярніший з них, звичайно, autoprefixer, який вже був згаданий раніше. Інший дуже цікавий плагін - cssnext. Він дозволяє використовувати можливості CSS4 вже зараз!
Подивитися інші плагіни для PostCSS ви можете на сайті PostCSS Parts.
Думаю, ви зрозуміли, як корисний цей інструмент і, якщо хочете побачити продовження, де ми розглянемо, як його використовувати і писати для нього плагіни, пишіть свої побажання в коментарях.
Зараз з`являється багато технологій, які полегшують написання стилів, проте це не означає, що вам не потрібно знати і вміти верстати на чистому CSS, тому, якщо ви відчуваєте з цим труднощі, зверніть увагу на відеокурс HTML5 та CSS3 з Нулі до Гуру.
- Кращі плагіни для obs studio
- Що таке фільтри в php.
- Що таке less?
- Як зробити анімовану кнопку меню на scss.
- Як запускати php-код
- Що таке пінг і з чим його їдять?
- Властивості nav-left, nav-right і nav-up в css3.
- Стрілочні функції в es6.
- Вивчаємо sass. Встановлення та налаштування.
- Вивчаємо sass. Міксини.
- Nodejs. Движок v8.
- Bootstrap 4. Введення.
- Вивчаємо sass. Математичні операції.
- Текстовий редактор sublime text 2.
- Математичні функції в sql.
- Gulp. Структура проекту і робота завдань.
- Вивчаємо sass. Функції.
- Вивчаємо sass. Стиль написання коду.
- Установка і настройка postcss.
- Вивчаємо sass. Розширення батьківського селектора.
- Корисні плагіни для текстового редактора sublime text.