Что такое CSS-препроцессор и постпроцессор?

  Рет қаралды 28,130

loftblog

loftblog

4 жыл бұрын

Стань программистом в 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 #азбукапрограммиста

Пікірлер: 42
@green3216
@green3216 4 жыл бұрын
Как и всегда, молодцы! thx♥
@user-gy8ik4ix6g
@user-gy8ik4ix6g Жыл бұрын
Ваша подача материала великолепна! Спасибо))👍
@dimakoshelev409
@dimakoshelev409 3 жыл бұрын
Круто, доступно и по делу, спасибо
@name-yy9yu
@name-yy9yu 4 жыл бұрын
ничего не понял, но очень интересно
@katerynashadrina1514
@katerynashadrina1514 2 жыл бұрын
гсп, как мутно читать комментарии - все про внешность девушки, как будто вы в лесу живете и женского пола ни разу не видели.
@Glitch-qj3nj
@Glitch-qj3nj Жыл бұрын
Завидуй молча
@osmanchakhkiev1923
@osmanchakhkiev1923 Жыл бұрын
Если вы тоже написали комментарий о ведущей, значит и вы живете в лесу?
@John_Smith_Java
@John_Smith_Java Жыл бұрын
3:43 пробремы - наше всё)
@warflow
@warflow Жыл бұрын
2:52 в css тоже есть переменные, через root задаются
@user-km9rt2uw3g
@user-km9rt2uw3g 4 жыл бұрын
Т.е препроцессоры нужны исключительно для того, чтобы облегчить разработчику жизнь? А как это сказывается на нагрузке на сервер? В чём принципиальная разница если я буду писать всё тоже самое на чистом CSS (пусть и гораздо дольше)? Это вообще обязательно использовать в разработке?
@dmytrowinter2310
@dmytrowinter2310 4 жыл бұрын
Нет, не обязательно. Только для удобства разработки и поддержки (при наличии исходных файлов)
@dmitrygabitov5409
@dmitrygabitov5409 4 жыл бұрын
Умница красавица! С такой приятно поговорить о CSS...)
@user-pc4eg6rz2m
@user-pc4eg6rz2m 8 ай бұрын
я влюбился в PostCSS
@user-mw2cd3lu8n
@user-mw2cd3lu8n 4 жыл бұрын
А этот ваш процессор танчики хотя бы на минималках потянет?!
@user-zp7pi1oi9u
@user-zp7pi1oi9u 4 жыл бұрын
Чем отличается преппроцессер от фреймворк
@Shurupich
@Shurupich 4 жыл бұрын
Проще сказать, что у них общего, так как это совсем разные вещи. фреймворк это отдельный набор css-правил (чаше всего классы), которые можно использовать в своей разметке. Например, в Bootstrap добавив class="btn btn-danger" к кнопке, она станет красной, с белым текстом, с закругленными краями и при наведении будет становиться чуть бордовее. Или отдельный класс для попапов. Ну и самое распространенное - задание размеров и положения/поведения блоков на странице, выравнивания по сетке. Формально, с помощью фреймворка можно сделать приемлимую версию сайта не написав ни строчки CSS, часто применяется в построении админок. Препроцессор же - технология позволяющая именно ПИСАТЬ css, тратя меньше усилий. На выходе получается обычный CSS. Ну и справедливости ради - почти все CSS-фреймворки пишутся на препроцессорах и распространяются с исходными кодами, сделано это для того, чтоб можно было легко внести изменения, и легко изменить какие-то параметры, зашитые в многие места (размер/начертание шрифтов, цвета и т.д.)
@user-zp7pi1oi9u
@user-zp7pi1oi9u 4 жыл бұрын
@@Shurupich всё понил, спасибо огромное
@White1235g
@White1235g 4 жыл бұрын
Ну моргать хоть иногда надо же
@alexasanchobetherestors9962
@alexasanchobetherestors9962 22 күн бұрын
Ничего не понял, зато на девушку посмотрел. Хорошая.
@yevheniikozhevin5845
@yevheniikozhevin5845 4 жыл бұрын
боже это сколько тут приматов в комментах сидит, усмерите своих удавов, парни, будьте воспитанными, етить колыхать....
@lex_nel3097
@lex_nel3097 4 жыл бұрын
В CSS уже есть переменные.
@user-vy6vc1lj3s
@user-vy6vc1lj3s 4 жыл бұрын
На счёт переменных ты прав, но эта технология пока нестабильна. Однако SASS и LESS используют не только ради переменных, но и ради возможности использования миксинов, более простой организацией вложенности, импорта файлов.
@fein7068
@fein7068 4 жыл бұрын
​@@user-vy6vc1lj3s Дело не в стабильности, а в поддержке браузеров, к примеру IE вообще не поддерживает.
@suleymanaliev1459
@suleymanaliev1459 4 жыл бұрын
@@fein7068 Все будет, потерпите до 2021 года
@vladdegotovstochub1802
@vladdegotovstochub1802 4 жыл бұрын
beautiful woman
@clickabelno
@clickabelno 4 жыл бұрын
Няша
@ImmortalBest
@ImmortalBest 4 жыл бұрын
яб импортировал и вставил
@zmerz
@zmerz 3 жыл бұрын
Все клево и интересно!Насть,не тяни гласные плиз..как будто стих рассказываешь..отвлекает очень..
@nickolaypylypenko5895
@nickolaypylypenko5895 3 жыл бұрын
Ля, какая малышка) А вы откуда?)
@Crocopizdel
@Crocopizdel 2 жыл бұрын
зачем такую девчонку красивую ставить? ничего не понял и не запомнил, только в глаза смотрел.
@user-py3yn5kp7q
@user-py3yn5kp7q 4 жыл бұрын
мой райзен 2600 4 ггц мощнее вашего припроцессора
@fein7068
@fein7068 4 жыл бұрын
В каком месте смеяться?
@user-py3yn5kp7q
@user-py3yn5kp7q 4 жыл бұрын
@@fein7068 В написании ТСЯ
@fein7068
@fein7068 4 жыл бұрын
@@user-py3yn5kp7q Гениально) Тогда ответочка, пре*
@user-py3yn5kp7q
@user-py3yn5kp7q 4 жыл бұрын
@@fein7068 (изменено)
@fein7068
@fein7068 4 жыл бұрын
@@user-py3yn5kp7q Было лучше?
@fein7068
@fein7068 4 жыл бұрын
Очень трудно сконцентрироваться когда такая милашка рассказывает от технологии, в IT упор стоит на работу и концентрацию, а девушки это всего эмоции которые отвлекают, не досмотрел закрыл написал отзыв пошел искать дальше.
Ускоряем верстку | Гайд по препроцессору стилей | Sass (SCSS)
27:02
Александр Ламков — Friendly Frontend
Рет қаралды 15 М.
Что такое CSS?
5:20
loftblog
Рет қаралды 62 М.
狼来了的故事你们听过吗?#天使 #小丑 #超人不会飞
00:42
超人不会飞
Рет қаралды 60 МЛН
ДЕНЬ РОЖДЕНИЯ БАБУШКИ #shorts
00:19
Паша Осадчий
Рет қаралды 5 МЛН
How many pencils can hold me up?
00:40
A4
Рет қаралды 18 МЛН
Что такое PHP?
4:24
loftblog
Рет қаралды 64 М.
Что такое Gulp и зачем это нужно?
8:35
Дмитрий Ченгаев. Веб-разработка.
Рет қаралды 23 М.
Препроцессор Sass/SCSS за 17 минут
17:49
Code Lab - Уроки по программированию
Рет қаралды 13 М.
CI CD наглядные примеры
22:08
Ulbi TV
Рет қаралды 267 М.
Что такое frontend?
4:35
loftblog
Рет қаралды 151 М.
CSS-модули, SASS/SCSS и сброс стилей в React-приложении
18:28
Михаил Непомнящий
Рет қаралды 35 М.
狼来了的故事你们听过吗?#天使 #小丑 #超人不会飞
00:42
超人不会飞
Рет қаралды 60 МЛН