1. Főoldal
  2. Cikkek
  3. Blog
  4. Nagy ráncfelvarráson esett át weboldalunk! #Gépház

Nagy ráncfelvarráson esett át weboldalunk! #Gépház

Blog

Ma végre sikerült végeznünk és publikálnunk az into.hu legfrissebb verzióját. KovJonas-al közösen álltunk neki a projektnek. Először én vetettem fel neki, hogy várható majd egy nagy változás, de igazából jó pár órás beszélgetés és demózás után rájöttünk, hogy igazából nem kell túlzásokba esni. Mivel a korábbi (éppen használt) dizájn is kitűnően szerepel (t), viszont asztali felületen nem volt a legkényelmesebb használni, így valamilyen köztes megoldást kénytelenek voltunk találni, emellett a hiányolt oldalsáv is visszakerült, illetve széles képernyőn is szépen olvasható lett az oldal, illetve támogatja az 1200+ px felbontású monitorokat.

Az első látványterv nagyon szép lett, viszont a megvalósítással és egyéb problémák miatt akadtak gondok, ezért ennek a felét kukáztuk és folytattuk a fejlesztést.

Már-már alakult a dolog így pár nap elteltével. Nem is képzelnétek, fix oldalt terveztünk, tehát egy 980pixel széles és lefelé teljesen fehér weblapot, dizájnt.

Viszont itt is jöttek a kérdések, vagyis én bombáztam kérdésekkel KovJonas barátomat és arra jutottunk, ha jól összehozzuk a Flat megoldással az oldalt, akkor maradjon és térünk vissza sima fix oldalra.

Leginkább a gyorsaságra alapoztunk, ahogy eddig is megszokhattátok. Képek helyett SVG-t használtunk, illetve a ShareThis megosztótól megváltunk, mert nekem nem tetszett az adatvédelmi nyilatkozatuk. Ha hiszitek, ha nem az új „Közösségi” megosztó saját gyártmány lett, melyet KovJonas-nak köszönhetünk, mely egyaránt SVG-vel készült.

Az SVG-nek és a css, html, php optimizálásnak köszönhetően érezhetően még gyorsabb lett az oldal. Google PageSpeed-en 97pontot értünk el asztali felületen, a mobiloson pedig 92-t, aminek nagyon örülök. A sebesség legkisebb betöltési sebesség pedig 0.07s lett, amely nagyon csodálatos!

Igazából sok újat nem tudok mondani, elég leülni és körülnézni az oldalon, mert pillanatok alatt el lehet érni bármit.

Most pedig idézek KovJonas-tól:

Egész jól haladtunk, néha megakadtunk a fejlesztésben, de közösen mindenre találtunk jó megoldást! Néhány dolog máshogy van megoldva az új külalakban, visszajött az oldalsáv is és a fejléc is megújult. Hogy jól be tudjuk osztani az időnket, hétvégén óránként váltottuk egymást a fejlesztésben. Később rájöttünk, hogy ez hétköznap sokkal nehezebb dolog lesz, ezért aki érte az fejlesztette az oldalt! A fejlesztés menete érdekes volt, remélem még lesz részem ilyen kalandokban!

Pár kép a fejlesztésről:

bykewix profilképe
Polgár Zoltán @bykewix +866 .NetDEV, PHP Engineer, Designer.
4 hozzászólás
Hozzászóláshoz jelentkezz be vagy Regisztrálj!
Háhá, igen ám, ott voltam én is Marcikám! :D
2014.06.06 02:47
@vmarci21: Holnap írj rám aztán meglássuk mit tehetek.
2014.06.05 22:53
5.: Üzenőfalat kifelejtettétek, CSS a tiétek most... ;)
6.: Js-es kattintásra aktiválódó Like, és +1 gomb kell??
2014.06.05 21:34
@bykewix: Én már az előző (2.0??) Design-él mondtam hogy KovJonas szép Designt tervez, de arról nem volt szó, hogy engem kihagytok belőle :D Mondjuk nem értem rá, mert az üzenőfallal vagyok elfoglalva, jó kis 1000 soros Js-ből akarok max. 600 sorosat csinálni, lekérdezéseket optimalizálni. ;)

2.: Tipp: mobil alatt az oldalsó sáv visszaugorhatna felső menüpontba. //érdekes lehet megoldani is, szerintem lehetséges csak CSS-el is. ;)

3.: KovJonas: Most végképp lebuktál, tudtam én hogy tudtad... ;) :D

4.: fórum és a kereső PHP-jét karbantartásra várnám a megszokott helyre, 1-1 hiba van összesen bennük. ;)
//Gépház cikk folytatás lett belőle :D
2014.06.05 21:30