Webdesign Blog

December
05
2011

Az Év Honlapja 2011 nyertes 4

Az Év Honlapja 2011 nyertes

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! ;-)

Related links:

http://www.azevhonlapja.hu

October
26
2011

Magyar Apple Store teszt 0

Magyar Apple Store teszt

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.

Related links:

http://store.apple.com/hu

October
06
2011

Meghalt Steve Jobs 0

Steve Jobs 1955-2011
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.

Responsive webdesign pár mondatban 4

Reszponzív webdizájn (Responsive webdesign). Mostanában a csapból is ez folyik a nyugati design szférában. Miről is van szó? Mi is ez pontosan? Lássuk hát.

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.

Responsive web design

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 reszponzív webdizájn (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 reszponzív webdizájn-nak (responsive webdesign):

  1. Rugalmas layout (liquid):

    A weblap kulcsfontosságú struktúrális elemeinek mindenképpen rugalmas méretezésüeknek kell lenniük, hogy a különböző képernyő méreteken tudjon csökkeni , vagy nőni a méretük

  2. Rugalmas méretarányos képek:

    Természetesen a képeknek is rugalmasnak kell lenniük a különböző képernyő méretek miatt

  3. CCS media query:

    Gyakorlatilag az új technológia lényege. A CCS media query segítségével tudhatjuk meg a weblap látogatója által használt készülék képernyőjének méretét (és még egy csomó minden mást is), amik alapján módosíthatjuk a weblapunk megjelenését, mindezt javascript használata nélkül

  4. Javascript:

    Amennyiben a régebbi böngészőkben is akarjuk a reszponzív webdizájn (responsive webdesign) előnyeit használni, akkor szükség lesz a javascriptre, tehát végülis nem tudjuk megkerülni

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.

Related links:

http://www.abookapart.com/products/responsive-web-design
http://mediaqueri.es/

September
08
2011

Hálóterv készítés a Google Docs-al 0

Hálóterv készítés a Google Docs-al

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ő:

  1. Folyamtosan elérhető és frissíthető a dokumentum, akár teljes csapatok tudnak egyszerre dolgozni rajta, köszönhetően a Google erejének
  2. A hálótervek a cloud-ban helyezkednek el, ezért bárhonnan bármikor elérhetőek, nincsennek lejárt dokumentumok
  3. Az adatvesztés lehetősége 0, hiszen folyamtosan mentés történik minden egyes módosításkor
  4. A legtöbb ember rendelkezik Google accountal, ezért nem kell regisztrálniuk, megismerni a szoftvert
  5. Ingyenes!
Az alábbi linken található jó pár profi hálóterv template, amiket egyszerüen és gyorsan felhasználhatunk a tervezéseinkhez.

Related links:

https://docs.google.com/templates?q=%23wfkit

Összes 5 oldal  < 1 2 3 4 >  Last ›

Helló

Ez Bakos Szabolcs szabadúszó webdesigner porfólió blogja. Ha kiváncsi vagy rá itt többet megtudhatsz róla vagy akár a portfóliójába is belenézhetsz. Amennyiben design, webdesign munkád lenne számára, vagy tanácsadásra van szükséged, nyugodtan vedd fel vele a kapcsolatot.

Twitter üzenetek

Kövess Facebookon!