Что такое CSS-препроцессор и постпроцессор?
ฝัง
- เผยแพร่เมื่อ 16 ก.ย. 2019
- Стань программистом в LOFTSCHOOL bit.ly/3n5W7bu
Промокод на скидку AZBUKA
В этом выпуске мы разберем, что такое CSS препроцессор и постпроцессор.
Полезные ссылки:
Видеокурс «Основы CSS»:
• Основы CSS
Уроки по Sass & Compass:
• Введение Sass & Compass
Видеокурс по Stylus:
• Stylus
Интервью с разработчиком PostCSS - Андреем Ситником:
• Андрей Ситник - О секс...
Что такое «Азбука программиста» и чем она может быть полезна?
В первую очередь - это наглядное руководство по основам программирования, с помощью которого вы научитесь быстро ориентироваться в базовых вещах и уже очень скоро применять их на практике.
С каждым новым выпуском мы будем углубляться - от основ до более сложных для изучения вещей.
Другими словами - это «Must Have» для тех, кто только начинает свой путь в мир it и хочет быстро, но с большой пользой погрузиться в мир программирования :)
Школа онлайн-образования: loftschool.com/
Telegram Loftblog: t-do.ru/loftblog
Telegram IT-обучение: t-do.ru/it_loft
Группа вконтакте: loftblog
Facebook: / loftblog
Больше уроков от lofblog: #loftblog #азбукапрограммиста
Как и всегда, молодцы! thx♥
Ваша подача материала великолепна! Спасибо))👍
Круто, доступно и по делу, спасибо
ничего не понял, но очень интересно
3:43 пробремы - наше всё)
гсп, как мутно читать комментарии - все про внешность девушки, как будто вы в лесу живете и женского пола ни разу не видели.
Завидуй молча
Если вы тоже написали комментарий о ведущей, значит и вы живете в лесу?
2:52
в css тоже есть переменные, через root задаются
Т.е препроцессоры нужны исключительно для того, чтобы облегчить разработчику жизнь? А как это сказывается на нагрузке на сервер? В чём принципиальная разница если я буду писать всё тоже самое на чистом CSS (пусть и гораздо дольше)? Это вообще обязательно использовать в разработке?
Нет, не обязательно. Только для удобства разработки и поддержки (при наличии исходных файлов)
Умница красавица! С такой приятно поговорить о CSS...)
Чем отличается преппроцессер от фреймворк
Проще сказать, что у них общего, так как это совсем разные вещи.
фреймворк это отдельный набор css-правил (чаше всего классы), которые можно использовать в своей разметке.
Например, в Bootstrap добавив class="btn btn-danger" к кнопке, она станет красной, с белым текстом, с закругленными краями и при наведении будет становиться чуть бордовее. Или отдельный класс для попапов. Ну и самое распространенное - задание размеров и положения/поведения блоков на странице, выравнивания по сетке.
Формально, с помощью фреймворка можно сделать приемлимую версию сайта не написав ни строчки CSS, часто применяется в построении админок.
Препроцессор же - технология позволяющая именно ПИСАТЬ css, тратя меньше усилий. На выходе получается обычный CSS.
Ну и справедливости ради - почти все CSS-фреймворки пишутся на препроцессорах и распространяются с исходными кодами, сделано это для того, чтоб можно было легко внести изменения, и легко изменить какие-то параметры, зашитые в многие места (размер/начертание шрифтов, цвета и т.д.)
@@Shurupich всё понил, спасибо огромное
я влюбился
в PostCSS
А этот ваш процессор танчики хотя бы на минималках потянет?!
Ну моргать хоть иногда надо же
Ничего не понял, зато на девушку посмотрел. Хорошая.
beautiful woman
В CSS уже есть переменные.
На счёт переменных ты прав, но эта технология пока нестабильна. Однако SASS и LESS используют не только ради переменных, но и ради возможности использования миксинов, более простой организацией вложенности, импорта файлов.
@@user-vy6vc1lj3s Дело не в стабильности, а в поддержке браузеров, к примеру IE вообще не поддерживает.
@@fein7068 Все будет, потерпите до 2021 года
боже это сколько тут приматов в комментах сидит, усмерите своих удавов, парни, будьте воспитанными, етить колыхать....
Няша
Ля, какая малышка)
А вы откуда?)
яб импортировал и вставил
Все клево и интересно!Насть,не тяни гласные плиз..как будто стих рассказываешь..отвлекает очень..
мой райзен 2600 4 ггц мощнее вашего припроцессора
В каком месте смеяться?
@@fein7068 В написании ТСЯ
@@dmitry-utkin Гениально) Тогда ответочка, пре*
@@fein7068 (изменено)
@@dmitry-utkin Было лучше?
зачем такую девчонку красивую ставить? ничего не понял и не запомнил, только в глаза смотрел.
Очень трудно сконцентрироваться когда такая милашка рассказывает от технологии, в IT упор стоит на работу и концентрацию, а девушки это всего эмоции которые отвлекают, не досмотрел закрыл написал отзыв пошел искать дальше.