Theory Bak Progressive Enhancement

Når du bygger et nettsted, har du noen måter å gjøre ved å gjøre det.

Du kan starte med å lage den mest avanserte versjonen av nettstedet med alle skript, stiler og så videre, og deretter få det til å gjengis i eldre nettlesere via grasiøs nedbrytning. Du kan velge å ignorere eldre nettlesere, eller du kan starte med en grunnleggende side og legge til skript og stiler slik at den blir mer funksjonell via progressiv forbedring.

I denne serien skal vi se på sistnevnte.

Først skal vi ta en titt på teorien bak progressiv forbedring. Men vær ikke skremt - det er ikke rakettvitenskap. Reglene du må følge er enkle.

Hvorfor?

Du kan spørre: Hvorfor skal jeg bry meg med eldre nettlesere? På dette tidspunkt oppdateres de fleste alle de store nettleserne automatisk.

Først og fremst, med mindre du lager en svært interaktiv webapp, må du vurdere deaktiverte brukere. De kan bruke skjermlesere til å få tilgang til nettstedet ditt, og disse programmene leser ikke stiler eller kompliserte grensesnitt rett og slett fordi det ville være for vanskelig for brukeren å forstå hva som er på siden.

For det andre er det fortsatt folk som deaktiverer JavaScript og / eller CSS. Det er mange grunner til dette - båndbreddekapsler, langsomme tilkoblinger og personlige preferanser. Noen bruker også tekstbaserte nettlesere, som kan analysere en begrenset mengde CSS, men ignorer JavaScript.

Deretter vil det gjøre koden din mer vedlikeholdsbar. Du vil sannsynligvis ha mer semantisk HTML. Du vil kunne se det i fremtiden og forstå lett hva som skjer med oppslaget, stilene og skriptene.

Endelig er det viktig å huske at det er miljøer som ikke tillater brukere å installere eller oppgradere programvare, inkludert nettleseren (dette er populært i store selskaper).

Og hvis du fortsatt ikke er overbevist, har enkelte land selv lovet passende lover, og tvinger webutviklere til å gjøre deres nettsteder tilgjengelige for funksjonshemmede brukere (for eksempel Storbritannia).

Grunnleggende prinsipper

La oss nå gjennomgå de grunnleggende reglene for å opprette nettsteder ved hjelp av progressiv forbedring.

Grunninnhold bør være tilgjengelig for alle nettlesere

Dette virker ganske grei hvis du forstår sammenhengen der ordet "innhold" blir brukt.

Her er "innhold" den informasjonen du vil at brukeren skal motta i sin mest grunnleggende form - tekst. Overskrifter, kommentarer, lenker, avsnitt og lignende er ok, men bilder, musikk, animasjoner er ikke innholdet vi snakker om her (og de skal beskrives riktig ved hjelp av alt og tittel egenskaper).

Nå et ord om det "tilgjengelige" aspektet: Ikke bare bør alle nettlesere kunne vise innholdet ditt, men de burde vise det i et lesbart format. Dumping av all tekst til et enkelt avsnitt uten formatering er dermed en dårlig ide.

Grunnleggende funksjonalitet bør være tilgjengelig for alle nettlesere

Dette betyr at hvis det er et anker eller en knapp på siden din, bør brukeren fortsatt kunne navigere i innholdet. Dette er uansett om han / hun bruker den nyeste versjonen av Chrome eller en eldre versjon av Internet Explorer.

Semantisk Markup inneholder alt innhold

Dette punktet krever mer planlegging, spesielt når det gjelder å skape utførlige design. Det tvinger deg til å sette innholdet ditt i grunnleggende HTML-koder med så få av dem som mulig. Dette betyr at vi ikke kan nest et dusin av