My<cod/>.net
Что такое прогрессивное повышение?
Джефф упомянул концепцию 'Progressive Enhancement', когда говорил об использовании JQuery для записи stackoverflow.
После быстрого Google, я нашел пару обсуждений на высоком уровне об этом.
Может ли кто-нибудь порекомендовать хорошее место для начала работы в качестве программиста.
В частности, я писал веб-приложения в PHP и хотел бы использовать YUI для улучшения страниц, которые я пишу, но многие из них кажутся очень основанными на JavaScript, причем большая часть Ослиной работы выполняется с использованием JavaScript. Для меня это кажется немного излишним, так как просмотр сайта без Javascript, вероятно, сломает большую его часть.
У кого-нибудь есть хорошие места, чтобы начать использовать эту идею, я действительно не забочусь о языке.
В идеале, я хотел бы посмотреть, как вы начинаете создавать статический HTML, а затем добавляете к нему YUI (или какую-то структуру Ajax), чтобы получить преимущества более богатого клиента?
Как вы уже сказали
Мне это кажется немного излишним, так как просмотр сайта без Javascript, вероятно, сломает большую его часть.
Это не прогрессивное улучшение. Прогрессивное улучшение - это когда сайт отлично работает без JavaScript или CSS, а затем добавляет (наслаивает) эти дополнительные технологии/код для повышения удобства использования и функциональности сайта.
Лучший пример, который я могу привести, - это поле ввода тегов на этом веб-сайте. При выключенном параметре JavaScript он все равно будет работать, позволяя вводить теги, разделенные пробелом. При включенном параметре JavaScript вы получите выпадающее меню с предложениями предыдущих записей.
Это прогрессивное улучшение.
Смотрите также малозаметный Javascript , который является основой прогрессивного улучшения строится.
Подход к нему с другой стороны иногда называют изящной деградацией. Это обычно необходимо, когда сайт сначала строится с расширенной функциональностью, обеспечиваемой различными технологиями, а затем модифицируется, чтобы изящно деградировать для браузеров, в которых эти технологии недоступны.
Это также изящная деградация при проектировании для работы со старыми браузерами (древними в терминологии интернета), такими как IE 5.5, Netscape и т. д...
На мой взгляд, это гораздо больше работы, чтобы изящно деградировать приложение. Постепенно повышая его, как правило, гораздо эффективнее; однако иногда возникает необходимость взять существующее приложение и сделать его доступным в этих недостающих средах.
В принципе, если ваш сайт все еще работает с выключенным JavaScript, то все, что вы добавляете с JavaScript, можно считать прогрессивным улучшением.
Некоторые люди могут подумать, что это не нужно, но многие люди просматривают с помощью аддонов, таких как NoScript (или с JavaScript просто выключен в настройках браузера). Кроме того, многие мобильные веб-браузеры могут поддерживать или не поддерживать JavaScript. Таким образом, это всегда хорошая идея, чтобы проверить свой сайт полностью с и без JavaScript.
Прогрессивное улучшение-это метод разработки, который подчеркивает примат семантического HTML, а затем проверяет возможности браузера и условно "layering" на JavaScript и / или CSS улучшений для браузеров, которые могут использовать эти улучшения.
Один из ключей-понимание того , что мы тестируем то, что может сделать браузер, в отличие от обнюхивания браузера . Modernizr -это очень популярный набор тестов возможностей браузера.
Прогрессивное совершенствование по своей сути является доступным (раздел 508); оно предусматривает соблюдение буквы закона и духа нормы.
Группа филамент написала превосходную книгу "Проектирование с прогрессивным улучшением" на эту тему. (Я не связан с группой филамент, хотя они так чертовски умны, что я хотел бы быть.)
Это такая важная концепция, и меня огорчает, что так мало веб-разработчиков понимают ее.
В принципе, начните с создания сайта / фреймворка в простом старом HTML - структурные элементы, ссылки и формы. Затем добавьте немного стиля, а затем блестящие вещи (Ajax или что у вас есть).
Это не так уж и трудно. Как говорит пейлхорс, изящная деградация-это больше работа.
Веб-сайты должны работать в любом агенте пользователя, не выглядеть одинаково (даже не выглядеть, а звучать, если у вас нарушено зрение), просто работать.