História ReDesign 2015
Emlékeztek arra, amikor 2 évvel ezelőtt egy szép Június 1-jei reggel arra ébredtetek, hogy teljesen megváltozott a História? Az őskövület kinézetet leváltottuk egy modern kinézetre, amely mai napig fent van az oldalon. Ezt a kinézetet tovább gondoltuk, és hamarosan ismét új kinézet vár titeket a Histórián.
2 éve történt kinézet cserénél is minden vágyam az volt, hogy a História reszponzív legyen, tehát mobil / táblagép / laptop / nagy felbontású monitoron is rugalmasan helyezkedjen el a design. Sajnos a CSS kódot úgy írtam meg, hogy a későbbiekben csak részlegesen tudtam módosítani a kinézetet (kicsit túlkomplikáltam). Sok tényező közrejátszott abban, hogy készült egy új História kinézet (sőt, már el is készült), és mivel már nincs sok hátra ahhoz, hogy kikerüljön ide is, így gondoltam hozok róla nektek egy teljes átfogó képet, hogyan fog kinézni:
Kattints rá a nagyobb méretét!
Az új História kinézet megkapta a Google Material Designját, gyakorlatilag minden elemét onnan vettem át (még a rengeteg animációt is!). A legkisebb kijelzőtől képes támogatni a HiDPI kijelzőket (MacBook Pro Retina és társai), de papíron képes felskálázni a weboldal kinézetét akár 4K felbontásra is (bár ezt még nem sikerült letesztelnem). Nem kevés munkával teljesen újra lett írva a História CSS kódja, és most már az oldal extráit, mint a Blog vagy az új CSS Classok nem a História JS hajtja, hanem konkrétan az én általam készített gQuery JS. A gQuery szépsége, hogy minimális tudással nagyon könnyen meg lehet dobni weboldalunk funkcionalitását és kinézetét, ezáltal olyan funkciók kerülnek be az oldalba, amelyek alapjáraton nincsenek a G-Portálban benne.
Mivel már volt érdeklődés a mobil kinézet építéséről G-Portálon, így az új kinézettel hozom a ’Mobilos felület készítése G-Portálon’ cikksorozatom első részét is. A cikkek fokozatosan fognak csak kikerülni, de szerintem majd megéri végigvárni, mivel rengeteg olyan információval lehettek gazdagabbak, amely segít nektek egy rendkívül látogató barát weboldalt készíteni.
Az új História a következő napokban / hetekben kerül ki, észre fogjátok majd venni. A cikksorozat első része a rá következő napokban kerülhet ki, a sokat ígért gQuery pedig ahogy tesztelhető állapotban lesz, kikerül hozzátok komplett dokumentációval, és egy teljesen új weboldallal együtt. Érdemes rá várni!
|
Örülök, hogy tetszik, legalább valakinek már bejön
A reszponzív kinézet nem nehézség kérdése, aki egyszer rájön, az tudja milyen. Az idő! Na az ám a szép. Rendkívül időigényes egy jó reszponzív designt elkészíteni, az új História se lesz majd tökéletes, de amit ki lehetett hozni belőle azt kihoztam