Díjnyertes webdesign, díjnyertes webdesigner. Örömteli hír, hogy a 2011-es "Az Év Honlapja" díjon a személyes kategóriában nyertem a weblapommal. A díjátadóra sajnos nem tudtam elmenni, mert dolgoznom kellett, majd jövőre! ;-)

Az elmúlt jópár évben megfordultam szinte az összes hazai Budapest Apple dealernél. Sőt a rettegett Almárium Pro Apple szervízben is megfordultam párszor. Sajnos nagyon rosszak a tapasztalataim, szinte mindehol megpróbáltak lerántani. Amíg vásároltál mindenki kedves volt, utánna elfelejtettek gyorsan, ha valami probléma lépett fel. Ez volt a jobbik eset. A rosszabbik az volt amikor kedvesen akarták a hibás terméket eladni. Érdekes, hogy az Almárium Pro szervizzel (hivatalos szervíz) nekem csak jó tapasztalataim vannak, persze lehet azért mert keményebben kommunikáltam velük, az elejétől fogva, miután elolvastam pár oldalnyi rémtörténetet róluk. Mindegy. Örömmel fogadam ezek után az online magyar Apple Store megnyitását.

Gyorsan le is teszteltem A 2009 mid Macbook Pro-mnak deformálódott az aksija és nyomta lefelé a házat, felfelé pedig a touchpadot, ezért egy idő után nem tudtam azt sem használni. A vásárlás menete egyszerü, ha van Apple ID, akkor pár kattintás az egész, ha nincs akkor pár formon keresztül megoldható a termék rendelése. Minden tiszta átlátható, gördülékeny. A zsetont a magyar webshopokkal elentétben egyből vonja, nincs bohóckodás.

Gondoltam, vállaljuk be és megrendeltem az aksit. Az ügyintézés egyszerű és gyors volt, a zseton levonódott, a terméket pedig hozták a második nap reggelén. Sajnos a számlát nem találtam a dobozban, ezért hívtam a segélyvonalat, ahol közölték pár nap múlva fog érkezni emailben. Ennyi. Pipa. Ügyintézés 5-ös.

Elfelejthetem végre a sok gyökér pesti dealert.

Az Apple elvesztette látnokát és kreatív géniuszát, a világ pedig egy csodálatos emberrel lett szegényebb. Mindazon szerencsések, akik ismerhettük és együtt dolgozhattunk Steve-vel egy jóbarátot és inspirációt adó mentort vesztettünk el. Steve egy olyan vállalatot hagyott hátra, amit csakis egyedül ő volt képes felépíteni, és lelke örökké az Apple alapja marad.

A Webdesign eddig arról szólt, hogy van a weblapoknak egy optimális mérete, az adott monitorok optimális felbontásához méretezve, ami az évek során a monitorok felbontásának növekedésével szinkronban nőt.

Igen ám, de közben megjelentek az okostelefonok (Iphone és társai) a táblagépek (Ipad és társai), és az internet böngészővel rendelkező kütyük (MP3 lejátszók, multimédiás TV-k, stb). Természetesen az összes felsorolt eszköznek más a felbontása.

Mi tesz jelenleg aki szeretné hogy mobileszközökön is böngészhető legyen értelmesen a weboldala? Csináltat külön weboldalt mobilra optimalizálva, ha sok pénze van akkor csináltat tabletre is egyet. Egyszerű ki kalkulálni, hogy ez semmiképpen sem hatékony, sem anyagilag sem a belefektetett munka szempontjából. Mit lehet akkor tenni?

Itt jön a képbe ez az új megoldás a responsive webdesign, ami gyakorlatilag arról szól, hogy egy weblapunk van ami minden eszközön megfelelően jelenik meg, megfelelően olvasható. Gyakorlatilag a webdesigner-nek 3 vagy több nézetet kell terveznie a weblapon található elemek csökkentésével, növelésével, eltüntetésével trükközve, a különböző képernyő méretekre optimalizálva.

Technikailag négy kulcs eleme van a responsive webdesign-nak:

Nagy vonalakban ennyi. Én már elkezdtem a technológia tanulmányozását, melyben nagy segítségemre van Ethan Marcotte: Responsive Web design című könyve. Akit érdekel a téma az alábbi linkeken megrendelheti a könyvet, illetve a második linkre kattintva tanulmányozhatja a legmenőbb responsive webdesign-al készült weblapokat is.

Elég gyakran szoktam webes felületeket tervezni, hiszen ezzel foglalkozom a nap 24 órájában :) Véleményem szerint a hálóterv készítés (wireframing) a legjobb megoldás, bármilyen webes felületet is szeretnénk tervezni.

Hálóterveket készíthetünk szinte bármivel: Word, Excel, Photoshop, Illustrator, Visio, Omnigraffle, Axure, a lényeg, hogy átlátható legyen a terv. Nemrég találtam egy új megoldást, ha egyszerüen és gyorsan akarunk hálótervet készíteni. Ez nem más mint a Google Drawings.

Összehasonlítva a Google Docs-ot a professzionális hálóterv készítőkell (Omnigragffle, Visio), a következő előnyök jöttek elő:

Sokan nem értik mire jó az Ipad. Rengeteg mindenre, ezt nem szeretném most felsorolni, én egy szabadúszó webdesigner szemszögéből fogom most nézni a dologokat. Sokszor felmerült az a probléma, ha elmentem tárgyalni cipelnem kellett magammal a Macbook Pro-t. Nem is súllyal voltak a gondok, hanem például egy pláza kávézójában sok helyet elfoglalt az asztalon, valamint kényelmetlen volt mutogatni rajta a dolgokat.

Itt jön képbe az Ipad. Kicsi könnyű és egyszerüen lehet vele prezentálni, mindamellett a technológia sokszor lenyűgözi a leendő ügyfeleket. Felmásolhatjuk rá a portfóliónkat, elérhetjük rajta keresztül az otthoni számítógépünket, valamint egyszerűen és könnyen mutogathatunk weblapokat az interneten.

Hamarosan befogom mutatni a leghasznosabb App-okat, melyek segíthetnek abban, hogy az Ipad hasznos munkaeszköz legyen egy szabadúszó webdesigner számára.

Webdesigner bárki lehet egy kis gyakorlással és weblapot is bárki tud tervezni, viszont használható weblapot már kevesen.

Attól hogy valaki grafikus, (amit iskolában, szakkörön, vagy magától tanult) még nem biztos, hogy ért a webdesign-hoz. Használható weblapot csak olyan grafikus tud készíteni, aki nagy tapasztalattal bír ezen a területen.

Tapasztalatból tudom hogy webdesign-hez mindeki ért, az első bökkenő akkor történik amikor a programozó visszadobja a tervet, hogy nem lehet azt megvalósítani értelmesen. A rosszabb eset az, amikor már elkészült az oldal, de nem hozza a várt adatokat, mert nem a célközönségnek készült.

Mit is kell tudnia egy profi webdesigner-nek:

• A profi webdesigner-nek ismernie kell a felhasználói szokásokat, a webergonómiát, hogy használható weblapokat tudjon tervezni
• A profi webdesigner-nek ismerni kell a webes szabványokat
• A profi webdesigner-nek úgy kell tudnia weblapot terveznie, hogy az programozásilag is megvalósítható legyen
• A profi webdesigner-nek ismernie kell a CSS és HTML nyelveket
• A profi webdesigner-nek fejből fújnia kell a webes tipográfiát
• A profi webdesigner-nek nem árt, ha van szép érzéke és tisztában van az aktuális web design trendekkel
• A profi webdesigner-nek fel kell tudnia mérni az ügyfele igényeit és mindig a legoptimálisabb webes megoldásokat javasolnia a felmerülő problémákra

A HTML5 a HTML következő jelentősen átdolgozott változata. Ha nem vagy képben mik a változások újdonságok a HTML5-ben, akkor jó helyen jársz. Fáradságos munkával összegyüjtöttem az interneten fellelhető leghasznosabb HTML5 forrásokat.

Szivesen fogadok minden olyan linket, ami hasznos lehet, de én nem tettem be a listába.

Kellemes mazsolázást!

Magyar HTML5 linkek

HTML5 segédletek