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

Поделиться
HTML-код
  • Опубликовано: 1 янв 2025

Комментарии • 116

  • @BrainsCloud
    @BrainsCloud  5 лет назад +39

    Лови новый видос! Лайк поставил? На канал подписался?)

    • @vadim1907
      @vadim1907 5 лет назад

      Спасибо, очень информативно

  • @enot_poloskun007
    @enot_poloskun007 Год назад

    спасибо за познавательный контент, в школе вкинули блок с less до js и немного путаница возникла из-за сжатого формата, а тут автор все хорошо и понятно с визуально приятной практикой объяснил.

  • @shairongodly3815
    @shairongodly3815 2 года назад +3

    43:48
    Если у вас не работает .grid(@columns);
    и выдает ошибку "Error evaluating function `percentage`: argument must be a number",
    то перепишите свойство "width: percentage((@i / @columns), rem);"
    P.S спасибо пользователю Елена Гахова

  • @satanist70
    @satanist70 4 года назад +13

    Вот настолько интересное видео, что когда появляется реклама, хочеться посмотреть их хоть 3 штуки, чтобы пользу автору принести, хоть какая-то отдача ))
    P.S - Спасибо огромное, начал смотреть видео с портфолио, понял что нужно учить less, сижу учу, пока не выучу, портфолио не трону, ты просто лучший, спасибо большое.

    • @mirov17
      @mirov17 2 года назад

      как успехи?

  • @masha18able1
    @masha18able1 3 года назад +7

    44:00 не работает почему то, .grid(@columns); подчеркивает красным, говорит ошибка

  • @udalov_travel
    @udalov_travel 5 лет назад +10

    Конец 2019, а видос на эту тему самый полезный. Спасибо автору!

  • @aj-alex
    @aj-alex Год назад +1

    Спасибо за хороший урок!

  • @Петро-е6ч9э
    @Петро-е6ч9э 4 года назад

    Як завжди на висоті! дуже корисно.
    Дякую за працю!

  • @progerlife6690
    @progerlife6690 5 лет назад +3

    Ураааа!!!! Димон снял видос про препроцессор LESS - пошел делать кофе и смотреть!Спасибо!Лайк!

  • @FoolsINTheSuN
    @FoolsINTheSuN 2 года назад

    Первый туториал, который не приходится слушать в ускорении. Лайк за скорость)

  • @akhmad_goytinski
    @akhmad_goytinski 2 года назад

    Спасибо Дмитрий!!! Очень полезная информация!

  • @zafarasrorov3687
    @zafarasrorov3687 3 года назад +1

    просто супер. очень доходчиво объясняешь. грех не поставить лайк

  • @olgaorlova2131
    @olgaorlova2131 3 года назад

    Спасибо! Очень нравятся Ваши уроки. Обучаюсь по ним эффективно.

  • @tamaravardanyan2883
    @tamaravardanyan2883 3 года назад

    Доступно и просто объясняете. Очень спасибо!

  • @pilyugin
    @pilyugin 5 лет назад +1

    Мощно) без всякой воды и 5 секундных раздумий))

  • @neecsman5502
    @neecsman5502 5 лет назад +8

    Спасибо вам! Приятно слушать. Все четко и грамотно, тембр голоса ласкает уши. Думаю буду еще ни раз пересматривать это видео! :)

  • @mozgoreshka3985
    @mozgoreshka3985 4 года назад +3

    Очень доступно объясняешь! Повторяю комент: "Сделай верстку с нуля с использованием препроцессоров и gulp или webpack =)". Например, ActiveBox продолжение:)

  • @АлександрПетров-э8с6н

    Спасибо за видео, очень понятно и полезно!

  • @КостяШевкин-з5х
    @КостяШевкин-з5х 3 года назад

    Уай! Уай! Братюня супер видос дорогой!

  • @wb_flow
    @wb_flow 4 года назад

    Крайне редко видел чтобы на тысячу лайков был один диздайк)) Дмитрий как всегда все четко и по делу. Спасибо!

  • @РусланСемён
    @РусланСемён 5 лет назад

    Огромное спасибо за данный ролик, самый информативный и полезный из всех, что я смотрел по данной теме!

  • @eb6006
    @eb6006 5 лет назад +49

    Даёшь урок по SASS

  • @МаксимХрусталев-б5н

    Дмитрий, спасибо большое за этот урок! Приятно слушать, доступно и просто объясняете. Подписываюсь на канал))

  • @linkernick5379
    @linkernick5379 4 года назад +1

    Очень полезное видео, спасибо!

  • @Viktorres1
    @Viktorres1 5 лет назад +3

    Спасибо за урок! Особенно за сетку)))

  • @EUC_Novak
    @EUC_Novak 4 года назад +1

    🌟🌟🌟🌟🌟 *TOP!!! Сложные вещи простыми словами!!!* 🌟🌟🌟🌟🌟

  • @iryna4898
    @iryna4898 5 лет назад +1

    спасибо, кратко и доступно для понимания

  • @aleksandrkedria4024
    @aleksandrkedria4024 5 лет назад +22

    Сделай верстку с нуля с использованием препроцессоров и gulp или webpack =)

  • @olegrotari3878
    @olegrotari3878 3 года назад

    Конечно Лайк!!!

  • @it_psihopad
    @it_psihopad 4 года назад +2

    это просто супер!!! спасибо от души!)) я начал с less,он мне понравился, и не хочу идти на sass(менять шило на мыло...). но по Less на "ру" пространстве, вменяемое сложно найти...((

  • @PAWELRAKETA
    @PAWELRAKETA 3 года назад

    Препод в универе не объяснил, хоть ты объяснил, спасибо)

  • @FiremanTV
    @FiremanTV 5 лет назад +1

    Топовые обучалки!

  • @senkamatic8448
    @senkamatic8448 3 года назад +1

    очень круто!)))

  • @СергейКондулуков-з9ч

    Дмитрий добрый вечер :-) С Brackets у меня не получилось. Мой редактор в упор не видит этого расширения. Но зато в Vs Code получилось :-) Устанавливаем Vs Code в него расширение Easy Less. И радуемся его безукоризненной работе. Компилирует less файлы в css файлы при сохранении.

  • @Видево-я5п
    @Видево-я5п 5 лет назад +1

    Как раз сегодня начал юзать препроцессоры и тут твой видос )

  • @outcast-cr5yy
    @outcast-cr5yy 3 года назад

    спасибо, очень полезно.

  • @tixsa1438
    @tixsa1438 5 лет назад

    Всё повторила . Нормас !

  • @maxivanov3339
    @maxivanov3339 3 года назад

    Спасибо!

  • @oleksandrvorzhev5026
    @oleksandrvorzhev5026 4 года назад +5

    812 лайков и 0 дизлайков это реальная оценка видео. И добавить нечего)

    • @BohdanVR666
      @BohdanVR666 4 года назад

      За год 1.2к лайков и 1 диз

  • @ertargn
    @ertargn 5 лет назад +3

    спасибо большое.... было бы интересно где ты берешь заказы - fl, upwork и тд?

  • @Видеокарта-т9л
    @Видеокарта-т9л 5 лет назад +2

    Сделай пожалуйста мини урок как подключить LESS к Sublime Text

  • @johny_pi
    @johny_pi 4 года назад

    Спасибо за видео.👍
    Есть вопрос. Если на оборот, как сжатый цсс развернуть? Если его сжал кто-то другой.

  • @СтепанБандера-ф2л
    @СтепанБандера-ф2л 2 года назад

    Здравствуйте, можете посоветовать книги по LESS?

  • @developman-ai
    @developman-ai 5 лет назад +1

    Расскажите пожалуйста как в Brackets установить HTML препроцессор Jade. И как им начать пользоваться.

    • @BrainsCloud
      @BrainsCloud  5 лет назад

      я такими извращениями не пользуюсь )

    • @developman-ai
      @developman-ai 5 лет назад

      @@BrainsCloud понятно, просто не знаете, а эти "извращения" требуют крупные компании на вакансии HTML верстальщика, вместе с LESS.

    • @vitalii4287
      @vitalii4287 5 лет назад +2

      @@developman-ai А вы ,я смотрю, сходу в крупную компанию собрались?

    • @developman-ai
      @developman-ai 5 лет назад

      @@vitalii4287 да

  • @akhmad_goytinski
    @akhmad_goytinski 2 года назад

    Спасибо Дмитрий! У Вас после настройки LESS AutoCompile после создания style.less создаётся style.css, а у меня не создаётся. С уважением к Вам Ахмад

  • @Dreamer_78
    @Dreamer_78 5 лет назад

    Здравствуйте! Спасибо вам за видео уроки, скажите пожалуйста есть ли альтернатива avcode?

  • @НадеждаКовязина-ь4ы

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

  • @Den_camrad
    @Den_camrad 4 года назад

    Спасибо за урок! А как сделать, чтобы медиазапросы работали в хроме?

  • @ildarfatakhov8254
    @ildarfatakhov8254 5 лет назад +1

    Спасибо

  • @rshifter8916
    @rshifter8916 4 года назад +1

    Давай урок по sass. Год уже прошёл

  • @Dmitrysib85
    @Dmitrysib85 5 лет назад

    Так получается можно в начале всех "вспомогательных" less файлов ставить нижнее подчеркивание и тогда не понадобится писать строку main: и удалять файл css? А в @import "blocks/_btn" писать или без нижнего подчеркивания?

  • @sardoribragimov5255
    @sardoribragimov5255 5 лет назад

    Спасибо большое за видео
    а как сделать адаптивность чтобы при маленьком экране объекты встали в колонку?

    • @BrainsCloud
      @BrainsCloud  5 лет назад

      посмотрите курс по верстке сайта на моем канале

  • @askhat9232
    @askhat9232 4 года назад

    Пользуюсь less только для вложенностей в селекторах =)

  • @DieMoorsoldaten
    @DieMoorsoldaten 4 года назад

    // compress у меня не работает. Не подскажите как это решить?

  • @gvitoss
    @gvitoss 5 лет назад

    Как ты меняешь быстро цвет в брекетс при наводе курсором мыши на "color:" ?

  • @KLevicky
    @KLevicky 4 года назад +1

    Я почти не ставил лайки видосам на ютубе, а потом наткнулся на этот канал....

  • @firdavsdadakhanov5087
    @firdavsdadakhanov5087 4 года назад

    У меня в сss файле коды не сжимается но index.html компилирует css код! Что делать??? Попробовал в Sublime 3 и в brackets безполезно ...( Можете посоветовать Дмитрий?

  • @АлександрКадыров-ч1ф

    Спасибо за видео! У вас есть видео как сверстать сайт со слайдингом из psd макета?

    • @BrainsCloud
      @BrainsCloud  5 лет назад +1

      посмотрите на канале плейлист по верстке сайта с нуля, в конце есть видео со слайдером, если вы под "слайдингом" имели это

  • @Видево-я5п
    @Видево-я5п 5 лет назад +2

    Я тебя спросить хотел, как ты относишься к тому, что бутстрап полностью пересирает разметку html ? Везде и всюду пишут, что html нужен для семантической разметки и месиво из дивов и классов этому точно не способствует
    Как ты вообще относишься к этому ? Проблема ли это или просто каждому свой инструмент ?
    И как часто сам используешь bootstrap ?

    • @BrainsCloud
      @BrainsCloud  5 лет назад

      Для каждого инструмента есть свое применение. Бутстрап использую - сетку, и иногда некоторые js компоненты, в зависимости от проекта.

    • @pilyugin
      @pilyugin 5 лет назад

      @@BrainsCloud кажется, дивы не влияют на семантику... поисковики же ищут семантические теги и им должно быть по барабану на эти рабочие моменты разметки... они все равно найдут титл, нав и другие теги... или я ошибаюсь?)

    • @Видево-я5п
      @Видево-я5п 5 лет назад

      @@BrainsCloud Понял, спасибо за ответ

    • @Shakhrom-b7d
      @Shakhrom-b7d 5 лет назад

      @@Видево-я5п можно неплохо совмещать семантические теги с бутстрап классами

  • @IT_psychopath
    @IT_psychopath 4 года назад

    не работает вставка @{img}...((
    буду гуглить.))
    а так, спасибо!)

  • @Dimarik9165
    @Dimarik9165 5 лет назад

    Что за плагин который дописывает код fw700 - font-weight: 700; на 09:30 ? Спасибо! Сделайте обзор на этот редактор, вернее на плагины...

    • @BrainsCloud
      @BrainsCloud  5 лет назад

      Есть на канале, пару видео назад

    • @Dimarik9165
      @Dimarik9165 5 лет назад

      @@BrainsCloud Спасибо, невнимательно посмотрел!

    • @aleksandrkedria4024
      @aleksandrkedria4024 5 лет назад +2

      Emmet

  • @dobletroy8367
    @dobletroy8367 4 года назад

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

  • @kapitalist24
    @kapitalist24 4 года назад

    Я установил все как есть на брекетсе но все равно лесс файл не работает

  • @azamjon40
    @azamjon40 4 года назад

    Спасибо сделаете пожалуйста видео по каким этапом стать версталчикм а то в сети много говно ты вроде достоверный)))

  • @Zahadym
    @Zahadym 5 лет назад

    супер

  • @sergeymoskalenko282
    @sergeymoskalenko282 2 года назад

    👍

  • @oleksandrvorzhev5026
    @oleksandrvorzhev5026 4 года назад

    От вас бы ещё видео про pug..

    • @BrainsCloud
      @BrainsCloud  4 года назад

      Такого точно не будет

  • @Артемий-ф6н
    @Артемий-ф6н 5 лет назад +2

    Хочу уроки php)

  • @irustv7674
    @irustv7674 5 лет назад +3

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

    • @KuKu_RuKu88
      @KuKu_RuKu88 5 лет назад +2

      Если честно, я тоже не увидел ничего что ускорило бы мою работу !!! Весь смысл, если я правильно понял, быстро поменять некоторые блоки, если нужно !!! Лично по мне, можно и переписать блоки самому и без less !!! Но вот если большой сайт, еще и чужой, да с лессом, тогда финиш - не разберешься !!!

  • @ВалераДмитриев-ц5з

    Сделай плиз по sass

  • @iddev6680
    @iddev6680 4 года назад +1

    3 раз смотрю память не очень 👍👍😂😂😂

  • @Скортор
    @Скортор 3 года назад +1

    на 27 минуте LESS перестал работать

  • @DerAleksey
    @DerAleksey 4 года назад

    Я так понял, этот препроцессор предназначен для оптимизации кода.

  • @BohdanVR666
    @BohdanVR666 4 года назад

    5:42 казалось бы, причем тут Украина?

  • @am35a
    @am35a 4 года назад

    brackets очень классный был... но он не развивается. постепенно ушел с него.

  • @LLuKKen
    @LLuKKen 5 лет назад

    Какой ты быстрый..как по.....как река..как река быстрый)))

  • @СергейКондулуков-з9ч

    Дмитрий. А какая версия Браскетс у вас стоит. Мой Браскетс в упор не видит этот плагин.

    • @BrainsCloud
      @BrainsCloud  5 лет назад

      Сергей Кондулуков последняя

    • @СергейКондулуков-з9ч
      @СергейКондулуков-з9ч 5 лет назад

      Дмитрий, может быть дадите ссылку. Я тоже скачал последнюю версию с официального сайта, но этого расширения Бракетс не видит.

    • @BrainsCloud
      @BrainsCloud  5 лет назад

      @@СергейКондулуков-з9ч brackets.io/

  • @Leoboy400
    @Leoboy400 5 лет назад

    Пригодится

  • @Ion_officcially
    @Ion_officcially 4 года назад

    Ты просто крут 993 лайка к 0))

  • @volodymyrmatselyukh8808
    @volodymyrmatselyukh8808 3 года назад

    таймкоди не помешали би

  • @faluna2957
    @faluna2957 5 лет назад

    Дмитрий спасибо за уроки! Всегда слежу за вашим каналом. Но лично мое мнение на счет препроцессора - никакой экономии в этом нет. На создание переменных, мексин, и подключении всего этого уходит как минимум столько же времени ( а может даже и больше ), чем если б я лишний раз повторился в обычном CSS. При создании URL для картинок это вообще в два раза дольше прописывать чем в обычном режиме. Ну сколько, в среднем, повторятся кнопки или цвета на среднестатистической сайте - 5, 10, ну пусть 20 раз. Так Вам же не приходится их заново писать, просто копируем, если нужно немного корректируем. Короче говоря приходится это учить только из-за того что на студиях этим пользуются.

    • @kvaqich
      @kvaqich 5 лет назад +1

      Ну пусть ты 20 раз скопировал кнопку. А когда захочешь менять, то будешь 20 раз менять каждую и так во всём. А объём кода значительно увеличится, так как ты одну и ту уж сущность 20 раз написал.

  • @РоманТамазян-е2ж
    @РоманТамазян-е2ж 5 лет назад

    Еще один язык программирование

  • @РафаэльБ-ш4в
    @РафаэльБ-ш4в 4 года назад +2

    Как блокбастер посмотрел...

  • @chelovek6035
    @chelovek6035 3 года назад

    Кликбейт, видео длится 48 минут

  • @tanyamarushka7251
    @tanyamarushka7251 2 года назад

    Спасибо!

  • @exploringtheworld8780
    @exploringtheworld8780 3 года назад +1

    Спасибо

  • @BraentR
    @BraentR 3 года назад

    Спасибо