CSS: The Elegant Minimalist
2017.02.06. 17:08, Dienah
Készítettem egy elvihető CSS kódot, és pofa nélkül nagyon büszke vagyok rá, összességében nem nagy szám, de számomra máris többet ér mint szinte bárkárki másé. Egó vagy nem, de ezzel a kóddal VÉGRE NORMÁLISAN TUDOK WEBLAPOT BÖNGÉSZNI TELEFONRÓL. Ahogy a gp-s oldalakat megnyúzzák a kis felbontású eszközök, attól leokádnám a kis mobilom.
Bemutatkozó:
-
Kőkemény 15db+CSS sorral és egy nagy marék blackmagic-al sikerült a kicsikét mobilbaráttá tennem. Ami már 2017-ben alap lehetne lassan.
-
Mivel mindenki rá van cuppanva ezekre a minimalista dolgokra, én semmi jónak elrontója nem vagyok.
-
Legalább nem tömegdesign (tapsnekem)
(a képek nem mobil képek, mert nem tudom hogy kell a kis szarosommal sreenshootolni, böngésző összehúzással szimuláltam hogy is néz ki a dolog egy mobilon)
Tippek && Trükkök, avagy Must Have
A kötelező pipálgatós: Vezérlőpult, Beállítások és ott pippantsatok be minden olyat négyzete amit nem tudtok hogy misoda. Itt van hozzá a kötelező olvasmány és a képes tutorial is.
Font Awesome: Ha nem akartok az aranyos kis ikonok helyére kis négyzetecskét akkor ajánlott beimportálni az ilyesmit, mondjuk ezzel, de rakhattok frissebbet is:
<link href="/portal/framework/upload/766182_1466169388_09997.css" rel="stylesheet" title="Font Awesome" />
Optimális Logó: Megint csak 4darab egész sor css kód, de definiáltam két divet/akármit/osztályt .logo, .logo_mobil. Érdemes a szerkesztehő fejlécbe mindkét osztállyal ellátott logót csinálni, a mobilos mozogjon 400px körül a másik lehet sokkal nagyobb. Itt annyi a feketemágia hogy a mobilos logó kis felbontásban bújik elő, amúgy meg nem látszik, a sima pedig fordítva.
Optimális elrendezés: Mivel kis felbontásban csak így egymás alá túrja az oldalban található blokkokat érdemes jobb oldali elrendezést használni, mert így a mobilos felbontásban a középső modulok lesznek felül mindig. És megkíméled a látogatót attól hogy közel végtelenszer tekerjen végig ugyan azon, amikor esetleg sokat olvasna az oldalon.
LETÖLTENÉD?
Közreműködtek: gugli,Niki mester, és részben azok akiket másik kódjaimnál odacsaptam a forráslistámba.