Прогрессивная деградация — HTML Шорты

By | January 17, 2020


21 thoughts on “Прогрессивная деградация — HTML Шорты

  1. Дмитрий Счастливый Post author

    Круть)) Спасибо за понятное объяснение!

    Reply
  2. Vlad Senko Post author

    Здравствуйте, Вадим!
    Недавно смотрел запись Вашего доклада "Мой ванильный CSS" и понячл, что Вы не являетесь поклонником SASS, хотя, наверняка у Вас большой опыт его использования 🙂 Поэтому хочу спросить: в каких случаях такой инструмент как SASS-maps является очень удобным и есть ли какие-то особенности его использования? Я буду безумно благодарен, если этот мой вопрос будет затронут в одном из выпусков HTML-shorts. И спасибо за подкасты!

    Reply
  3. Дмитрий Поздняков Post author

    ничего не понял((

    Reply
  4. Sobanya Post author

    Сложность возрастет экспоненциально.

    Reply
  5. Павел Радьков Post author

    Делая прогрессивное улучшение, учитывайте, что когда-то вам придется удалять старый код.

    Несколько лет назад я начал делать прогрессивное улучшение с помощью modernizr. Например, я улучшал флоаты до флексов, опираясь на класс «flexbox». Сначала шёл монолитный кусок вёрстки с флоатами и прочими стилями, потом отдельным слоем за классом «flexbox» улучшение до флексов.

    Сейчас я не могу просто так взять и удалить modernizr и всё, что касается флоатов. Надо вчитываться в код, вычищать классы от modernizr'а, отделять скин от лэйаута — делать полный рефакторинг, вместо удаления нескольких строк старого кода как в постепенной деградации.

    Теперь я сразу подготавливаю код к удалению в будущем: разделяю геометрию и скин, выношу устаревающий код в отдельный блок с комментариями «удалять отсюда досюда». Надеюсь, в будущем это «окупится». Хороший код должно быт легко удалять.

    Reply
  6. Юрий Матюхин Post author

    Хорошая аналогия с эскалатором, лайк.

    Reply
  7. Dmitry Anderson Post author

    Вадим, я, конечно, не евангелист, но в чём проблема с логином? Зачем его открывать в отдельном окне (тем более "на читалках")? Тут либо очень абстрактный ответ, либо поддержка ФФ2.0, что странно в любом из случаев.
    Нельзя ли конкретнее (чисто из интереса)?

    Reply
  8. Max Karpov Post author

    Спасибо! Хотелось бы послушать про оптимизацию загрузки ресурсов. В частности различные тонкости навроде: будет ли браузером грузиться картинка с display:none и прочее. И да, в описании под каждым выпуском хорошо бы оставлять ссылку на футболку из выпуска 🙂

    Reply
  9. Dmitriy Mamaev Post author

    Почему в названии «шорты», а Вадим меняет футболки?

    Reply
  10. Dmytro Slipchenko Post author

    Отдельный плюс за принт на футболке))

    Reply
  11. Dementeey Post author

    Спасибо за шорты 🙂
    Можно подробней про препроцессоры, хотелось бы услышать ваше мнение какой выбрать ? Sass/Less для самых маленьких так сказать)

    Reply
  12. Алекс Минд Post author

    Задам может быть глупый вопрос. Почему width: 100% работает, а height: 100% – нет?

    Reply
  13. Георгий Сурков Post author

    Спасибо за выпуск!) очень толково!
    Последнее время меня терзает вопрос: В каких случаях стоит использовать переменные в CSS вместо препроцессоров less/sass/stylus? Буду рад, если сможете ответить в рамках HTML Шорт)

    Reply
  14. Sergei Morozov Post author

    Мне кажется, суть graceful degradation как раз не в постепенности, а в изящности. Помните рекламу из 90-х, когда у тётки отломался каблук, а она отломала второй и дальше пошла? Изящность в том, что для стороннего наблюдателя такая правильная деградация почти незаметна, как будто так и должно было быть.

    Reply
  15. Edward Prokoshin Post author

    Что такое WebKit, Chromium, Gecko ? На каких движках работают какие браузеры и что нам дают знания об этом ? Почему один и тот же браузер работает по-разному на разных ОС ?

    Reply
  16. DanilKef1r Post author

    Мне не хватает подкаста вебстандартов. Возвращайтесь.

    Reply
  17. Михаил Зенченко Post author

    Восхитительный лексикон. Я пока нуб, и так я могу лишь ругатся.

    Reply
  18. Alex Eller Post author

    Опять верхами пошёл. Больше конкретики!

    Reply
  19. Иван Орлов Post author

    Я правильно понял, что тут речь шла о поддержке браузеров. Я так понял можно изначально делать для старых и постепенно наворачивать, а можно сразу по последнему слову, а потом половину удалять чтобы в старых работало? )))

    Reply
  20. kostya1306 Post author

    Я не слушал… Уссался с футболки ))

    Reply
  21. HTML Academy Post author

    По промокоду «YouMeow» скидка 900 рублей на интенсив или программу профессии в Академии — https://tml.io/mbf87

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *