Most a versenyz�imnek �rkeztem p�r egy kis sz�sszenettel. P�r tan�cs az oldalak kin�zet�vel kapcsolatban, amit nem fogok megeml�teni sem a kritik�ban sem a pontoz�sban, de �gy vettem �szre mindenkin�l fenn�ll ez a dolog �s.. �gy �rzem a 21. sz�zadban m�r �rdemes ezekre odafigyelni.

Ugye a design hib�k felm�r�se �rdek�ben, ellen�riztem az oldalakat a munkahelyi g�pemr�l is, a laptopr�l �s k�l�mbz� felbont�s� monitorokr�l is. Az otthoni g�pem felbont�sa ezekt�l valamivel kissebb de manaps�g m�g mindig az �tlagos m�ret. M�g otthon minden oldal nagyon sz�pen van fel�p�tve. Az oldalak tartalmi s�vja elfoglalja a b�ng�sz� 3/4-�t, a bet�m�ret olvashat�. M�g egy nagyobb felbont�sban, az oldalak tartalmi s�vja a b�ng�sz� fel�t sem foglalja el, �s iszony� t�rp�k a bet�k. B�r az elrendez�s mindenhol hib�tlan, nem cs�szik semmi-semerre m�gis iszonyatosan pici minden, �s 2 perc olvas�s ut�n nyomok egy 150-os nagy�t�st (pedig esk� nagyon j� szemem van).

Arr�l ne is besz�lj�nk hogy mel�ban #internetexplorer �s l�tok �rdekes dolgokat, de �n azt a szart nem vagyok hajland� figyelembe venni, hi�ba m�g mindig a leggyakrabban haszn�lt b�ng�sz� :D

Szerintem, a felbont�s f�ggetlens�g nem csak azt jelenti hogy adott oldal ne cs�sszon sz�t.. Hanem azt hogy minden felbont�sban ugyan azt az "�lm�nyt" �s "l�tv�nyt" ny�jtsa az oldal. Ehhez kicsit a reszponzivit�shoz kell ny�lnunk, olyan m�rt�kben hogy egyszer�en csak nem fix �rt�kekkel dolgozunk, hanem dinamikus �rt�keket adunk meg ott ahol csak lehet. P�ld�ul .sitemain width-�t nem �gy adjuk meg hogy 800px hanem �gy hogy 76%, a bet�m�ret nem 12px hanem x%. Kis apr�s�gok, m�gis sokban jav�tj�k a felhaszn�l�i �lm�nyt, �s mint szerkeszt�, egy�ltal�n nem bonyolult ezt kivitelezni �s megszokni.

�s merem aj�nlani a k�l�mb�z� kicsi felbont�sokra val� optimaliz�l�st is, mert m�g mindig 21. sz�zad, �s telefonr�l a gport�los oldalak gusztustalanok :P

Aj�nlott olvasm�nyok ez�gyben: Niki ezen cikke �s tov�bbi sok m�sik m�g ebben a t�m�ban, szint�n az � toll�ban && gugli

�s ezt �gy mindenkinek tan�csoln�m, nem csak a versenyz�imnek. Illetve k�rem k�ldjetek egy kis visszajelz�st hogy ti �ltal�ban milyen felbont�sban b�ng�sztek.

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.