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

Ближайшие интенсивы:

[ymatuhin]

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

[paulradzkov]

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

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

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

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

[lmbened]

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

[MarselNz]

Хороший пример с эскалатором, но он про деградацию, а в качестве улучшения можно привести дом, в нем всегда сначала строят лестницу и только потом ставят лифт)

[srgmrzv]

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

[Nuzghoul]

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

[vladsenko]

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

[zkxihhb]

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

[Tony_]

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

[gtdsafafasf]

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

[AlexSanPGR]

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

[ihabia]

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

[almazmusic]

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

[DanilKefr]

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

[jpmxsjr]

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

[VIJana]

ничего не понятно, какой-то набор слов.