MaintainableCSS - Online Guide toc Skrivning upprätthållbar CSS-kod
Skriva CSS är ganska enkelt när du förstår syntaxen och metoderna för att strukturera en sida. Men att behärska CSS för att skapa modulär, semantisk och återanvändbar kod är ett helt annat ämne.
Det finns många olika tekniker som du kan använda som SMACSS eller ITCSS, men det här är modeller som tvingar dig i en viss riktning. I stället kanske du gillar MaintainableCSS vilket är en online guide full av tips och strategier för skriva bättre långsiktig CSS-kod.
Guiden är helt gratis och det är även värd på GitHub, inklusive alla webbkod. Du bör börja läsa vid introduktionen som förklarar grunderna i denna online-guide och varför den är värdefull för webbutvecklare.
Dessa kodriktlinjer hjälper dig utveckla vanor snarare än tvångsstrukturer. På så sätt kan du organisera koden på rätt sätt oavsett hur du faktiskt skriver specifika väljare (men MaintainableCSS har förslag på detta också).
Bortsett från kodorganisation kommer denna webbplats också in i mer komplexa ämnen avseende modern CSS-utveckling. Några av dessa ämnen är:
- Modulär utveckling
- Hastighet och prestanda
- Hantering av redundans
- Kodkonventioner
- CSS stater som laddning, inaktiverad och dold
De flesta av kapitlen är mycket korta och de rör sig snabbt så att du inte spenderar mycket tid på att gå igenom den här guiden.
Ta en titt över innehållsförteckningen och de tolv kapitlen i den här handboken. Grunderna är ganska vanliga men du lär dig många avancerade ämnen som versions och JavaScript + CSS utveckling.
Helt ny utvecklare som fortfarande inte förstår CSS kanske vill undvika denna guide. Det förutsätter en grundläggande kunskapsnivå specificitet, selektörer och egenskaper.
Men om du redan vet hur man skriver CSS och bara vill göra det bättre är MaintainableCSS för dig. Det är kort och söt inställning till ren modulär frontend-utveckling genom att komma tillbaka till grunderna och skrivkoden som kommer att hålla i många år framöver.
