5 CSS Tips og triks for å hjelpe deg å lage nettsteder som Rock

Cascading Style Sheets (CSS) kom til å bli mer enn 15 år siden, og fundamentalt endret måten nettsteder så ut og oppførte seg. Dette språket har utviklet seg gjennom årene og dets ulike oppdateringer som mål å styrke designere og utviklere å bygge mer vakre, mer funksjonelt effektiv, og i økende grad lette nettsteder. Følgende fem CSS tips og triks vil hjelpe deg å få mest mulig ut av CSS og alle oppdateringer:
• Bruk en god editor. Du kan være en koding guru, men to hoder er alltid bedre enn ett. Å kunne validere og slå opp koder, autofullfør-funksjonen, og syntax highlighting vil ikke bare få fart på arbeidet, men vil også gi bedre nøyaktighet på dine stilark
• Komprimere der det er mulig. Bruk en kraftig komprimering verktøy for å hogge av byte fra CSS og Javascript-filer der det er mulig og uten å slette noen relevant innhold. Dette sikrer at nettstedet fortsatt lett og laster raskt. En måte å redusere uønskede byte ut CSS-filer, er å slette like referanser og konflikter. Slette kommentarer også. Selv om kommentarer gjør det enklere for en annen person til å arbeide på eller vedlikeholde dine filer, disse øker filstørrelsen betraktelig. I stedet skriver dine koder og ordne dem slik at filene dine er lett forståelig. Også cache når du kan for å forbedre lasting ganger og bevare båndbredde av ditt nettsted besøkende. Forbedret lasting ganger også forbedre SEO utsiktene til en nettside og kjøre den opp Google gradene. Du kan forbedre ytelsen til nettstedet ditt ved hjelp av bare en enkelt stilark som kutter antall HTTP-forespørsler
• Øke lesbarheten av stilark. Du kan gjøre dette på flere måter. Den enkleste måten er å legge til mellomrom. Selv om denne metoden vil definitivt øke størrelsen på CSS-filer, kan du være sikker på at lesbarheten vil også forbedre manifold ganger. Sørg for at du holder koden layout konsekvent. En annen kjekk liten triks for å lette vedlikehold av stilark er å gjøre unna med inline koder. Også holde CSS filnavnene enkelt slik at du vet fra et blikk hva hver fil inneholder
• Deaktiver CSS for å feilsøke. Alle nettlesere har innebygd debuggere. Lær hurtigtaster for å aktivere disse verktøyene. Men hvis du ikke kan oppdage svikt selv etter nøye gransking, sørg for at du deaktiverer CSS eller fjerne alle stilene før bringe dem tilbake én om gangen for å simulere glitch
• Sjekk dine koder på alle de store nettleserne. Dette er trolig den enkleste av alle CSS tips og likevel, mange programmerere falle i fellen med å ignorere det. Ikke bruk en nettleser emulator for å sjekke. I stedet sjekke dine koder på den virkelige nettleseren eller en virtualisert utgave. Og husk å sjekke om alle de store nettleserne –. Firefox, Chrome, Internet Explorer, Opera og Safari
De ovennevnte fem CSS tips og triks bør ideelt sett være strengt overholdt som beste praksis som gjør livet til utviklere, nettstedet administratorer, Google edderkopper, og nettstedet besøkende lett. Skriv ned disse tipsene, og sette dem opp på tavlen foran deg
 !;