Teorin bakom progressiv förstärkning

När du bygger en webbplats har du några sätt att göra om det.

Du kan börja med att skapa den mest avancerade versionen av webbplatsen med alla skript, stilar osv. Och sedan göra det i äldre webbläsare via graciös försämring, kan du välja att ignorera äldre webbläsare, eller du kan börja med en grundläggande sida och lägg till skript och stilar så att det blir mer funktionellt via progressiv förbättring.

I den här serien ska vi titta på den senare.

Först ska vi ta en titt på teorin bakom progressiv förbättring. Men var inte skrämmad - det är inte raketvetenskap. Reglerna du måste följa är enkla.

Varför?

Du kanske frågar: Varför ska jag stör med äldre webbläsare? Vid den här tiden uppdaterar de flesta alla större webbläsare automatiskt.

Först och främst, om du inte skapar en mycket interaktiv webbapp, måste du överväga funktionshindrade användare. De kan använda skärmsläsare för att komma åt din webbplats och dessa program läser inte stilar eller komplicerade gränssnitt helt enkelt för att det skulle bli för svårt för användaren att förstå vad som finns på sidan.

För det andra finns det fortfarande personer som inaktiverar JavaScript och / eller CSS. Det finns många anledningar till detta - bandbreddshår, långsamma anslutningar och personliga preferenser. Vissa använder också textbaserade webbläsare, som kan analysera en begränsad mängd CSS, men ignorera JavaScript.

Därefter kommer det att göra din kod mer underhållsbar. Du kommer sannolikt att ha mer semantisk HTML. Du kommer att kunna se det i framtiden och enkelt förstå vad som händer med markeringen, stilerna och skripten.

Slutligen är det viktigt att komma ihåg att det finns miljöer som inte tillåter användare att installera eller uppgradera någon programvara, inklusive webbläsaren (detta är populärt i stora företag).

Och om du fortfarande inte är övertygad har vissa länder till och med lagat lämpliga lagar och tvingar webbutvecklare att göra sina webbplatser tillgängliga för funktionshindrade användare (till exempel Storbritannien).

Grundläggande principer

Låt oss nu granska de grundläggande reglerna för att skapa webbplatser med progressiv förbättring.

Grundläggande innehåll ska vara tillgängligt för alla webbläsare

Detta verkar ganska enkelt om du förstår det sammanhang där ordet "innehåll" används.

Här är "innehåll" den information du vill ha användaren att få i sin mest grundläggande form - text. Rubriker, anteckningar, länkar, stycken och liknande är okej, men bilder, musik, animationer är inte det innehåll vi pratar om här (och de borde beskrivas korrekt med hjälp av alt och titel attribut).

Nu ett ord om den "tillgängliga" aspekten: Inte bara ska alla webbläsare kunna visa ditt innehåll, men de borde visa det i ett läsbart format. Att dumpa all text i en enda punkt utan formatering är alltså en dålig idé.

Grundläggande funktionalitet ska vara tillgänglig för alla webbläsare

Detta innebär att om det finns ett ankare eller en knapp på din sida, ska användaren fortfarande kunna navigera i innehållet. Det här är oavsett om han / hon använder den senaste versionen av Chrome eller en äldre version av Internet Explorer.

Semantisk markering innehåller allt innehåll

Denna punkt kräver mer planering, särskilt när det gäller att skapa utarbetade mönster. Det tvingar dig att sätta ditt innehåll i grundläggande HTML-taggar med så få av dem som möjligt. Det betyder att vi inte kan bo ett dussin av