Tips for å jobbe med CSS3-stilarkene dine

Når vi har definert strukturen på nettstedet vårt og har utviklet DOM På en presis måte er det viktig å definere stilene til det samme, det er også det mest kreative området og der du kan tilpasse med større presisjon til det siste hjørnet av nettstedet ditt. Kaskaderende stilark er den mest passende løsningen, men for alle de som gjør sitt første streif i verden av webutvikling, er det noen tips som må tas i betraktning for å oppnå de beste resultatene.

For å oppnå et profesjonelt resultat som er typisk for en innviet frontend, er det nødvendig å ta hensyn til visse aspekter som rekkefølge, lesbarhet og korrigering av de vanligste feilene innen denne typen praksis. Jeg deler nedenfor fem tips veldig grunnleggende, men samtidig veldig viktig for behandlingen og den optimale konfigurasjonen av våre CSS-stilark.

Sørg for å etablere en effektiv ordre og struktur i CSS3-stilarkene

Jeg deler alltid stilarkene mine i en hierarkisk rekkefølge. For det første bruker jeg vanligvis generelle velgere og fortsetter deretter med å legge til erklæringer fra html-velgerne og til slutt fortsetter jeg med å jobbe inne i ID-ene til containerne og mindre elementer. I utgangspunktet malt følg logikken til DOM og fra foreldrene til slutten med barna. Imidlertid kan vi også følge en annen formel eller rekkefølge, for eksempel kan vi gruppere våre velgere og erklæringer med tanke på deres funksjon. Alt vil avhenge av hva våre preferanser er og hvordan vi føler oss mer komfortable med å jobbe.

Velg klare og konsise navn for hver av dine velgere

Det er noe veldig viktig du må ta hensyn til, og det er at CSS3 er forskjellig i bruken av store og små bokstaver, så å skrive et ord med store bokstaver kan bety noe annet og kan forårsake feil. Det enkleste er å alltid bruke små bokstaver for å unngå denne typen problemer. Prøv også velg navn på klassene dine og ID-ene dine som er lett gjenkjennelige og at de ikke leder oss til tvil eller feil.

Ikke glem å legge til avklarende kommentarer

Du må helt sikkert dele filene dine med andre mennesker, kanskje din klient eller kolleger i arbeidsteamet ditt, som layoutdesignere, andre designere eller utviklere. Av denne grunn er det veldig viktig å være oppmerksom på strukturen og å sikre en ren og ryddig finish. De avklarende kommentarene vil hjelpe alle som har tilgang til stilarket vårt med å raskt finne veien rundt. Enhver observasjon som må tas i betraktning det må vises som innhold. Husk at du kan inkludere innhold både i Html-filen og i CSS-filen, og at de i begge tilfeller er kommentarer som logisk sett ikke vil gjenspeiles i det endelige resultatet, og vil bare være synlige når kildekoden til den samme er tilgjengelig slik at de kan være veldig nyttig.

Bruk alltid en tilbakestilling i stilarkene dine

Hver nettleser har standard stilark, så for å unngå feil eller endringer avhengig av hvilken nettleser siden vår vises på, er det veldig nyttig og anbefales at tilbakestill stilarkene dine. Det er flere alternativer. Eric Meyers tilbakestillingsark kan være et veldig godt alternativ.

Velg det mest effektive verktøyet

Det er mange verktøy du kan bruke for å være så effektive som mulig når du arbeider med nettstedsdesignet ditt. Fra etableringen av Wireframes til å utvikle strukturen på nettstedet ditt, samt alle slags applikasjoner inkludert Adobe Photoshop, Illustrator eller Fireworks. Du har også mange profesjonelle redaktører som er en av de mest anbefalte (i det minste den jeg bruker) Sublim tekst eller, hvis ikke, Adobe Dreamweaver siden de gir veldig enkle grensesnitt med høy grad av personlighet, samt muligheten for å jobbe med kodene våre gjennom et snarveisystem og et autofullføringssystem som vil hjelpe oss med å spare mer enn 70% av tiden vi vil bruke med en redaktør av tradisjonell ren tekst.