В тази статия ще се опитаме да разберем каква е разликата между двата принципа за създаване на страници, базирани на "отзивчиви" Уеб дизайн: Прогресивно Подобрение и постепенно влошаване.

елегантното

Доброто деградация, или "устойчивост на откази" - по-широко понятие, което се използва не само в областта на уеб дизайна. В най-общ смисъл означава способността на системата да работи дори и в случай на повреда на някои от неговите компоненти. Колкото по-сериозно нарушение, толкова по-ниско качество на системата или функционирането на системата, но все още функционални в тази система основната функционалност.

Често, за да следват този принцип трябва да ремонтирам логика обработката на форма сървър. Въпреки това, този подход ще се отплати, ако мислите за отказоустойчивост на етапа на планиране форми.

Принципът на елегантното позволява на потребителите (и всеки потребител - е потенциален клиент), за да могат да работят със сайта във всяка ситуация.

Подобрение Progressive

Прогресивно подобрение е принцип, който, заедно с "мобилна първи" създава теоретична основа за "симпатичен" (адаптивни) Уеб дизайн. Вече името му казва, че той се позиционира уеб страници в етапа, цикли, в съответствие с принципа "от прост - за да е трудно". На всеки един от етапите на предварително планираната външния вид на страницата е да стане по-красива, по-добре и по-удобно, но абсолютно всички функционалности, трябва да бъде на разположение в началото.

Това е специален случай на постепенно влошаване, тъй като всички уеб страници, построени върху него напълно ще се съобразяват с принципа на постепенно влошаване.

Обикновено се създаде страница на принципа на прогресивно подобрение се състои от следните етапи:

Нека да прилага този подход в практиката. Ние се развиваме и да издаде най-простата форма на входа на обекта. В първия етап се създаде формата за вход в чист HTML. Формулярът не е толкова красива, но тя е напълно функционална. По-долу е кодовата страница, а резултатът се показва в браузъра:

Сега във втората фаза Нека дадем форма, за да й стил полагането на листов стил, който съдържа само тези правила, които важат за CSS без специални свойства. Добави цвят на фона, уплътнение, подравняване. Сега формата изглежда по-добре:

Сега добавете правила от спецификацията на CSS3. Zakrgleniya добавите към блоковете, сенките за влизане кутии текстови бутон с нови селектори stylizing премахне ненужната пространство отгоре. Една подобрена форма:

В последния етап можем да създадем AJAX заявка, че потребителят може да влезе в сайта, без да има нужда да презаредите страницата.

В този случай, на всеки етап (с подкрепата на своя браузър) ще покаже напълно функционална страница. Но ако браузърът поддържа по-напреднали технологии, страницата е само все по-добре.

На какви принципи да се приложи?

Ако сайтът е най-ефективен за изграждане на концепцията за постепенно влошаване, можете да получите почти същото като това би било при прогресивно подобрение. И така, какво е разликата?

Ето защо, прогресивно подобрение стана в отговор на лошо качество постепенно влошаване на. За да се изработи такива интерфейси стават по-лесни и по-добри, тъй като има ясно определени стъпки за създаване на интерфейса.

Най-отзивчив дизайн е концепцията за «мобилен първо», което до известна степен съответства на концепцията за постепенното подобрение, тъй като тя изисква активност от простото към комплекса, от мобилния за настолни компютри, екрани. Ето защо от ключово значение за правилното използване адаптивен уеб дизайн зависи от способността на предприемача да се прилагат принципите на прогресивно подобрение и мобилен първо място.