Что такое прогрессивное улучшение?

Question

Джефф упомянул концепцию «прогрессивного улучшения», когда говорил об использовании JQuery для написания stackoverflow.

После быстрого поиска в Google я нашел пару обсуждений на высоком уровне по этому поводу.

Кто-нибудь может посоветовать хорошее место для старта программиста.

В частности, я пишу веб-приложения на PHP и хотел бы использовать YUI для улучшения страниц, которые я пишу, но многие из них кажутся основанными на JavaScript, причем большая часть основной работы выполняется с использованием JavaScript.Мне это кажется несколько излишним, поскольку просмотр сайта без Javascript, вероятно, приведет к поломке большей его части.

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

В идеале я хотел бы увидеть, как вы сначала начинаете создавать статический HTML, а затем добавляете к нему YUI (или любую другую структуру Ajax), чтобы получить преимущества более богатого клиента?

Answer 1

Смотрите также Ненавязчивый Javascript что является основой прогрессивного улучшения.

Answer 2

Как ты сказал

Мне это кажется несколько излишним, поскольку просмотр сайта без Javascript, вероятно, приведет к поломке большей его части.

Это не прогрессивное улучшение.Прогрессивное улучшение — это когда сайт отлично работает без JavaScript или CSS и затем добавление (наслаивание) этих дополнительных технологий/кода для повышения удобства использования и функциональности веб-сайта.

Лучший пример, который я могу привести, — это поле ввода тегов на этом веб-сайте.Если JavaScript отключен, он все равно будет работать, позволяя вам вводить теги, разделенные пробелом.Если включен JavaScript, вы увидите раскрывающийся список с предложениями предыдущих записей.

Это прогрессивное улучшение.

Answer 3

Я написал руководство о создании опроса, в котором использовалось прогрессивное улучшение НЕТТУТС.Идея состоит в том, чтобы создать функциональный сайт с использованием XHTML/CSS и PHP, а затем перехватывать формы и т. д. с помощью Javascript.(Я использовал JQuery).

Answer 4

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

Это также изящная деградация при проектировании для работы со старыми браузерами (древними в терминологии Интернета), такими как IE 5.5, Netscape и т. д.

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

Answer 5

По сути, если ваш сайт по-прежнему работает с отключенным JavaScript, то все, что вы добавляете с помощью JavaScript, можно считать прогрессивным улучшением.

Некоторые люди могут подумать, что в этом нет необходимости, но многие люди просматривают сайт с помощью таких надстроек, как NoScript (или просто отключив JavaScript в настройках браузера).Кроме того, многие мобильные веб-браузеры могут поддерживать или не поддерживать JavaScript.Поэтому всегда полезно полностью протестировать свой сайт с использованием JavaScript и без него.

Answer 6

Прогрессивное улучшение — это метод разработки, который подчеркивает приоритет семантического HTML, а затем проверяет его на браузерную поддержку.способность и условное «наложение» улучшений JavaScript и/или CSS для браузеров, которые могут использовать эти улучшения.

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

Прогрессивное улучшение по своей сути (раздел 508) доступно;он предусматривает соблюдение буквы закона и дух правила.

Группа «Филамент» написала отличную «Проектирование с прогрессивным улучшением«Книга на эту тему.(Я не связан с Filament Group, хотя они настолько умны, что мне бы хотелось это сделать.)

Answer 7

Это очень важная концепция, и меня огорчает, что так мало веб-разработчиков ее понимают.

По сути, начните с создания сайта/фреймворка на старом простом HTML — структурных элементах, ссылках и формах.Затем добавьте немного стиля и блестящих вещей (Ajax или что-то еще у вас есть).

Это не очень сложно.Нравиться бледная лошадь говорит, что изящная деградация — это больше работы.

Веб-сайты должны работать в любом пользовательском агенте, не выглядеть одинаково (даже не выглядеть, а звучать, если у вас плохое зрение), просто работать.

Answer 8

Прогрессивное улучшение:

1. Простой сайт HTML/CSS великолепен (полностью рабочий и удобный).
2. Добавление JavaScript определяет новый уровень качества.