Прогрессивная деградация

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

Рет қаралды 19,951

HTML Academy

Күн бұрын

Пікірлер: 33

@HTMLAcademyTV 4 жыл бұрын

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

@ymatuhin 7 жыл бұрын

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

@spacioclub 7 жыл бұрын

да можно было б сразу в начале видео сказать это и не смотреть. )

@paulradzkov 7 жыл бұрын

Делая прогрессивное улучшение, учитывайте, что когда-то вам придется удалять старый код. Несколько лет назад я начал делать прогрессивное улучшение с помощью modernizr. Например, я улучшал флоаты до флексов, опираясь на класс «flexbox». Сначала шёл монолитный кусок вёрстки с флоатами и прочими стилями, потом отдельным слоем за классом «flexbox» улучшение до флексов. Сейчас я не могу просто так взять и удалить modernizr и всё, что касается флоатов. Надо вчитываться в код, вычищать классы от modernizr'а, отделять скин от лэйаута - делать полный рефакторинг, вместо удаления нескольких строк старого кода как в постепенной деградации. Теперь я сразу подготавливаю код к удалению в будущем: разделяю геометрию и скин, выношу устаревающий код в отдельный блок с комментариями «удалять отсюда досюда». Надеюсь, в будущем это «окупится». Хороший код должно быт легко удалять.

@ДмитрийСчастливый-и2р 7 жыл бұрын

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

@Ekaterina-tu7ou 3 жыл бұрын

Спасибо!

@slipdem 7 жыл бұрын

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

@srgmrzv 7 жыл бұрын

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

@vladsenko392 7 жыл бұрын

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

@HTMLAcademyTV 7 жыл бұрын

Спасибо за вопрос

@MarselNz 9 ай бұрын

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

@Nuzghoul 7 жыл бұрын

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

@HTMLAcademyTV 7 жыл бұрын

👍 Спасибо за вопрос! Про футболку подумаем 😁

@Tony_99999 7 жыл бұрын

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

@ReklatsMasters 7 жыл бұрын

Dementeey у Вадима есть доклад на эту тему. Спойлер: он за чистый CSS

@HTMLAcademyTV 7 жыл бұрын

Расскажем про препроцессоры, спасибо за вопрос 🙃

@georgy-g8t 7 жыл бұрын

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

@HTMLAcademyTV 7 жыл бұрын

Спасибо за вопрос 🙂

@gtdsafafasf 7 жыл бұрын

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

@HTMLAcademyTV 7 жыл бұрын

Спасибо за вопрос 👍

@ihabia 6 жыл бұрын

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

@AlexSanPGR 7 жыл бұрын

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

@almazmusic 7 жыл бұрын

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

@pepelsbey 7 жыл бұрын

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