.2017.06.28. 12:12, Dienah
Egy icipicit "felbontásbarát" kinézet2017.03.27. 15:35, Dienah
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.
Tippek a CSS lassú elsajátításához2017.02.21. 11:39, Dienah
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.
|