10 websteder til at se, hvad HTML5 handler om

HTML (HyperText Markup Language) er det mest udbredte markeringssprog i dag. Mærker, elementer og vinkelbeslag med lidt hjælp fra CSS danner byggestenen til alt det, du ser rundt på World Wide Web.

Det er næsten 20 år siden HTML begyndte at definere, hvordan vi 'ser' internettet. Nu er det på randen af ​​sin femte større revision - HTML5. Fra sin første avatar til sin femte er selve nettet blevet transformeret. HTML5 er et forsøg på at imødekomme de aktuelle behov, der er stærkt baseret på dynamisk og multimedierigt indhold. Men hvordan vil det ændre den måde, vi ser ud og arbejder med på nettet?

Dagens internet er i stigende grad interaktivt og medierigt. Ansøgninger flytter online. HTML5 dækker alle disse behov ved at introducere måder at integrere videoer og lyd, tegne enkel grafik, arbejde med apps offline; gør alle disse uden plugins, og gør det selvfølgelig alt hurtigere end før.

Det er trods alt en standard. Således er det næsten umuligt at svede detaljerne i et par linjer. Så her er ti ressourcer, der giver dig et indblik i HTML5. Lad os lære det at kende, fordi vi alle muligvis bruger det snart.

WTF er HTML5 [Ikke længere tilgængelig]

Forskningsgruppe Fokus nedbryder den nyeste specifikation og giver den lige op som en enkel at forstå infographic. Inden for ti minutter får du en helikoptervisning af, hvad HTML5 handler om, og hvorfor vi skal passe.

Dyk ind i HTML5

Det er skrevet af Mark Pilgrim, og det er et håndplukket kig på udvalgte funktioner i HTML5. Det er sammensat i samtalen stil på “˜For Dummies 'serie. Hvis du vil forstå det grundlæggende, er dette et must-read.

Og der er “˜Professor Markup 'til at guide dig sammen med svar på almindelige spørgsmål. Hvert kapitel understøttes af demoer og eksempler. Men kontroller de nævnte understøttede browser (r), før du prøver dem.

HTML5Doctor

På HTML5Doctor.com har du artikler, der er beregnet til at hjælpe dig med at slå jorden i gang. For eksempel ved hjælp af den allerførste artikel kan du indstille din webside til at blive genkendt som HTML5 af browsere. Det fjerde indlæg hjælper med at designe en blog med HTML5.

HTML5-bloggen har også et spørgsmål og spørgsmål, hvor du kan uploade dine spørgsmål. Nogle af svarene kommer på hjemmesiden som “˜Dine spørgsmål besvaret 'indlæg.

HTML5Rocks

Denne HTML5-webressource beder dig om at være godt bevandret i kodning. Hvis du er, er der et par tutorials, der hjælper dig med at forstå, hvordan HTML5-funktioner kan kodes. Du kan eksperimentere med HTML5 på Legeplads og endda genbruge nogle af kodeprøverne i dit eget projekt.

Tutorials er få, men omfattende. Hver er også mærket med ikonet for de browsere, der opfylder HTML5-funktionskravene.

HTML5games

HTML5 giver Adobe et par hovedpine, fordi det lover at fjerne sig med Flash (i det mindste for nogle apps). Vil HTML5 vise sig at være så effektive som onlinespil som de Flash-baserede spil, vi er vant til? Tjek det selv ved at spille HTML5-spil, der er vært på dette websted.

HTML5-beredskab

Alle browsere forbereder sig på HTML5. Halvhjulet på dette websted er en visuel indikator for hver browsers grundlæggende arbejde hidtil for HTML5 og CSS3. Du kan overflytte de 28 funktioner og måle scenen fra de farvekodede eger.

Set ud fra det er Safari og Chrome mere nede end de andre.

[NO LONGER WORKS] HTML5 Element Reference Table

Periodisk oversigt over elementerne, et projekt af Josh Duck er et underligt kig på 104 HTML5-elementer (og 2 foreslåede elementer) ved hjælp af layoutet til en periodisk tabel. Klik på hver celle giver en kort beskrivelse med yderligere henvisninger.

HTML5-test

På et øjeblik kan du fortælle din (browsers) score, når den matches med HTML5-klare funktioner. Så snart webstedet indlæses, vises scoren fra maksimalt 300. Du får bonuspoint, hvis understøttelsen strækker sig ud over, hvad HTML5-specifikationen måtte indeholde.

Resultaterne er også farvekodede, hvilket indikerer noget mellem hvad der er godt og hvad der ikke er tilgængeligt i din browser.

HTML5 Galleri

HTML5gallery.com parader andre websteder, der bruger HTML5 i en eller anden form. Du kan klikke på miniaturebilledet og nå webstederne i visningen. Det er også en læringsplatform for at se, hvordan webudviklere implementerer HTML5.

Hver profileret webside har en lille note, der forklarer, hvordan et HTML5-element er blevet brugt til at designe webstedet.

YouTube HTML5 Beta

Det “˜Video '-element er udråbt som et af de mest solgte punkter i HTML5. Du kan teste den ud på YouTube ved at vælge at bruge HTML5-afspilleren i stedet for Flash-afspilleren til de fleste videoer. Dine tryouts fortæller dig også, hvordan din nuværende browser klarer HTML5-videoer. Læs afsnittet Noter for at bemærke de finere punkter på beta-indsatsen fra YouTube.

Alt siger sine spændende dage fremover. Disse ti websteder på HTML5 er bare de tidlige begyndere på en race, der snart eksploderer. Forhåbentlig hjælper de med at sætte dig i det rigtige element til at arbejde med HTML5.

Billede: justinsonmia