Уроки CSS - 5 Новых CSS свойств о которых вы не знаете.Will-change, Contain.

Поделиться
HTML-код
  • Опубликовано: 7 авг 2017
  • Всем привет, в этом видео уроки CSS я вам расскажу о 5 новых свойствах CSS, о которых вы не знаете. В частности это новые свойства CSS Contain и Will change, а так же font-display. Самые значимые из них это Contain и WIll-change так как они направлены на улучшение производительности браузеров.
    ========================================================
    ПОДПИШИСЬ на канал "Web Developer Blog" - goo.gl/Ai4OGa
    И не пропускай новые видео!!!
    ========================================================
    ПЛЕЙ-ЛИСТЫ МОЕГО КАНАЛА:
    JavaScript практика - goo.gl/rxsyeX
    Основы JavaScript - goo.gl/Cw7Vqv
    Уроки Bootstrap 4 - goo.gl/65gmmS
    Уроки Framework для верстки Foundation 6 - goo.gl/Yi2jfc
    Рубрика "Основы за 10 минут" - goo.gl/QIvpDD
    Верстка сайта на Foundation 6 - goo.gl/gVS45o
    Основы препроцессора SASS - goo.gl/f4BDww
    Уроки по Sublime text 3 - goo.gl/SjiKM2
    Видео про заработок на RUclips - goo.gl/VxdirI
    Создаем интернет магазин на PrestaShop - goo.gl/jop7M4
    Уроки jQuery - goo.gl/tjAs41
    ========================================================
    ПОДПИШИСЬ на Группу Вконтакте "Web Developer Blog" - goo.gl/6mO5GL
    ========================================================

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

  • @user-bt4vc1jq3b
    @user-bt4vc1jq3b 7 лет назад

    Как всегда на отлично!!!)))

    • @SuprunAlexey
      @SuprunAlexey  7 лет назад

      Дендрай это радует

  • @orhanahmadov9381
    @orhanahmadov9381 7 лет назад +3

    Успехов в продвижении канала)))

    • @SuprunAlexey
      @SuprunAlexey  7 лет назад

      Orxan Axmedov спасибо огромное

  • @user-kk2us3hh2j
    @user-kk2us3hh2j 6 лет назад

    Спасибо за крутое видео) Только я бы еще к вопросу о новых свойствах делал бы небольшой обзор костылей, может уже есть какие-нибудь к этим свойствам, чтоб эффект применения был одинаков. И вообще я бы хотел увидеть видео или листинг о наиболее употребляемых костылях в верстке.

  • @derasadqwesdar4298
    @derasadqwesdar4298 7 лет назад

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

    • @SuprunAlexey
      @SuprunAlexey  7 лет назад

      derasad qwesdar лайк поставьте и вообще отлично будет!

    • @derasadqwesdar4298
      @derasadqwesdar4298 7 лет назад

      Лайк я самый первый поставил

    • @SuprunAlexey
      @SuprunAlexey  7 лет назад

      респект!!! Спасибо!

  • @romanyas
    @romanyas 7 лет назад

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

    • @SuprunAlexey
      @SuprunAlexey  7 лет назад

      Спасибо за отзыв. Хорошо, учтем.

  • @user-jp6mx5sj2r
    @user-jp6mx5sj2r 7 лет назад +2

    Я так понял, что через contain можно сделать запрет наследования внешних свойств? В принципе хорошее видео, но длинное. И да, у меня подгорает, что в 2017 в css вёрстке используются id

  • @Elator11777
    @Elator11777 7 лет назад

    Как всегда отлично. У меня есть просьба - не могли бы вы сделать урок по псевдо-классам и элементам в css - я не про банальные a:hover, а что нибудь интереснее, например линии, шапка под определенным углом и т.д.

    • @user-ez4iz1bf2l
      @user-ez4iz1bf2l 7 лет назад

      Ты это в гугле можешь найти

    • @SuprunAlexey
      @SuprunAlexey  7 лет назад

      Многим интереснее и доступнее видео материал, будет свободное время - сделаю!

    • @Elator11777
      @Elator11777 7 лет назад

      следуя твоей логике, вообще не надо уроков снимать - ведь все, что есть на канале webdeveloperblog можно найти в гугле или на сайтах типа css tricks.

    • @SuprunAlexey
      @SuprunAlexey  7 лет назад

      Но ведь все таки без видео уроков никуда, видео контент лучше запоминается и усваивается)

    • @Elator11777
      @Elator11777 7 лет назад

      Это бесспорно. Я поэтому и прошу уроки с псевдо-элементами before и aftter - + топ пять css свойств - я думал calc было бы полезно включить и показать практические приемы, так как не многие знают, как им пользоваться.

  • @user-cp1ow5vp4j
    @user-cp1ow5vp4j 7 лет назад +4

    Очень плохо называть "jQuery кодом" обычный native javascript. А то новички ещё полезут смотреть, что за новый синтаксис у jQuery такой или ещё хуже - будут писать native javacript и при этом подключать jQuery (как и показано в видео). Я понимаю, что это стандартная заготовка, но это обучающее видео.

    • @SuprunAlexey
      @SuprunAlexey  7 лет назад

      Эх, я тут видео с применением jQuery готовил, и как то не удалял подключение. На автомате видя html страницу сказал и про jquery..... Не судите строго.

  • @user-ez4iz1bf2l
    @user-ez4iz1bf2l 7 лет назад

    какую программу юзаешь , в которой пишешь код html и css ?

    • @Grishin33ru
      @Grishin33ru 7 лет назад

      там же написано sublimetext

    • @SuprunAlexey
      @SuprunAlexey  7 лет назад +1

      Артем Х вы все правы Sublime text 3

    • @user-ez4iz1bf2l
      @user-ez4iz1bf2l 7 лет назад

      спасибо

  • @yevheniikozkin1449
    @yevheniikozkin1449 7 лет назад

    Спасибо, было интересно. Сделайте обзор на Material design framework от google material.io/ .
    Интересно узнать, что это за зверь, как и где его применять. А то немного непонятно, смотрю стили компонентов и вижу --mdc-ripple-surface-width . ЧТо это, откуда и тп?

    • @SuprunAlexey
      @SuprunAlexey  7 лет назад

      Хорошая идея, сделаю обзор и верстку

  • @offeecode7074
    @offeecode7074 7 лет назад +1

    Скорее, 5 новых свойств, о которых не знают ваши браузеры

  • @PacoOfficial
    @PacoOfficial 7 лет назад

    как правило, если ты не знаешь о каких то свойствах то они тебе просто не нужны, именно в данный момент

    • @SuprunAlexey
      @SuprunAlexey  7 лет назад

      Согласен, но на будущее было бы хорошо знать)