Teoria din spatele îmbunătățirii progresive

Atunci când construiți un site web, aveți câteva moduri de a face acest lucru.

Puteți începe prin a crea cea mai avansată versiune a site-ului cu toate scenariile, stilurile și așa mai departe și apoi să o redați în browsere mai vechi prin degradare grațioasă, puteți opta să ignorați browserele mai vechi sau puteți începe cu pagina de bază și să adăugați scripturi și stiluri astfel încât să devină mai funcțională prin îmbunătățirea progresivă.

În această serie, vom examina ultima.

În primul rând, vom examina teoria din spatele îmbunătățirii progresive. Dar nu fi intimidat - nu știința rachetelor. Regulile pe care va trebui să le urmați sunt simple.


De ce?

Puteți întreba: De ce să mă deranjez cu browserele mai vechi? În acest moment, majoritatea browserelor majore se actualizează automat.

În primul rând, dacă nu creați o aplicație Web extrem de interactivă, trebuie să luați în considerare utilizatorii cu handicap. Ei pot utiliza cititoarele de ecran pentru a accesa site-ul dvs. și aceste programe nu citesc stiluri sau interfețe complicate pur și simplu pentru că ar fi prea greu pentru ca utilizatorul să înțeleagă ce se află pe pagină.

În al doilea rând, există încă persoane care dezactivează JavaScript și / sau CSS. Există multe motive pentru aceasta - limite de bandă, conexiuni lente și preferințe personale. Unii oameni folosesc și browsere bazate pe text, care pot parsa o sumă limitată de CSS, dar ignoră JavaScript.

Apoi, acesta va face codul mai ușor de întreținut. Probabil că veți avea mai mult HTML semantic. Veți putea să o revizuiți în viitor și să înțelegeți ușor ce se întâmplă cu marcajele, stilurile și scenariile.

În cele din urmă, este important să rețineți că există medii care nu permit utilizatorilor să instaleze sau să actualizeze orice software, inclusiv browserul web (acesta este popular în marile corporații).

Și dacă încă nu sunteți convins, unele țări au legiferat chiar legi corespunzătoare, obligând dezvoltatorii web să facă site-urile lor accesibile utilizatorilor cu handicap (de exemplu, Marea Britanie).


Principii de baza

Acum, să examinăm regulile de bază ale creării site-urilor web utilizând îmbunătățiri progresive.

Conținutul de bază trebuie să fie accesibil tuturor browserelor web

Acest lucru pare destul de simplu dacă înțelegeți contextul în care se folosește cuvântul "conținut".

Aici, "conținut" este informațiile pe care doriți să le primească utilizatorul în forma sa cea mai de bază - text. Anteturile, adnotările, linkurile, paragrafele și altele similare sunt bine, dar imaginile, muzica, animațiile nu sunt conținutul despre care vorbim aici (și ar trebui să fie descrise corect folosind Alt și titlu atribute).

Acum, un cuvânt despre aspectul "accesibil": nu numai că toate browserele web ar putea să vă afișeze conținutul, dar ar trebui să îl afișeze într-un format ușor de citit. Astfel, eliminarea întregului text într-un singur paragraf fără formatare este o idee proastă.

Funcționalitatea de bază trebuie să fie accesibilă pentru toate browserele Web

Aceasta înseamnă că, dacă pe pagina dvs. există o ancoră sau un buton, utilizatorul ar trebui să poată naviga în continuare. Nu contează dacă utilizează ultima versiune Chrome sau o versiune mai veche a Internet Explorer.

Semantic Markup conține tot conținutul

Acest punct necesită mai multă planificare, mai ales atunci când vine vorba de a crea proiecte elaborate. Vă forțează să plasați conținutul în etichete HTML de bază cu cât mai puține dintre ele. Asta înseamnă că nu putem cuibări o duzină de

 elemente în ele însele pentru a crea un efect frumos.

Dacă urmați această regulă, codul dvs. HTML va fi mai curat și mai ușor de înțeles. Artificii vor locui în CSS.

Îmbunătățirea aspectului este asigurată de CSS extern legat

Mai întâi de toate, uitați de stil atribut în etichete HTML. Va trebui să utilizați clase, ID-uri și alte atribute și să definiți aspectul acestora în foaia de stil.