CSS getur verið mjög öflugt markup tungumál fyrir hönnuði.
Hins vegar er CSS sem er framleitt aðeins eins góður og meginreglur sem fylgja eftir hönnuður að búa til kóðann.
Þó að þú gætir hugsað að einhver geti sveiflað út CSS, þá er mikil munur á því að skrifa CSS og framleiða CSS í toppnotkun.
Til að tryggja að þú sért á réttri leið, hér eru átta CSS meginreglur sem allir vefhönnuðir ættu að fylgja.
Ef þú ert að fara að fjárfesta tímann í kóðun CSS, þá er aðeins skynsamlegt að taka tíma til staðfesta Kóðinn sem þú býrð til. Hins vegar hættir það aldrei að amaze mig hversu margir hönnuðir sleppa yfir þetta mikilvæga skref. Með því að staðfesta númerið þitt er hægt að hreinsa upp vandamál og tryggja að það sé að fara vel fyrir gesti.
Til viðbótar við að staðfesta CSS skrána þína ættir þú einnig að staðfesta HTML eða XHTML skrárnar þínar. Áður en þú staðfestir þessar skrár skaltu ganga úr skugga um að þú hafir tekið tíma til að lýsa yfir réttu HTML eða XHTML DOCTYPE. Lýsa DOCTYPE þínu má líta út eins og dularfulla smáatriði en ég get ekki talað hversu margar umræður ég hef haft með svekktum hönnuðum sem héldu áfram að eiga í vandræðum með hönnun, til að komast að því að það var vegna þess að þeir höfðu lýst yfir gamaldags DOCTYPE (eða hafði ekki lýst yfir DOCTYPE yfirleitt).
Hvort sem þú ert að vinna í verkefninu einum eða með hópi hönnuða er mikilvægt að skjalfesta verkið sem þú býrð til. Þú getur sennilega séð hvers vegna þetta væri mikilvægt í samhengi hönnunarhóps, en þú gætir verið að velta því fyrir mér hvers vegna það myndi skipta máli ef þú ert að vinna í sólóverkefni. Jæja, það er alltaf möguleiki að sólóverkefnið þitt muni að lokum þróast í hópverkefni, og ef þetta gerist er miklu auðveldara að hafa skjöl á hendur en að reyna að bakka og búa til það. Hins vegar, jafnvel þó að verkefnið þitt sé áfram eins manns sýning, gætirðu verið undrandi á hve gagnleg gögn eru þegar þú ákveður að endurskoða verkefni eftir að hafa ekki skoðað það í eitt ár.
Þegar það kemur að því að búa til skjöl fyrir CSS kóða er náttúruleg hvati flestra hönnuða að bæta því beint við númerið sitt með því að setja það á milli / * og * /. Eins og margir meginreglur í þessum lista eru ekkert tæknilega rangt um að taka þessa nálgun. Þó að bæta við athugasemdum beint við CSS-númerið þitt mun auka stærð skráarinnar, sem síðan getur aukið hleðslustundir og hægja á heildarárangri vefsvæðisins. Ef þú ert alvarlegur í að skrifa CSS kóða, þá ættir þú að vera skjalfestur kóðinn þinn, en í sérstakri skrá.
Þótt ég trúi heiðarlega að það sé skilvirkara að skjalfesta í sérstakri skrá, þá veit ég að það eru fullt af skrám sem einfaldlega eru ekki sammála þessu starfi. Ef þú neitar að skrá þig í sérstakan skrá, þá er næstum það besta sem þú getur gert með því að nota CSS þjöppu (í raun, jafnvel þótt þú veljir að nota sérstaka skrá fyrir skjöl, þá geturðu notið góðs af því að nota CSS þjöppu). Þú getur notað þetta CSS þjöppu frá CSS Drive Gallery, eða einfaldlega leitað í Google til að finna aðra CSS þjöppu.
Þó að járnsög hafi orðið viðunandi æfa fyrir marga innan CSS samfélagsins, þá þýðir þetta ekki að "CSS hacking" sé grundvallarreglan sem þú ættir að fylgja. Vandamálið með þessari nálgun við hönnun er að það þýðir að þú ert viljandi að leita að flóknum lausn á vandamálum. Þó að þú gætir hugsað að einn eða tveir járnsög muni ekki meiða neinn, komast í hugann að "hakk" í öllum vandamálum sem þú lendir í gætu haft neikvæð áhrif á heildarhugmyndina þína.
Forðastu járnsög er ráð til að sérfræðingar hafi verið að skammta um nokkurt skeið. Þú getur farið aftur alla leið til 2003 og séð það Pétur-Paul Koch (sem er fullnustu verktaki og höfundur) hefur verið viðvörunarhönnuðir um afleiðingar CSS hacks um nokkurt skeið: "Flókið skrímsli hefur komið aftur, rétt í miðju nútíma vefur þróun. Nú á dögum birtist það ekki sem endalaust búið borð, en eins og endalaust flókið CSS hakk. "
Vegna þess að divs bjóða upp á mikla sveigjanleika getur það verið auðvelt að nota þau of mikið. Reyndar hefur þetta mál orðið svo algengt meðal hönnuða að CSS samfélagið hafi búið til eigin tíma til að merkja þetta mál: divitus. Til að forðast að verða fórnarlamb þetta ástand, áður en þú notar sjálfstætt merki sjálfkrafa, ættir þú alltaf að spyrja sjálfan þig hvort það sé raunverulegt HTML merki sem mun fá starfið fyrir þig. Til dæmis, í stað þess að búa til margar hausarskífur, af hverju notarðu ekki HTML fyrirsögnarkóða sem eru nú þegar tiltæk, eins og H1 og H2?
Þegar þú hefur byrjað að taka á sig útgáfu deilda í huga, muntu fljótlega sjá ávinninginn af því að nota viðeigandi HTML merkið í stað þess að sjálfkrafa búa til nýja div. Ekki aðeins getur það dregið úr fjölda kóða sem þú þarft að búa til (sem mun spara þér tíma ásamt því að draga úr álagstíma vefsvæðisins), en það mun einnig gefa kóðanum þínum rökréttari uppbyggingu.
Ef þú spyrð nýja eða óreyndan hönnuður um hvernig þeir ákveða að nefna námskeið sín, gætu þeir sagt að það skiptir ekki máli. Þó þetta sé tæknilega satt, þá er þetta mjög stutt sjónarhorn á að nefna CSS flokkana. Þó að það séu hönnuðir sem falla í flokkinn sem ekki er annt um CSS-flokkaheiti, þá eru einnig hönnuðir sem hugsa um nöfn þeirra, en þeir taka í raun ranga nálgun.
Þar sem ég vil ekki einfaldlega slá þig yfir höfuðið með fræðilegum dæmum, þá skal ég útskýra þetta í raun. Segjum að þú ert að búa til bekk til að stjórna einum kassa á síðunni þinni. Kassinn verður staðsett neðst á síðunni, það mun innihalda athugasemdir frá lesendum og þú munt nota CSS til að gefa það brúnn bakgrunn og stjórna padding. Í stað þess að nefna þetta .tan-kassi (sem er það sem margir velvilnir hönnuðir myndu gera), nefðu það .comment-box. Ástæðan fyrir því að .Comment-kassi er betra kennitala en .tan-kassi er vegna þess að ef þú ákveður að breyta bakgrunnslitnum að bláum veginum (eða ákveðið að færa kassann frá botn síðu til annars svæðis) , það mun ekki rugla þig eða aðra hönnuði sem er að leita yfir CSS fyrir þessi vefsvæði.
Þó að skothandur geti verið ruglingslegt við hönnuði sem eru að byrja að skrifa eigin CSS kóða, þegar þú venstir við stíll shorthand, verður það einn af árangursríkustu venjum sem þú getur fylgst sem hönnuður .
Það eru margar kostir við að nota skothandann. Fyrir einn, það dregur úr stærð skrárnar þínar, sem dregur úr álagstíma vefsvæðisins. Þar að auki auðveldar það ekki aðeins að skipuleggja kóðann heldur einnig auðveldara ef þú þarft að breyta númerinu þínu í framtíðinni. Þegar þú byrjar að laga sig að stuttmyndinni ættir þú líka að fá að nota kóðann þinn í eina línu (í stað þess að breiða út yfirlýsingar yfir margar línur).
Sem hönnuður ertu miklu tæknilega hneigður en einhver annar í almennum íbúum. Vegna þess að þú ert hluti af minnihluta sem lifir og andar tækni, eru margar venjur sem þú hefur sem flestir aðrir hafa aldrei hugsað um. Til dæmis hefur þú sennilega farið úr vegi þínum til að útrýma eins mikið af "pappírslóðinni" og mögulegt er í lífi þínu. Hins vegar er mikilvægt að hafa í huga að meirihluti íbúanna er ennþá að prenta út hlutina reglulega. Þó að þú færir sennilega hluti með del.icio.us þegar þú vilt vista það til framtíðar tilvísunar, mun meðaltal internetnotandinn prenta sömu síðu út.
Þar sem fólk er ennþá að prenta út upplýsingar frá Netinu er mikilvægt að nota CSS til að gera innihald prentara vingjarnlegur . Gestir munu þakka öllum þeim vinnu sem þú hefur lagt til að búa til fallega skipulag fyrir vefsíðuna sem þeir heimsækja en þegar þeir ákveða að prenta út síðu frá þeirri vefsíðu munu þeir þakka þér enn meira þegar þeir átta sig á því að prentun þeirra innihaldi aðeins texta sem þeir vilja (og ekkert af ótrúlegu grafíkinni sem lítur vel út á tölvunni en myndi eyða tonn af bleki úr prentara sínum). Vegna þess að CSS gerir það alveg einfalt að tryggja að efnið sé rétt sniðið þegar það er prentað út, þá er engin afsökun fyrir sanna hönnuður til að vanræksla þetta skref í hönnunarferlinu.
Þú gætir hugsað að þessi endanlega regla hljóti klifra, en það er að öllum líkindum mikilvægasta af öllu listanum. Ef þú ert hollur til að vera besta hönnuður mögulegt, þarftu að tryggja að þú sért alltaf að vinna að því að auka þekkingu þína á CSS . Sem betur fer er þetta auðvelt að gera ef þú hefur löngun og vilja til að fremja að halda áfram með CSS námuna þína. Þó að áframhaldandi menntun geti verið erfitt verkefni fyrir einstaklinga í mörgum atvinnugreinum sem eru ekki tæknilega í eðli sínu, vegna þess að internetið er bókstaflega grundvöllur fyrir CSS, þá er fjöldi ókeypis auðlinda sem þú getur lært af bókstaflega endalaus. Ef þú heldur að ég er að ýkja, sláðu bara "CSS" inn í Google og þú munt sjá að það eru 483.000.000 niðurstöður fyrir þig að skoða.
Auk þess að læra af netinu auðlindum (og prenta auðlindir ef þú vilt) geturðu lært mikið af öðrum CSS hönnuðum. Hvort sem þú greinir störf sín, hlustaðu á ráðin sem þau gefa út á netinu eða tala við þá í augliti til auglitis, þá geturðu fengið mikið af verðmæti með því að hafa samskipti og hugsanlega samstarf við aðra hönnuði sem skuldbinda sig til að fylgja meginreglunum um toppur hakk CSS hönnun og framleiða ótrúlega verk.