LESS за 50 минут | Учим препроцессор LESS

  Рет қаралды 57,717

BrainsCloud

BrainsCloud

Күн бұрын

Пікірлер: 116
@BrainsCloud
@BrainsCloud 5 жыл бұрын
Лови новый видос! Лайк поставил? На канал подписался?)
@vadim1907
@vadim1907 5 жыл бұрын
Спасибо, очень информативно
@enot_poloskun007
@enot_poloskun007 11 ай бұрын
спасибо за познавательный контент, в школе вкинули блок с less до js и немного путаница возникла из-за сжатого формата, а тут автор все хорошо и понятно с визуально приятной практикой объяснил.
@shairongodly3815
@shairongodly3815 2 жыл бұрын
43:48 Если у вас не работает .grid(@columns); и выдает ошибку "Error evaluating function `percentage`: argument must be a number", то перепишите свойство "width: percentage((@i / @columns), rem);" P.S спасибо пользователю Елена Гахова
@udalov_travel
@udalov_travel 5 жыл бұрын
Конец 2019, а видос на эту тему самый полезный. Спасибо автору!
@satanist70
@satanist70 3 жыл бұрын
Вот настолько интересное видео, что когда появляется реклама, хочеться посмотреть их хоть 3 штуки, чтобы пользу автору принести, хоть какая-то отдача )) P.S - Спасибо огромное, начал смотреть видео с портфолио, понял что нужно учить less, сижу учу, пока не выучу, портфолио не трону, ты просто лучший, спасибо большое.
@mirov17
@mirov17 Жыл бұрын
как успехи?
@aj-alex
@aj-alex Жыл бұрын
Спасибо за хороший урок!
@progerlife6690
@progerlife6690 5 жыл бұрын
Ураааа!!!! Димон снял видос про препроцессор LESS - пошел делать кофе и смотреть!Спасибо!Лайк!
@tamaravardanyan2883
@tamaravardanyan2883 3 жыл бұрын
Доступно и просто объясняете. Очень спасибо!
@Петро-е6ч9э
@Петро-е6ч9э 4 жыл бұрын
Як завжди на висоті! дуже корисно. Дякую за працю!
@zafarasrorov3687
@zafarasrorov3687 3 жыл бұрын
просто супер. очень доходчиво объясняешь. грех не поставить лайк
@akhmad_goytinski
@akhmad_goytinski 2 жыл бұрын
Спасибо Дмитрий!!! Очень полезная информация!
@olgaorlova2131
@olgaorlova2131 3 жыл бұрын
Спасибо! Очень нравятся Ваши уроки. Обучаюсь по ним эффективно.
@FoolsINTheSuN
@FoolsINTheSuN 2 жыл бұрын
Первый туториал, который не приходится слушать в ускорении. Лайк за скорость)
@pilyugin
@pilyugin 5 жыл бұрын
Мощно) без всякой воды и 5 секундных раздумий))
@EUC_Novak
@EUC_Novak 3 жыл бұрын
🌟🌟🌟🌟🌟 *TOP!!! Сложные вещи простыми словами!!!* 🌟🌟🌟🌟🌟
@mozgoreshka3985
@mozgoreshka3985 4 жыл бұрын
Очень доступно объясняешь! Повторяю комент: "Сделай верстку с нуля с использованием препроцессоров и gulp или webpack =)". Например, ActiveBox продолжение:)
@neecsman5502
@neecsman5502 5 жыл бұрын
Спасибо вам! Приятно слушать. Все четко и грамотно, тембр голоса ласкает уши. Думаю буду еще ни раз пересматривать это видео! :)
@PAWELRAKETA
@PAWELRAKETA 2 жыл бұрын
Препод в универе не объяснил, хоть ты объяснил, спасибо)
@АлександрПетров-э8с6н
@АлександрПетров-э8с6н 2 жыл бұрын
Спасибо за видео, очень понятно и полезно!
@it_psihopad
@it_psihopad 4 жыл бұрын
это просто супер!!! спасибо от души!)) я начал с less,он мне понравился, и не хочу идти на sass(менять шило на мыло...). но по Less на "ру" пространстве, вменяемое сложно найти...((
@КостяШевкин-з5х
@КостяШевкин-з5х 3 жыл бұрын
Уай! Уай! Братюня супер видос дорогой!
@aleksandrkedria4024
@aleksandrkedria4024 5 жыл бұрын
Сделай верстку с нуля с использованием препроцессоров и gulp или webpack =)
@СергейКондулуков-з9ч
@СергейКондулуков-з9ч 5 жыл бұрын
Дмитрий добрый вечер :-) С Brackets у меня не получилось. Мой редактор в упор не видит этого расширения. Но зато в Vs Code получилось :-) Устанавливаем Vs Code в него расширение Easy Less. И радуемся его безукоризненной работе. Компилирует less файлы в css файлы при сохранении.
@wb_flow
@wb_flow 4 жыл бұрын
Крайне редко видел чтобы на тысячу лайков был один диздайк)) Дмитрий как всегда все четко и по делу. Спасибо!
@РусланСемён
@РусланСемён 4 жыл бұрын
Огромное спасибо за данный ролик, самый информативный и полезный из всех, что я смотрел по данной теме!
@Viktorres1
@Viktorres1 5 жыл бұрын
Спасибо за урок! Особенно за сетку)))
@olegrotari3878
@olegrotari3878 3 жыл бұрын
Конечно Лайк!!!
@МаксимХрусталев-б5н
@МаксимХрусталев-б5н 4 жыл бұрын
Дмитрий, спасибо большое за этот урок! Приятно слушать, доступно и просто объясняете. Подписываюсь на канал))
@iryna4898
@iryna4898 5 жыл бұрын
спасибо, кратко и доступно для понимания
@masha18able1
@masha18able1 3 жыл бұрын
44:00 не работает почему то, .grid(@columns); подчеркивает красным, говорит ошибка
@еленагахова-я6ы
@еленагахова-я6ы 3 жыл бұрын
Error evaluating function `percentage`: argument must be a number
@еленагахова-я6ы
@еленагахова-я6ы 3 жыл бұрын
У меня работает, если: "width: percentage((@i / @columns), rem);"
@ВалентинШкодин
@ВалентинШкодин 2 жыл бұрын
тоже не работает
@linkernick5379
@linkernick5379 4 жыл бұрын
Очень полезное видео, спасибо!
@FiremanTV
@FiremanTV 5 жыл бұрын
Топовые обучалки!
@Видево-я5п
@Видево-я5п 5 жыл бұрын
Как раз сегодня начал юзать препроцессоры и тут твой видос )
@eb6006
@eb6006 5 жыл бұрын
Даёшь урок по SASS
@senkamatic8448
@senkamatic8448 3 жыл бұрын
очень круто!)))
@maxivanov3339
@maxivanov3339 3 жыл бұрын
Спасибо!
@outcast-cr5yy
@outcast-cr5yy 2 жыл бұрын
спасибо, очень полезно.
@oleksandrvorzhev5026
@oleksandrvorzhev5026 4 жыл бұрын
812 лайков и 0 дизлайков это реальная оценка видео. И добавить нечего)
@BohdanVR666
@BohdanVR666 4 жыл бұрын
За год 1.2к лайков и 1 диз
@tixsa1438
@tixsa1438 5 жыл бұрын
Всё повторила . Нормас !
@ertargn
@ertargn 5 жыл бұрын
спасибо большое.... было бы интересно где ты берешь заказы - fl, upwork и тд?
@johny_pi
@johny_pi 3 жыл бұрын
Спасибо за видео.👍 Есть вопрос. Если на оборот, как сжатый цсс развернуть? Если его сжал кто-то другой.
@ildarfatakhov8254
@ildarfatakhov8254 5 жыл бұрын
Спасибо
@askhat9232
@askhat9232 4 жыл бұрын
Пользуюсь less только для вложенностей в селекторах =)
@Видеокарта-т9л
@Видеокарта-т9л 5 жыл бұрын
Сделай пожалуйста мини урок как подключить LESS к Sublime Text
@KLevicky
@KLevicky 4 жыл бұрын
Я почти не ставил лайки видосам на ютубе, а потом наткнулся на этот канал....
@akhmad_goytinski
@akhmad_goytinski 2 жыл бұрын
Спасибо Дмитрий! У Вас после настройки LESS AutoCompile после создания style.less создаётся style.css, а у меня не создаётся. С уважением к Вам Ахмад
@Dreamer_78
@Dreamer_78 4 жыл бұрын
Здравствуйте! Спасибо вам за видео уроки, скажите пожалуйста есть ли альтернатива avcode?
@СтепанБандера-ф2л
@СтепанБандера-ф2л 2 жыл бұрын
Здравствуйте, можете посоветовать книги по LESS?
@Den_camrad
@Den_camrad 4 жыл бұрын
Спасибо за урок! А как сделать, чтобы медиазапросы работали в хроме?
@Dmitrysib85
@Dmitrysib85 5 жыл бұрын
Так получается можно в начале всех "вспомогательных" less файлов ставить нижнее подчеркивание и тогда не понадобится писать строку main: и удалять файл css? А в @import "blocks/_btn" писать или без нижнего подчеркивания?
@НадеждаКовязина-ь4ы
@НадеждаКовязина-ь4ы Жыл бұрын
Понятно, что видео выложено давно, но я посмотрела только сейчас и у меня появился вопрос. В рекурсивном цикле, так ли важна строка,где задается ширина столбцов, я ее закоментила и цикл все равно работает. И мог бы кто нибудь обьяснить как работает все это, ведь чем меньше столбцов, тем больше должна быть их ширина в %, а тут совсем на оборот.
@developman-ai
@developman-ai 5 жыл бұрын
Расскажите пожалуйста как в Brackets установить HTML препроцессор Jade. И как им начать пользоваться.
@BrainsCloud
@BrainsCloud 5 жыл бұрын
я такими извращениями не пользуюсь )
@developman-ai
@developman-ai 5 жыл бұрын
@@BrainsCloud понятно, просто не знаете, а эти "извращения" требуют крупные компании на вакансии HTML верстальщика, вместе с LESS.
@vitalii4287
@vitalii4287 5 жыл бұрын
@@developman-ai А вы ,я смотрю, сходу в крупную компанию собрались?
@developman-ai
@developman-ai 5 жыл бұрын
@@vitalii4287 да
@irustv7674
@irustv7674 5 жыл бұрын
Для себя не увидел плюсов относительно просто использования CSS. Только усложняет нормальное использование CSS, нежели чем дает что-то существенно весомое, что перевешивает: время изучение этих препроцессоров, написание доп. код обертки для CSS. Препроцессоры - это попытка из CSS сделать некий суррогата ЯП, что уже сделали конструкторы сайтов в гораздо лучшем виде и на более высоком уровне.
@KuKu_RuKu88
@KuKu_RuKu88 4 жыл бұрын
Если честно, я тоже не увидел ничего что ускорило бы мою работу !!! Весь смысл, если я правильно понял, быстро поменять некоторые блоки, если нужно !!! Лично по мне, можно и переписать блоки самому и без less !!! Но вот если большой сайт, еще и чужой, да с лессом, тогда финиш - не разберешься !!!
@Zahadym
@Zahadym 5 жыл бұрын
супер
@sergeymoskalenko282
@sergeymoskalenko282 2 жыл бұрын
👍
@gvitoss
@gvitoss 5 жыл бұрын
Как ты меняешь быстро цвет в брекетс при наводе курсором мыши на "color:" ?
@BrainsCloud
@BrainsCloud 5 жыл бұрын
ctrl + e
@sardoribragimov5255
@sardoribragimov5255 5 жыл бұрын
Спасибо большое за видео а как сделать адаптивность чтобы при маленьком экране объекты встали в колонку?
@BrainsCloud
@BrainsCloud 5 жыл бұрын
посмотрите курс по верстке сайта на моем канале
@rshifter8916
@rshifter8916 3 жыл бұрын
Давай урок по sass. Год уже прошёл
@firdavsdadakhanov5087
@firdavsdadakhanov5087 4 жыл бұрын
У меня в сss файле коды не сжимается но index.html компилирует css код! Что делать??? Попробовал в Sublime 3 и в brackets безполезно ...( Можете посоветовать Дмитрий?
@DieMoorsoldaten
@DieMoorsoldaten 4 жыл бұрын
// compress у меня не работает. Не подскажите как это решить?
@azamjon40
@azamjon40 4 жыл бұрын
Спасибо сделаете пожалуйста видео по каким этапом стать версталчикм а то в сети много говно ты вроде достоверный)))
@iddev6680
@iddev6680 4 жыл бұрын
3 раз смотрю память не очень 👍👍😂😂😂
@Видево-я5п
@Видево-я5п 5 жыл бұрын
Я тебя спросить хотел, как ты относишься к тому, что бутстрап полностью пересирает разметку html ? Везде и всюду пишут, что html нужен для семантической разметки и месиво из дивов и классов этому точно не способствует Как ты вообще относишься к этому ? Проблема ли это или просто каждому свой инструмент ? И как часто сам используешь bootstrap ?
@BrainsCloud
@BrainsCloud 5 жыл бұрын
Для каждого инструмента есть свое применение. Бутстрап использую - сетку, и иногда некоторые js компоненты, в зависимости от проекта.
@pilyugin
@pilyugin 5 жыл бұрын
@@BrainsCloud кажется, дивы не влияют на семантику... поисковики же ищут семантические теги и им должно быть по барабану на эти рабочие моменты разметки... они все равно найдут титл, нав и другие теги... или я ошибаюсь?)
@Видево-я5п
@Видево-я5п 5 жыл бұрын
@@BrainsCloud Понял, спасибо за ответ
@Shakhrom-b7d
@Shakhrom-b7d 5 жыл бұрын
@@Видево-я5п можно неплохо совмещать семантические теги с бутстрап классами
@АлександрКадыров-ч1ф
@АлександрКадыров-ч1ф 5 жыл бұрын
Спасибо за видео! У вас есть видео как сверстать сайт со слайдингом из psd макета?
@BrainsCloud
@BrainsCloud 5 жыл бұрын
посмотрите на канале плейлист по верстке сайта с нуля, в конце есть видео со слайдером, если вы под "слайдингом" имели это
@Dimarik9165
@Dimarik9165 5 жыл бұрын
Что за плагин который дописывает код fw700 - font-weight: 700; на 09:30 ? Спасибо! Сделайте обзор на этот редактор, вернее на плагины...
@BrainsCloud
@BrainsCloud 5 жыл бұрын
Есть на канале, пару видео назад
@Dimarik9165
@Dimarik9165 5 жыл бұрын
@@BrainsCloud Спасибо, невнимательно посмотрел!
@aleksandrkedria4024
@aleksandrkedria4024 5 жыл бұрын
Emmet
@IT_psychopath
@IT_psychopath 4 жыл бұрын
не работает вставка @{img}...(( буду гуглить.)) а так, спасибо!)
@oleksandrvorzhev5026
@oleksandrvorzhev5026 4 жыл бұрын
От вас бы ещё видео про pug..
@BrainsCloud
@BrainsCloud 4 жыл бұрын
Такого точно не будет
@kapitalist24
@kapitalist24 4 жыл бұрын
Я установил все как есть на брекетсе но все равно лесс файл не работает
@dobletroy8367
@dobletroy8367 4 жыл бұрын
Блин, у меня одного ломается миксин на моменте с зеленой кнопкой? Не понимаю, почему он не хочет красить ее в зеленый. Вроде все так же как на видео сделал.
@Артемий-ф6н
@Артемий-ф6н 5 жыл бұрын
Хочу уроки php)
@Скортор
@Скортор 3 жыл бұрын
на 27 минуте LESS перестал работать
@DerAleksey
@DerAleksey 4 жыл бұрын
Я так понял, этот препроцессор предназначен для оптимизации кода.
@LLuKKen
@LLuKKen 5 жыл бұрын
Какой ты быстрый..как по.....как река..как река быстрый)))
@am35a
@am35a 4 жыл бұрын
brackets очень классный был... но он не развивается. постепенно ушел с него.
@ВалераДмитриев-ц5з
@ВалераДмитриев-ц5з 5 жыл бұрын
Сделай плиз по sass
@Ion_officcially
@Ion_officcially 4 жыл бұрын
Ты просто крут 993 лайка к 0))
@BohdanVR666
@BohdanVR666 4 жыл бұрын
5:42 казалось бы, причем тут Украина?
@Leoboy400
@Leoboy400 5 жыл бұрын
Пригодится
@РоманТамазян-е2ж
@РоманТамазян-е2ж 5 жыл бұрын
Еще один язык программирование
@volodymyrmatselyukh8808
@volodymyrmatselyukh8808 3 жыл бұрын
таймкоди не помешали би
@faluna2957
@faluna2957 5 жыл бұрын
Дмитрий спасибо за уроки! Всегда слежу за вашим каналом. Но лично мое мнение на счет препроцессора - никакой экономии в этом нет. На создание переменных, мексин, и подключении всего этого уходит как минимум столько же времени ( а может даже и больше ), чем если б я лишний раз повторился в обычном CSS. При создании URL для картинок это вообще в два раза дольше прописывать чем в обычном режиме. Ну сколько, в среднем, повторятся кнопки или цвета на среднестатистической сайте - 5, 10, ну пусть 20 раз. Так Вам же не приходится их заново писать, просто копируем, если нужно немного корректируем. Короче говоря приходится это учить только из-за того что на студиях этим пользуются.
@kvaqich
@kvaqich 5 жыл бұрын
Ну пусть ты 20 раз скопировал кнопку. А когда захочешь менять, то будешь 20 раз менять каждую и так во всём. А объём кода значительно увеличится, так как ты одну и ту уж сущность 20 раз написал.
@СергейКондулуков-з9ч
@СергейКондулуков-з9ч 5 жыл бұрын
Дмитрий. А какая версия Браскетс у вас стоит. Мой Браскетс в упор не видит этот плагин.
@BrainsCloud
@BrainsCloud 5 жыл бұрын
Сергей Кондулуков последняя
@СергейКондулуков-з9ч
@СергейКондулуков-з9ч 5 жыл бұрын
Дмитрий, может быть дадите ссылку. Я тоже скачал последнюю версию с официального сайта, но этого расширения Бракетс не видит.
@BrainsCloud
@BrainsCloud 5 жыл бұрын
@@СергейКондулуков-з9ч brackets.io/
@РафаэльБ-ш4в
@РафаэльБ-ш4в 4 жыл бұрын
Как блокбастер посмотрел...
@chelovek6035
@chelovek6035 3 жыл бұрын
Кликбейт, видео длится 48 минут
@tanyamarushka7251
@tanyamarushka7251 2 жыл бұрын
Спасибо!
@exploringtheworld8780
@exploringtheworld8780 3 жыл бұрын
Спасибо
@BraentR
@BraentR 3 жыл бұрын
Спасибо
2 MAGIC SECRETS @denismagicshow @roman_magic
00:32
MasomkaMagic
Рет қаралды 33 МЛН
Mia Boyka х Карен Акопян | ЧТО БЫЛО ДАЛЬШЕ?
1:21:14
Что было дальше?
Рет қаралды 11 МЛН
Car Bubble vs Lamborghini
00:33
Stokes Twins
Рет қаралды 38 МЛН
Препроцессор LESS: как использовать и зачем нужен?
28:03
Айтилогия | онлайн-школа IT-профессий
Рет қаралды 6 М.
Правила LeSS. Структура организации
20:42
Scrum Ukraine
Рет қаралды 2,1 М.
Ускоряем верстку | Гайд по препроцессору стилей | Sass (SCSS)
27:02
Александр Ламков — Friendly Frontend
Рет қаралды 30 М.
«Осень». Самая большая загадка Windows XP
14:36
Девять десятых
Рет қаралды 1,1 МЛН
2 MAGIC SECRETS @denismagicshow @roman_magic
00:32
MasomkaMagic
Рет қаралды 33 МЛН