5 CSS Tips og tricks til at hjælpe dig oprette websteder, som Rock

Cascading Style Sheets (CSS) kom til at være mere end 15 år siden, og fundamentalt ændret den måde, hjemmesider kiggede og opførte sig. Dette sprog har udviklet sig gennem årene og dens forskellige opdateringer har til formål at give designere og udviklere at bygge mere smukke, mere funktionelt effektive, og i stigende grad letvægts hjemmesider. De følgende fem CSS tips og tricks vil hjælpe dig med at få mest muligt ud af CSS og alle dens opdateringer: Restaurant • Brug en god editor. Du kan blive en kodning guru, men to hoveder er altid bedre end en. At være i stand til at validere og se op koder, auto-komplette funktion, og syntaksfremhævning vil ikke kun fremskynde dit arbejde, men vil også give mere præcision til dine stylesheets
• Komprimer hvor det er muligt. Brug en kraftig komprimering værktøj til at hugge de bytes fra din CSS og JavaScript-filer så vidt muligt, og uden at slette relevant indhold. Dette sikrer, at din hjemmeside forbliver let og belastninger hurtigt. En måde at reducere uønskede bytes i din CSS-filer er at slette dublerede referencer og konflikter. Slette kommentarer så godt. Selvom kommentarer gør det lettere for en anden person til at arbejde på eller vedligeholde dine filer, disse øge filstørrelsen betydeligt. I stedet skrive dine koder og arrangere dem sådan, at dine filer er let forståelige. Også cache, når du kan for at forbedre loading tider og bevare båndbredde på dit website besøgende. Forbedret loading tider også øge SEO udsigterne for en hjemmeside og køre det op Google rækker. Du kan forbedre ydelsen på din hjemmeside ved hjælp af kun en enkelt stylesheet der skråstreger antallet af HTTP-anmodninger
• Øg læsbarheden af ​​dine stylesheets. Du kan gøre dette på flere måder. Den nemmeste måde er at tilføje hvide rum. Selv om denne fremgangsmåde vil helt sikkert øge størrelsen af ​​dine CSS filer, kan du være sikker på, at læsbarheden også vil forbedre mangfoldige gange. Sørg for, at du holder koden layout konsekvent. En anden fiks trick til at lette vedligeholdelse af dit stylesheet er at gøre op med inline-koder. Holde Også CSS filnavne enkel, så du kender fra et blik, hvad hver fil indeholder
• Deaktiver CSS til debug. Alle browsere har indbygget debuggere. Lær de genvejstaster til at aktivere disse værktøjer. Men hvis du ikke kan få øje glitch selv efter omhyggelig kontrol, så sørg for at du deaktiverer CSS eller fjerne alle de stilarter, før at bringe dem tilbage en ad gangen for at simulere glitch
• Tjek dine koder på alle de store browsere. Dette er sandsynligvis den enkleste af alle CSS tips og alligevel, mange programmører falde i fælden med at ignorere det. Brug ikke en browser emulator til at kontrollere. I stedet tjekke dine koder på den virkelige browser eller en virtualiseret udgave. Og husk at tjekke om alle de store browsere og-. Firefox, Chrome, Internet Explorer, Opera og Safari
Ovennævnte fem CSS tips og tricks bør ideelt følges nøje som bedste praksis, der gør livet for udviklere, website administratorer, Google edderkopper og besøgende let. Skriv ned disse tips og sætte dem op på tavlen foran dig
 !;