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

- Прогрессивное улучшение на примере формы входа - htmlacademy.ru...
- Так ли дорого прогрессивное улучшение? - htmlacademy.ru...
- Есть вопросы? - htmlacademy.ru...
Ближайшие интенсивы:
- «HTML и CSS, уровень 1» - htmlacademy.ru...
- «HTML и CSS, уровень 2» - htmlacademy.ru...
- «JavaScript, уровень 1» - htmlacademy.ru...
- «JavaScript, уровень 2» - htmlacademy.ru...
- «JavaScript, уровень 3» - htmlacademy.ru...
- профессия «Фронтенд разработчик» - htmlacademy.ru...
- профессия «React-разработчик» - htmlacademy.ru...
- «Node.js, уровень 1» - htmlacademy.ru...
- «PHP, уровень 1» - htmlacademy.ru...
- «PHP, уровень 2» - htmlacademy.ru...

[@HTMLAcademyTV]

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

[@ymatuhin]

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

[@spacioclub]

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

[@paulradzkov]

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

[@ДмитрийСчастливый-и2р]

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

[@Ekaterina-tu7ou]

Спасибо!

[@Nuzghoul]

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

[@HTMLAcademyTV]

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

[@slipdem]

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

[@MarselNz]

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

[@srgmrzv]

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

[@vladsenko392]

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

[@HTMLAcademyTV]

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

[@Tony_99999]

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

[@ReklatsMasters]

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

[@HTMLAcademyTV]

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

[@georgy-g8t]

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

[@HTMLAcademyTV]

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

[@gtdsafafasf]

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

[@HTMLAcademyTV]

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

[@ihabia]

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

[@almazmusic]

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

[@pepelsbey]

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

[@AlexSanPGR]

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

[@sobanya_228]

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

[@DanilKef1r]

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

[@HTMLAcademyTV]

4 дня назад же вышел 74-й выпуск - soundcloud.com/web-standards 🙀

[@DanilKef1r]

Огромная благодарность, как я пропустил оповещение даже хз.

[@kostya1306]

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

[@MrDmitry1990]

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

[@HTMLAcademyTV]

Приходите на интенсив - htmlacademy.ru/intensive/htmlcss, всё станет понятно 😊

[@spacioclub]

ничего страшного. Это придет с опытом. У вас будет либо прогрессивное улучшение, либо прогрессивная деградация

[@VIJana79]

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