Александр Сырник
Александр Сырник
  • Видео 5
  • Просмотров 27 815
Препроцессор за 10 минут от профессионала. Зачем нужен препроцессор. Ускорение вёрстки с Stylus
Привет!
В видео показал что такое препроцессор за 10 минут. Почему стоит использовать препроцессор и зачем нужен препроцссор. В качестве примера взял препроцессор stylus и считаю его лучше препроцессора sass. Как писать на css быстрее, ускорение вёрстки. Вёрстка, программирование за 10 минут, sass, less, sass. что такое препроцессор
Почитать о stylus - stylus-lang.com
Блог о веб-разработке в вк - web_development_f
Блог обо мне - strange_b1og
Не забудь подписаться :)
Просмотров: 940

Видео

Как сделать адаптивное меню за 10 минут. Вёрстка бургер меню на HTML CSS JS. Speed coding
Просмотров 11 тыс.4 года назад
Привет! Мои проекты в телеграм: t.me/manjarolinuxlearn - про линкс прогрммы, утилиты, как пользоваться. Больше обучающий формат статей. Панируется 2 раза в неделю t.me/madara_job - об этом уже знаете, так сказать, it-вакансии. Раз в 2 дня по 1-2 вакансии. t.me/webdevelopmentweb - посты про тренды, новинки, рекомендации, библиотеки, опыт и много всего, что связано с вебом. Посты 1-2 раза в недел...
Программирование для новичков 2019. Как сделать калькулятор на HTML CSS JS. Speed Coding
Просмотров 13 тыс.5 лет назад
Привет! Мои проекты в телеграм: t.me/manjarolinuxlearn - про линкс прогрммы, утилиты, как пользоваться. Больше обучающий формат статей. Панируется 2 раза в неделю t.me/madara_job - об этом уже знаете, так сказать, it-вакансии. Раз в 2 дня по 1-2 вакансии. t.me/webdevelopmentweb - посты про тренды, новинки, рекомендации, библиотеки, опыт и много всего, что связано с вебом. Посты 1-2 раза в недел...
Javascript для начинающих 2019. JS практика 1 урок. Слайдер ДО / ПОСЛЕ на HTML CSS JS
Просмотров 2,2 тыс.5 лет назад
Привет! Мои проекты в телеграм: t.me/manjarolinuxlearn - про линкс прогрммы, утилиты, как пользоваться. Больше обучающий формат статей. Панируется 2 раза в неделю t.me/madara_job - об этом уже знаете, так сказать, it-вакансии. Раз в 2 дня по 1-2 вакансии. t.me/webdevelopmentweb - посты про тренды, новинки, рекомендации, библиотеки, опыт и много всего, что связано с вебом. Посты 1-2 раза в недел...
Effect BEFORE AFTER javascript. Speed Coding # 1. Javascript for beginners 2019
Просмотров 1,2 тыс.5 лет назад
Всем привет! В этом видео я показываю ускоренную работу написания эффекта ДО ПОСЛЕ на чистом HTML CSS и нативном javascript. Получился крутой слайдер для сайта. Такой js эффект подойдёт, например, для сайта фотографа или для наглядного примера похудения человека для сайта о спорте. Сам эффект получился очень интересный и выглядит красиво, однако и делается легко. Программирование на javadcript ...

