Nagyon sok ember nem barátkozik meg a CSS-el, most pár tippel érkeztem hogyan szelídítsetek meg egy kódot, illetve hogyan induljatok el a tanulással. Ez nem feltétlenül egy olyan dolog hogy leülsz és megtanulod, lehet szépen apránként. Én ez utóbbihoz adnék tippeket, a másikhoz pedig a Google a barátotok ;)

Miért? Mert engem személy szerint rohadtul idegesít hogy minden oldal ugyan úgy néz ki, ugyan azokat a kódokat használja. A sablonkód az egy átmeneti dolog, ami addig van még nem írsz sajátot, nem találsz saját stílust, vagy egy apróbb kilengés amit felraksz mert éppen nagyon tetszik.

Alapszituáció:
Nyitottam egy blogot, szeretném hogy úgy nézzen ki ahogy én akarom. Nem tudok kódolni. Keresek egy sablont amit más csinált. Szép-szép, de nem tökéletes. Viszont ha ez meg ez kicsit más lenne, akkor sokkal jobban fog tetszeni... Egy sablonkód, amit más csinál a saját ízlése alapján az sosem lesz az igazi.

Legtöbb esetben mindenkinél úgy kezdődik/kezdődött hogy apránként írt át egy sablonkódot. Színeket, számokat, egyéb értékeket. Kitörölt belőle dolgokat és nézte mi változik. Ehhez két dolog kell, egy megbízható jól megcsinált sablonkód, és némi akarat hogy egyedien nézzen ki a blogod.
Én ezzel a sablonnal kezdtem, bár itt nem látni de csak apró dolgokat írtam át, itt pedig már leültem a popimra és tégláról-téglára felépítettem a kódot. Sokat segít ha van egy olyan kódod amiről már tudod hogy a sorai egészen pontosan mit csinálnak, minden egyes kis mocsok sor esetében.

Lássuk más színben!

Általában a  színekkel kezdődik, és mikor belenéz az ember egy kódba szemet szúr a color: #f5f5f5 sor és társai. Tehát ezek a varázskaraktersorok a színek? Igen. Gyors gugli miegyébb, keressünk szebbet. Cseréljük ki!
Ha egy kód alapvető színkészletét meg akarod változtatni arra van egy jó módszerem, gyors és egyszerű és egy sem marad ki. A küldetésben hű társad a mezei Jegyzettömb. Kiszűröd a különböző színkódokat, és a futurisztikus keresés-csere funkcióval az összeset kicseréled a te választott színeidre. A módszer pontos és hatékony, és megkímél attól hogy 1percnél több időt szánj a kód "látószögben létezésére".

Lopni ér!

Más sablonkódja, amihez az van írva hogy vihető, ingyen, free, tiéd, neszefussel. Persze a megfelelő krediteléssel (kilinkeled az oldaladra hogy ő csinálta a kódot).
Ötleteket is. Látsz egy nagyon szépen bekódolt szöveget, egy szép betűtípust? Egy szép formázást akárhol? A forráskód nézet mindig adott de nem a legeffektívebb az ilyen dolgok megtalálásához, kicsit sok és ha nem érted hogy mi az a szép elem akkor az életben nem találod meg. 

Ebben a jobbklikk fog nekünk segíteni. A GoogleChrome-ban van egy olyan funkció hogy "Vizsgálat" (biztos van a  többi böngészőben is, csak lehet máshogy becézik) ami kiírja neked hogy ez misoda és milyen formázások vonatkoznak rá, az összes kódrészletet kirakja aminek köze van az adott elemhez.

Végezetül beszéljünk a kreditelésről

Ugye illik kirakni mindazt ahonnan segítséget kaptál és felhasználod. Van az a pont ahol már a kód a sajátod. Viszont mibe kerül egy forrás menü? Pár linkelt karakter valahová? Semmibe. Mindenki aki segített hogy eljuss egy adott szintre érdemel valamit. Ha nem is nevezed meg hogy pontosan miért, illik köszönetet mondani.