{"id":223,"date":"2011-06-26T08:22:06","date_gmt":"2011-06-26T06:22:06","guid":{"rendered":"http:\/\/petercsonka.com\/?p=223"},"modified":"2015-07-02T17:31:19","modified_gmt":"2015-07-02T15:31:19","slug":"minimal-design-jegyeben","status":"publish","type":"post","link":"https:\/\/peter.csonka.hu\/hu\/blog\/2011\/06\/minimal-design-jegyeben\/","title":{"rendered":"Minim\u00e1l design jegy\u00e9ben"},"content":{"rendered":"<p>El\u00e9g j\u00f3l haladt a Piramis S\u00e1rv\u00e1r \u00faj rendszer\u00e9nek k\u00e9sz\u00edt\u00e9se. Egy viszonylag mutat\u00f3s design lett \u00f6szedobva \u00e9s al\u00e1 pedig egy komolyabb sql adatb\u00e1zis rengeteg rekorddal, hogy \u00f6sszetettebb keres\u00e9seket is lehessen futtatni. Beismerem el\u00e9gg\u00e9 sietve k\u00e9sz\u00fclt az eg\u00e9sz rendszer, a kin\u00e9zeten nem nagyon volt t\u00f6k\u00f6l\u00e9s&#8230; Ugyanakkor voltak vele k\u00e9ts\u00e9geim is, mert nem tetszett k\u00fcl\u00f6n\u00f6sebben. Tapasztalatb\u00f3l tudom, hogy ha a saj\u00e1t lapom nem tetszik, akkor ott nagy g\u00e1z van (\u00fagy fest ennyi \u00e9rz\u00e9kem az\u00e9rt van a dologhoz). Az is beugrott, hogy milyen p\u00f3rul j\u00e1rtam a Bababolt rendszer\u00e9vel is: sz\u00e9pen m\u0171k\u00f6d\u00f6tt, csak a felhaszn\u00e1l\u00f3 bar\u00e1tt\u00f3l volt messze az interface. \u00dagyhogy neki\u00e1lltam itt is elgondolkodni, j\u00f3 lesz-e ez a weblap \u00edgy. Pr\u00f3b\u00e1ltam a felhaszn\u00e1l\u00f3 oldal\u00e1r\u00f3l megk\u00f6zel\u00edteni a dolgot.<\/p>\n<p>Az els\u0151, \u00e9s legfontosabb k\u00e9rd\u00e9s: Mi\u00e9rt l\u00e1togat egy ingatlank\u00f6zvet\u00edt\u0151i weblapra a felhaszn\u00e1l\u00f3? H\u00e1t hogy ingatlant tal\u00e1ljon. Vagyis az eg\u00e9sz lap c\u00e9lja elm\u00e9letben a keres\u00e9s, \u00e9s a keres\u00e9si eredm\u00e9nyek megjelen\u00edt\u00e9se. Ok\u00e9, akkor fogjuk meg ezt a v\u00e9g\u00e9t a dolognak. A m\u00e1r f\u00e9lig k\u00e9sz oldalon is van egy sz\u00e9p nagy keres\u0151doboz, de messze nem ez \u00e1ll a k\u00f6z\u00e9ppontban, pedig most \u00edgy belegondolva annak kellene ott \u00e1llnia. Rendben, akkor ha keres\u0151 kell, n\u00e9zz\u00fck meg a weben kik a legnagyobb keres\u0151k, elv\u00e9gre \u0151k csak tudj\u00e1k, hogyan lehet j\u00f3 keres\u0151 interface-t \u00f6sszerakni. Mely oldalak ezek? <a href=\"http:\/\/google.hu\">Google<\/a>, <a href=\"http:\/\/bing.com\">Bing<\/a>. Ha megn\u00e9zz\u00fck mindk\u00e9t oldal design-j\u00e1t, el\u00e9g egy\u00e9rtelm\u0171 a hasonl\u00f3s\u00e1g: Minim\u00e1l design. K\u00f6z\u00e9pen egy nagy beviteli mez\u0151 egy keres\u00e9s gombbal meg egy log\u00f3 (ok\u00e9, mindkett\u0151n\u00e9l lehet be\u00e1ll\u00edtani h\u00e1ttereket, de ez jelenleg nekem nem sz\u00e1m\u00edt). \u00c9s ennyi&#8230; Sz\u00f3val, ha keres\u00e9sen alapul\u00f3 rendszert szeretn\u00e9k \u00f6sszehozni mi\u00e9rt ne ilyen legyen? \u00c9n m\u00e9g annyival feldobn\u00e1m a dolgot, hogy mondjuk egy 3*3 div-b\u0151l \u00e1ll\u00f3 rendszerben a beviteli mez\u0151 al\u00e1 felsoroln\u00e9k kiemelt ingatlanokat. A random f\u00fcggv\u00e9ny meg beseg\u00edt ha t\u00f6bb kiemelt lenne 9-n\u00e9l.<\/p>\n<p><a href=\"https:\/\/petercsonka.com\/wp-content\/uploads\/2015\/05\/58700e06f68f1c00a90b369cf62ca90a.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-thumbnail wp-image-287\" src=\"https:\/\/petercsonka.com\/wp-content\/uploads\/2015\/05\/58700e06f68f1c00a90b369cf62ca90a-300x300.png\" alt=\"Piramis-Ingatlan-S\u0102\u02c7rv\u0102\u02c7r\" width=\"300\" height=\"300\" \/><\/a>Ezzel az \u00faj \u00f6tlettel felvillanyoz\u00f3dva elkezdtem tervezgetni a lapot (pl kital\u00e1ltam, hogy egy ingatlanos adatb\u00e1zis eset\u00e9n c\u00e9lszer\u0171bb, ha nem egy beviteli mez\u0151 van, hanem 3-4 leny\u00edl\u00f3 lista, maximum az \u00e1rnak egy beviteli mez\u0151). Azt\u00e1n beugrott, hogy k\u00f6r\u00fcl kellene n\u00e9zni a nagyobb ingatlanos weblapokon, \u0151k milyen rendszereket k\u00e9sz\u00edtettek. <a href=\"http:\/\/www.google.hu\/search?q=ingatlan\">Google keres\u00e9s, ingatlan kulcssz\u00f3ra.<\/a> Els\u0151 tal\u00e1lat: ingatlan.com. \u00c9s szembe n\u00e9zett velem egy az egyben az \u00e1ltalam kital\u00e1lt rendszer&#8230; V\u00e9gigkattintgattam p\u00e1r tov\u00e1bbi tal\u00e1latot is, de ott &#8222;norm\u00e1lis kin\u00e9zet\u0171&#8221;, val\u00f3di design-nal rendelkez\u0151 lapok voltak, de az ingatlan.com megsz\u00f3lal\u00e1sig olyan volt, mintha a fejemb\u0151l pattant volna ki.\u00a0V\u00e9g\u00fcl \u00fagy d\u00f6nt\u00f6ttem, hogy ha \u0151k az els\u0151k az ingatlan kulcssz\u00f3ra az orsz\u00e1gban, tudj\u00e1k mit csin\u00e1lnak. \u00c9s ha magamt\u00f3l kital\u00e1ltam gyakorlatilag az \u0151 rendszer\u00fcket (a vil\u00e1g legt\u00f6bb egyedi l\u00e1togat\u00f3j\u00e1t bonyol\u00edt\u00f3 weblapja, a google \u00e1ltal inspir\u00e1lva), akkor csak nem lehet rossz \u00f6tlet \u00e9s \u00e9rdemes lenne megcsin\u00e1lni.<\/p>\n<p>\u00dagyhogy belev\u00e1gtam az els\u0151 minimal designos weblapom k\u00e9sz\u00edt\u00e9s\u00e9be. Egy nap alatt siker\u00fclt a fenti k\u00e9pen l\u00e1that\u00f3 eredm\u00e9nyt megsz\u00fcln\u00f6m. Term\u00e9szetesen ez m\u00e9g csak\u00a0struktur\u00e1lisan\u00a0van k\u00e9sz, tartalmilag teljesen \u00fcres, de mutatja, hogy nagyj\u00e1b\u00f3l meddig jutottam. A lap m\u00f6g\u00f6tti rendszer m\u00e9g el\u00e9gg\u00e9 semmilyen, vannak nagy \u00fcres foltok, ezek befoltoz\u00e1sa lesz a j\u00f6v\u0151 h\u00e9t feladata.<\/p>","protected":false},"excerpt":{"rendered":"<p>El\u00e9g j\u00f3l haladt a Piramis S\u00e1rv\u00e1r \u00faj rendszer\u00e9nek k\u00e9sz\u00edt\u00e9se. Egy viszonylag mutat\u00f3s design lett \u00f6szedobva \u00e9s al\u00e1 pedig egy komolyabb sql adatb\u00e1zis rengeteg rekorddal, hogy \u00f6sszetettebb keres\u00e9seket is lehessen futtatni. Beismerem el\u00e9gg\u00e9 sietve k\u00e9sz\u00fclt az eg\u00e9sz rendszer, a kin\u00e9zeten nem nagyon volt t\u00f6k\u00f6l\u00e9s&#8230; Ugyanakkor voltak vele k\u00e9ts\u00e9geim is, mert nem tetszett k\u00fcl\u00f6n\u00f6sebben. Tapasztalatb\u00f3l tudom, hogy ha a saj\u00e1t lapom nem tetszik, akkor ott nagy g\u00e1z van (\u00fagy fest ennyi \u00e9rz\u00e9kem az\u00e9rt van a dologhoz). Az is beugrott, hogy milyen p\u00f3rul j\u00e1rtam a Bababolt rendszer\u00e9vel is: sz\u00e9pen m\u0171k\u00f6d\u00f6tt, csak a felhaszn\u00e1l\u00f3 bar\u00e1tt\u00f3l volt messze az interface. \u00dagyhogy neki\u00e1lltam itt is elgondolkodni,&#8230;<\/p>\n","protected":false},"author":1,"featured_media":287,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[20],"tags":[34,35,17,36,18,37,19],"class_list":["post-223","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-weblap","tag-google","tag-interface","tag-inwetech","tag-minimal-design","tag-munka","tag-piramis-ingatlan","tag-web"],"_links":{"self":[{"href":"https:\/\/peter.csonka.hu\/hu\/wp-json\/wp\/v2\/posts\/223","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/peter.csonka.hu\/hu\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/peter.csonka.hu\/hu\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/peter.csonka.hu\/hu\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/peter.csonka.hu\/hu\/wp-json\/wp\/v2\/comments?post=223"}],"version-history":[{"count":2,"href":"https:\/\/peter.csonka.hu\/hu\/wp-json\/wp\/v2\/posts\/223\/revisions"}],"predecessor-version":[{"id":606,"href":"https:\/\/peter.csonka.hu\/hu\/wp-json\/wp\/v2\/posts\/223\/revisions\/606"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/peter.csonka.hu\/hu\/wp-json\/wp\/v2\/media\/287"}],"wp:attachment":[{"href":"https:\/\/peter.csonka.hu\/hu\/wp-json\/wp\/v2\/media?parent=223"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/peter.csonka.hu\/hu\/wp-json\/wp\/v2\/categories?post=223"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/peter.csonka.hu\/hu\/wp-json\/wp\/v2\/tags?post=223"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}