När vi väl har definierat strukturen på vår webbplats och har utvecklat DOM På ett exakt sätt är det viktigt att definiera stilar av samma, det är också det mest kreativa området och där du kan anpassa med större precision till det sista hörnet av din webbplats. Kaskad stilark är den mest lämpliga lösningen, men för alla som gör sin första razzia i webbutvecklingsvärlden finns det några tips som måste tas i beaktande för att uppnå bästa resultat.
För att få ett professionellt resultat som är typiskt för en helgad frontend är det nödvändigt att ta hänsyn till vissa aspekter som ordning, läsbarhet och korrigering av de vanligaste felen inom denna typ av praxis. Jag delar nedan fem tips väldigt grundläggande men samtidigt mycket viktigt för behandlingen och den optimala konfigurationen av våra CSS-stilark.
Se till att skapa en effektiv ordning och struktur i dina CSS3-stilark
Jag delar alltid mina stilark i en hierarkisk ordning. För det första tillämpar jag vanligtvis allmänna väljare och fortsätter sedan med att lägga till deklarationerna från html-väljarna och slutligen går jag till jobbet inuti ID: n för behållarna och mindre element. I grund och botten mark följ DOM: s logik och från föräldrarna till slut med barnen. Men vi kan också följa en annan formel eller ordning, till exempel kan vi gruppera våra väljare och deklarationer med hänsyn till deras funktion. Allt beror på vad våra preferenser är och hur vi känner oss mer bekväma att arbeta.
Välj tydliga och koncisa namn för var och en av dina väljare
Det finns något mycket viktigt som du måste ta hänsyn till, och det är att CSS3 skiljer sig åt när det gäller stora och små bokstäver, så att skriva ett ord med versaler kan betyda något annat och kan orsaka fel. Det enklaste är att alltid använda små bokstäver för att undvika denna typ av problem. Försök också välj namn för dina klasser och dina ID som är tydligt igenkännliga och att de inte leder oss till tvivel eller fel.
Glöm inte att lägga till klargörande kommentarer
Du måste säkert dela dina filer med andra människor, kanske din klient eller kollegor från ditt arbetsgrupp som layoutdesigners, andra designers eller utvecklare. Av denna anledning är det mycket viktigt att vara uppmärksam på strukturen och säkerställa en ren och ordnad yta. De förtydligande kommentarerna hjälper alla som har tillgång till vårt stilark snabbt att snabbt hitta sig runt. Varje typ av observation som måste beaktas det måste visas som innehåll. Kom ihåg att du kan inkludera innehåll både i din Html-fil och i din CSS-fil och att de i båda fallen är kommentarer som inte logiskt kommer att återspeglas i det slutliga resultatet och kommer bara att vara synliga när samma källkod nås så att de kan vara till stor hjälp.
Tillämpa alltid en återställning i dina stilark
Varje webbläsare har sitt standardformat, så för att undvika fel eller ändringar beroende på vilken webbläsare vår sida visas på, är det mycket användbart och rekommenderas att återställ dina formatmallar. Det finns flera alternativ: Eric Meyers återställningsformat kan vara ett mycket bra alternativ.
Välj det mest effektiva verktyget
Det finns många verktyg som du kan använda för att vara så effektiva som möjligt när du arbetar med din webbdesign. Från skapandet av Wireframes till att utveckla strukturen på din webbplats, som alla typer av applikationer inklusive Adobe Photoshop, Illustrator eller Fireworks. Du har också många professionella redaktörer som är en av de mest rekommenderade (åtminstone den jag använder) Sublim text eller, om inte, Adobe Dreamweaver eftersom de tillhandahåller mycket enkla gränssnitt med höga personlighetsgrader samt möjligheten att arbeta med våra koder genom ett system med genvägar och med ett autofullständigt system som hjälper oss att spara mer än 70% av den tid som vi skulle använda med en redaktör. av traditionell vanlig text.
Tack för tipsen, jag brinner för design och alla tips tas emot. Fortsätt.
Tack!