MaintainableCSS - Online Guide toc Writing Vedlikeholdelig CSS-kode

Skrive CSS er ganske enkelt når du forstår syntaks og metoder for å strukturere en side. Men å mestre CSS for å lage modulær, semantisk og gjenbrukbar kode er et helt annet tema.

Det er mange forskjellige teknikker du kan bruke som SMACSS eller ITCSS, men det er modeller som tvinge deg i en bestemt retning. I stedet kan du like MaintainableCSS som er en online guide full av tips og strategier for å skrive bedre langsiktig CSS-kode .

Guiden er helt gratis, og den er også vert på GitHub, inkludert alle nettstedskoden. Du bør begynne å lese ved introduksjonen som forklarer grunnleggende om denne nettveiledningen, og hvorfor det er verdifullt for webutviklere.

Disse retningslinjene for kode hjelper deg med å utvikle vaner fremfor tvungne strukturer. På denne måten kan du organisere kode på riktig måte uansett hvordan du faktisk skriver bestemte selektorer (men MaintainableCSS har også forslag til dette).

Bortsett fra kodeorganisasjon, kommer dette nettstedet også inn i mer komplekse emner angående moderne CSS-utvikling . Noen av disse emnene inkluderer:

• Modulær utvikling
• Hastighet og ytelse
• Håndtering av redundans
• Kodekonvensjoner
• CSS stater som lasting, deaktivert og skjult

De fleste kapitlene er svært korte, og de beveger seg raskt, slik at du ikke vil bruke mye tid på å gå gjennom denne veiledningen.

Ta en titt over innholdsfortegnelsen og de tolv kapitlene i denne veiledningen. Grunnleggende er ganske vanlig, men du lærer mange avanserte emner som versjoning og JavaScript + CSS utvikling .

Helt nye utviklere som fremdeles ikke forstår CSS, vil kanskje unngå denne veiledningen . Det tar utgangspunkt i et grunnleggende kunnskaper som involverer spesifisitet, selektorer og egenskaper .

Men hvis du allerede vet hvordan du skriver CSS og bare vil gjøre det bedre, så er MaintainableCSS for deg. Det er den korte og søte tilnærmingen til å rengjøre modulær frontendutvikling ved å komme tilbake til grunnleggende og skrive kode som vil vare i årene som kommer.

Slik overfører du kontakter fra Android til PC

Nylig måtte jeg flytte Android-telefonens kontakter til PCen min for å bruke dem i noen stasjonære apper. Til min overraskelse er det ingen klikkmetode for å gjøre dette. Et søk på Google viser bare noen apps som kan gjøre dette for meg mot et gebyr, nå hvorfor betaler jeg for en slik grunnleggende oppgave?Etter ma

(Tekniske og design tips)

Lag moderne layout enkelt med Gridlex CSS Grid System

Frontend-utvikling har forbedret seg radikalt med introduksjonen av CSS flexbox . Dette gjør det mye enklere å lage grids og kolonner som naturlig skifter for responsive layouter.I stedet for å kode ditt eget flexboxruten fra grunnen, er det langt enklere å bruke et verktøy som Gridlex . Dette gratis open source flexbox-biblioteket er super lett og veldig enkelt å tilpasse . Alt

(Tekniske og design tips)