Progressive Enhancement – progresywne ulepszanie

Strategia projektowa dzięki której dostarczamy stronę, aplikację przedstawiającą treść w sposób przejrzysty nie zależnie od czytnika na jakim zostanie wyświetlona.

 

poszczególne warstwy, elementy strony:

 

Progressive Enhancement

 

zasady Progressive Enhancement:

 

Mobile first

projektowanie serwisu rozpoczynamy od stworzenia strony mobilnej pod kątem dostępnych technologii i funkcjonalności.

Dzięki temu skupiamy się od razu na treści i najważniejszych elementach strony i sukcesywnie rozbudowujemy je wraz ze wzrostem możliwości na kolejnych urządzeniach.

kolejność ładowania/ parsowania css

  1. css globalne – stylowanie formularzy, przycisków, typografi
  2. css desktop
  3. css tablet
  4. css mobile

urządzenia desktop – przetwarzają reguły 1 i 2

urządzenia mobile przetwarzają reguły 1, 2 i 4 – czyli więcej dostają do przetworzenia.

 

W podejściu Mobile first tworzymy pierw style i skrypty globalne, następnie obsługę urządzeń mobilnych i dopiero desktop.

 

THE PROGRESSIVE ENHANCEMENT CHECKLIST

bardzo fajnie opracowane checklisty przez Aaron Gustafson więcej znajdziesz na Adaptive Web Design.

 

kontent

 

markup i html

 

design i css

 

interakcje i javascript


<a href="http://www.google.com/" tabindex="1">Google</a>

 

do poczytania jeszcze:

#web development

Agnieszka Trefler

Agnieszka Trefler (Ruda) - freelancer, web developer, specjalistka od WordPressa z Wrocławia. Z pasją budowania stron, blogowania i fotografowania. Twórca Inspiracji fotograficznych.