Комментарии

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

    nav active надо убрать ,но как . из за него скрол

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

    nav active уходит за обертку и появляется скрол

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

      html {overflow: hidden;} и/или body {overflow: hidden;}

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

      @@nolafer_channel спасибо большое,успехов вам

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

      @@nolafer_channel если так сделаю то скролы вообще убираеются и не могу вниз провести

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

      не понимаю почему так

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

      @@ulbolsynzh ой, overflow-x: hidden

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

    почему скрол появляется?

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

    откуда link? не пойму в js

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

      Это итерируемый объект с foreach

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

    е6ать чел очень классно, благодарю, интересно смотреть, продолжай

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

    Как ты зделал такую букву на 8:14? пожалуйста скажи или кто знает скажите

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

      Это тема редактора кода такая

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

    Подскажите материалы для изучения досконально html и css За ранее спасибо)

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

      Для каких целей? Верстайте больше сайтов, сложнее и сложнее. Гуглите непонятные темы, общайтесь на форумах, смотрите видео по определённой теме. Нельзя досконально изучить html и css

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

      @@nolafer_channel учить сел для вакансии junior python developer. Так как там фреймворк Django и html, css, js там необходимы) Вот и написал тот комментарий, ибо по учебникам не идёт

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

      @@misha8280 тогда точно писать пэт проекты :)

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

      @@nolafer_channel понял, спасибо

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

    Здорово наблюдать как сухой код превращается в нечто интересное! HTML, CSS еще помню, до глубокого изучения javascript не дошла. Дорабатывала сайт знакомым. Поняла что веб разработке нужно отдаваться полностью, чтобы стать профессионалом. А когда много увлечений это невозможно.

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

      Ого, приятно видеть от вас комментарий)

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

    Ввел то самое и не работает (function input(i) { inputCalc.value = inputCalc.value + i })

  • @user-bf5mh3gi6y
    @user-bf5mh3gi6y 3 года назад

    Красиво!

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

      Этот комментарий наполнен богатством

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

    Где новые видео ска!!?!?!

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

    Как раз то, что искал, СПАСИБО! Сделай пожалуйста урок по меню-навигации как в davxizmat.uz/

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

      Там справа fixed navigation

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

      Скоро будут новые уроки выходить

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

    RUBY ЭТО ВЕБ, А RAILS это БЕКЕНД????

  • @user-mf8np1gt7p
    @user-mf8np1gt7p 3 года назад

    ничего не понял, но было интересно

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

    Спасибо! Все понятно, под музончик круто зашло. Но теперь встал вопрос, как его сделать без eval) Чисто спортивный интерес

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

      Такой же вопрос

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

    Ошибка: Uncaught TypeError: inputCalc.nodeValue is null Код: const inputCalc = document.querySelector('.input'), resultCalc = document.querySelector('.result'); function input(i) { if (eval(inputCalc.value) == '0,00') { inputCalc.value = ''; } inputCalc.value = inputCalc.value + i; } function result() { if ( eval(inputCalc.value) == undefined ) { resultCalc.value = '0,00'; inputCalc.value = '0,00'; } if ( eval(inputCalc.value) == Infinity ) { resultCalc.value = '0,00'; inputCalc.value = 'Divided by zero is not allow'; } resultCalc.value = eval(inputCalc.value); resultCalc.value = eval(inputCalc.value); } function backspace() { // Earse last value in input inputCalc.value = inputCalc.nodeValue.substring(0, inputCalc.value.length-2); } function reset() { resultCalc.value = '0,00'; inputCalc.value = '0,00' }

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

    :root --second-color rgb(52, 58, 64) .button-light color lighten(var(--second-color), 20%) И в этот момент stylus превращается в говнище :))))))))))))

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

    Этот парень чертов гений ! ! !

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

    Как ты зделал такую букву на 8:14?

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

    Кстати хотел подметить что alt еще и помогает слепым то-есть. Есть специальные мониторы и когда слепой наводит на них с рукой то видет название которое ты вписал в alt

  • @user-im8xc8ry6s
    @user-im8xc8ry6s 4 года назад

    Смотрите у меня горизонтальное меню Главная О нас Контакты Доставка Оплата Как мне сделать в этой строке отступ у пунктов меню чтобы было вот так: Главная О нас Контакты Доставка Оплата Корзина Личный кабинет Подскажите пожалуйста уже 2 день не могу разобраться

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

      Если в две строки, то можно их разбить на 2 разных блока. В первом блоке главное меню (условно по центру или как вам нужно Во втором (как я понимаю) слева доставка оплата, а справа корзина. Их можно в разные стороны раскинуть с помощью space-between. Можете в лс в вк отписать или где удобно

    • @user-im8xc8ry6s
      @user-im8xc8ry6s 4 года назад

      @@nolafer_channel Спасибо брат))) но уже разобрался) Я сделал в html класс а в css использовал margin-left: 13px; Бля я на это потратил 2 дня(

  • @o.optimist.t4588
    @o.optimist.t4588 4 года назад

    Кто сможет скинуть готовый код ???

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

    тут лайк - однозначно, скажешь что расширение для автопрефикса у тебя? просто через галп себе делал, а оно через одно место работает( Заранее - спасибо!

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

      Видео давно записано, уже не помню. Сейчас в vim пишу. Префиксы галп расставляет нормально. Ребятам на своём интенсиве собирали галп, кайф вроде

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

    А есть какие то альтернативы eval() просто прочитал что это не очень хорошо и просто стало интересно,а есть ли какие то альтернативы? Получается тут дело в том что она помогает преобразовать строки в операторы и выполнить вычисление или я что то не понял?

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

      Конечно, можно и я такого же мнения об eval.

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

    7:20 ВНИМАНИЕ Автор несёт чушь! overflow:hidden не накладывает одно изображение на другое (это делает position: absolute), оно скрывает элементы, которые захотят за границы элемента у которого есть это свойство overflow: hidden

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

      Да, оговорился. Спасибо!

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

    Было бы не плохо увидеть архив с файлами из урока) а так лайк

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

    блин ты знаешь что я на тебя подписан с нескольких аккаунтов и ТЕПЕРЬ У ТЕБЯ И 100 ПОДПИСЧИКОВ!!!!!!!!

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

    блин ты знаешь что я на тебя подписан с нескольких аккаунтов и ТЕПЕРЬ У ТЕБЯ И 100 ПОДПИСЧИКОВ!!!!!!!!

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

    у миня не виходт js код какаета ошибка

  • @user-kp8jj3op7x
    @user-kp8jj3op7x 4 года назад

    А как бороться с возможностью набора подряд: точек, плюсов, знаков деления и т.д?

  • @DonDon-qi9zv
    @DonDon-qi9zv 4 года назад

    нихера не видно даже на 750р50

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

      Протестировал с 3 устройств, на одном поставил мобильный интернет загрузкой <1мб и все хорошо видно

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

    ЭТО СВЕРШИЛОСЬ (ты выложил видео)

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

    у любого предпроцессора есть преимущество перед обычным css - но если сравнивать stylus с.scss то тут преичуществ вообще нет, scss намного удобнее

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

      На то их так много, чтобы каждый выбрал свое

    • @user-om4bq8uf1s
      @user-om4bq8uf1s 2 года назад

      Мне нет

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

    Писец - тут все сократить можно до 2х минут, остальное время тупо разметка --________--