Hvordan du designer for forskjellige nettlesere - dummier

Selv om publikumet ditt kan variere, kan du opprette nettsteder som ser bra ut i Safari på iPhone og iPad uten å gå på bekostning av utformingen av siden når den vises i noen av de mest populære nettleserne på Internett.

Hvis du vil lage et fantastisk nettsted med mye nyttig funksjonalitet og tonnevis av "wow-faktor", kan du designe websidene dine med koden slik at de ser bra ut i nettleserne som besøker nettstedet ditt.

Det er en god ide å målrette (og teste) designene dine ved hjelp av de to siste versjonene av hver av de mest populære nettleserne på stasjonære og bærbare datamaskiner.

På tidspunktet for denne skrivingen var nettleserne i følgende liste de mest populære - og de som brukes best til å teste og målrette designet ditt:

• Chrome: Versjoner 7, 8, 9

• Firefox: Versjoner 3. 5, 3. 6, 4. 0

• Internet Explorer: Versjoner 8, 9

• Opera: Versjoner 10, 11

• Safari: Versjoner 4, 5

Oppdag publikumets nettleser preferanser

Hvis du ikke er sikker på hvilke nettlesere dine besøkende bruker, kan du sikkert finne ut av trafikkloggene fra nettstedet ditt. De fleste nettsteder har en måte å spore trafikk på, og ved å søke i webloggene dine, kan du se hvilke typer nettlesere og enheter som besøker nettstedet ditt.

En god måte å spore trafikk på er Google Analytics, som du kan legge til gratis på et hvilket som helst nettsted for å spore trafikkilder, måle hvilke nettlesere som besøker nettstedet ditt, samt gjøre mange andre ting. I denne figuren ser du hvordan Google Analytics viser alle typer nettlesere og enheter som besøker et av våre nettsteder.

Trafikkmønstre og bruk av nettlesere endres over tid, så sørg for å se gjennom dine egne rapporter regelmessig og teste koden din med hver ny nettleserutgave. Å forstå dine egne besøkende kan hjelpe deg med å velge banen som fungerer best for nettstedet ditt.

Sammenlign HTML og CSS-støtte blant nettlesere

Når du lager nettsteder for iPhone og iPad, og besøkende på nettstedet ditt har en av disse enhetene, kan du stole på at de har den nyeste versjonen av Safari, som er en av De beste nettleserne for å støtte de nyeste funksjonene i HTML5 og CSS 3.

Hvis du skal designe sider med riktig kode for de riktige nettleserne, må du identifisere hvilke nettlesere som støtter hvilke tagger. Heldigvis kan en rekke ressurser på nettet hjelpe deg, inkludert Kan jeg bruke og dens visuelt tiltalende følgesvenn, HTML5 Readiness vist i dette bildet:

Et annet nyttig nettsted for å sammenligne og forstå nettleserstøtte for CSS 3 er CSS3 Vennligst.