2012. ápr. 16.

Responsive web


Szakmai post következik!

Nézzük, mi is a legnagyobb probléma a weboldalaknál? Az, hogy nehéz minden eszközre optimalizálni azt. Gondolok a különböző méretű monitorokra, okostelókra, tabletekre! Mindegyik más és más felbontású.
Az öregiskola ugye arról szólt, hogy a legelterjedtebb felbontás az 1024x768 px, és ezért mindenki 960 grid system-ben dolgozott! (Legalábbis a kicsit is felkészültek! )

No, ez most ott bukik meg, hogy ez a felbontás már nem olyan elterjedt. A napokban olvastam egy tanulmányt, hogy  a laptopok felbontása átvette a vezetést, ami 1366 x valamennyi pixel. Akkor mostmár szélesebbre kell tervezni az oldalakat? Nem hiszem, mert elég sok eszköz van, ami ezt a felbontást használja még mindig! Gondoljunk csak az istenített Ipad-ekre! (Első és második generáció!)

csoszgabor.hu responsive webdesign

Itt jön képbe a responsive webdesign. Mi is ez?

Rágugliztam, szó szerint a responsive ezt jelenti:
"fogékony, készséges, válaszoló, érzékeny".
Én inkább azt mondanám, hogy felbontás független! A lényege annyi, hogy nem középütt jelenik meg a tartalom, hanem a monitor minden részét kihasználja.

Ez nyilván látványos, tetszetős is. De józan paraszti ésszel átgondolva, azért ez nem mindenhol praktikus.
Gondoljuk csak át, van egy cikkünk. És ha az végig fut az egész monitoron, azt nem biztos, hogy jó elolvasni. (Bár, akik ilyen oldalakon cikkeznek, a szöveget mindig külön fix szélességű div-be rakják, és azt float-ják! De szerintem ez se túl praktikus. Nézzünk rá a két legnagyobb hírportálra. Azok se használják ezt!)

Én inkább azt mondanám, hogy ez a technika (az én elgondolásomban!!!) jelenleg az egyszerűbb, bemutatkozó oldalaknál lehet egy új alternatíva (Vagy más az is!). Egy webshop nem biztos, hogy felhasználóbarát lenne így! Szerintem, ez az új változata a régi Flash-es oldalaknak! Viszonylag kevés menüpont, inkább a látvány a lényeg!

A responsive web azért nálam felvet néhány kérdést is. A képi elemeknek mekkora felbontásúaknak kell lenniük? Meg kell valahol húzni egy határt felbontásba, amire mi már nem akarunk fejleszteni? Vagy lassacskán elérjük a sokezerszer sokezres felbontást, akkor a képeket vektorosan használjuk!!!???
Most minél kisebb méretű oldalakra törekszünk. Ezzel mi lesz? Egy nagyobb kép, akár lehet 1-2 mega is!
Sok még a kérdés!

Én jelenleg úgy gondolom, hogy a tartalmi elemek, kb. 1920px szélességéig "folynak" ki, a fölött csak a háttér ismétlődik majd! De ez is csak ideig-óráig elég!

Előkészületben van a csoszgabor.hu weboldal, ami már e szabályok szerint fog felépülni. A látványterv kész, jelenleg tesztelem, hogy minden környezetben jól működjön a terv. Ha ilyen tempóban haladok, akkor jövő ilyenkorra el is készülök vele! :)

Amikor már más lesz a trend!

Ha valakinek más a véleménye, vagy okosabb a témában mint én, akkor kommenteljen, mert abból tudok tanulni!

2012. márc. 20.

Három

Megint nem írtam semmit, mert el vagyok havazva! A melóhelyen (Kaméleon Dekor) "előléptettek" 8 órába, aminek vannak előnyei és hátrányai is. Hátránya, hogy az egyéb tevékenységekre vajmi kevés időm van. Ennyit a bevezetésről!

Webesként sok emberrel találkozom, és néha belefutok igen láma kérdésekbe is. Íme ezek közül három:

  1. Látványterv prezentálása: "A szöveg ugye lehet más majd?" (Lorem ipsum)
  2. Látványterv prezentálása: "Azt ne oda rakd!" Megindokoltam, hogy miért is került oda az a valami, majd jött a válasz: "Én 20 éve reklámokat adok el, jobban tudom!" Legyen...
  3. A kedvencem, amikor egy végtelenül antipatikus cégnél voltam, mert ablakot akartak matricáztatni, és mondtam, hogy hát igazából én webes vagyok, erre jött a kérés: "Szar a netünk, állítsad már be!"

Sok-sok kedves történetem van, de igazából azért soha nem röhögnék ki senkit, mert nem ért ehhez a szakmához. Én se tudok hegesztetni, esztergálni stb. Az első sztori kivételével, inkább az emberi hülyeség, butaság, rosszindulat, nagyképűség volt az érdekes. Az első szimplán aranyos volt!

Készül elég régóta egy post, ami "szakma magyarázat" lesz. Hogy melyik webes titulus mit is takar. Hátha a laikusoknak így könnyebb lesz majd ezt az egészet átlátni. Addig puszi!

2012. febr. 20.

Lépésről-lépésre...

Hétvégén, feltettek nekem egy kérdést, amit elég sokszor kérdeztek már tőlem és eléggé dühít.
Milyen szerkesztőt használsz?
A kérdező nem pusztán a HTML editor program nevére volt kíváncsi, hanem ő abban tudatban élt, hogy a weboldalak úgy készülnek, hogy jobbra-balra kattint, és kész az oldal. Nyilván ezért nem haragszom, csak szeretném letisztázni, hogy egy egyszerű, statikus oldal miképpen is születik meg. Vegyük végig az én munkafázisaim lépéseit.


  1. Személyes beszélgetés az ügyféllel: elmondja, hogy mi az oldal célja, mit szeretne az oldallal elérni. Segítek neki megtalálni a legegyszerűbb és legfunkcionálisabb utat a látogatók elérésére. Átbeszéljük, hogy milyen legyen az oldal, hány menüponttot hozzak létre stb.
  2. Látványterv: Az interjú alapján készítek egy tervet. A tervben próbálok minden eshetőségre gondolni. Képek, szövegek elrendezésre. Ebből csinálok egy képet, amit behúzok böngészőbe, hogy a kunde lássa, milyen is lesz az oldal, ha valaki megnyitja azt. Ezután jön a finomítás a terven.
  3. Site-building: itt a kódolás ideje. Ezt egy egyszerű notepaddal is el lehet végezni! (De akkor inkább ez!) A különböző editorok (pl.: Dreamweaver) csak segítenek az embernek. Ha elkezdesz valami gépelni, bedobják a kódrészlet végét, a CSS fájlokat összekapcsolják a HTML fájlokkal. Ez mind igen nagy segítség, de nem egyenértékű Word doksi megírásával...
  4. Adat feltöltés: a kapott anyagot beszúrom-beillesztem a az oldal vázába. Itt még egy nagy rakás munka szokott rám várni, mert itt derül ki, hogy mégsem gondoltam mindenre. :)


Hát, kb. ennyi egy oldal megszületésének a története. Ez -tartalomtól és bonyolultságtól függően- 2-4 hetet vesz igénybe.
Nem akarom a webességet túl lihegni, mert nem megtanulhatatlan, de szeretném, ha az emberek nem is fitymálnák le.

Közhely, de igaz: weboldalt szinte bárki tud csinálni, de jó, keresőbarát és funkcionális weboldalt már azért annyian nem tudnak...

2012. febr. 13.

Tanulság!

Okuljon e rövid kis történetből mindenki...

Történt, hogy múlt héten (csütörtök) gyomorrontásom volt, és a WC-től nem igazán bírtam elszakadni, pedig másnap mennem kellett Pestre egy szemináriumra. Gondoltam, valahogy megoldom majd.

Délelőtt csörgött e telefonom. A hívó fél közölte, hogy van egy közös ismerősünk, és weboldalt szeretne. Mondtam neki, hogy sajna a mai napon nem tudok elmenni hozzá, mert nem vagyok jól, másnap pedig nem tartózkodom a városban, de szombaton készségesen állok a rendelkezésükre. Megbeszéltük, hogy visszacsörög másnap, és lefixáljuk. Nem hívott! Nem hívott szombaton.

Hétfőn gondoltam megcsörgetem. Kérdezem, hogy mi újság? A válasz az volt, hogy megcsináltatták mással! (Megjegyezném; hogy tudok rohadt gyors is lenni, ha arról van szó, de három nap nekem is kevés az igényfelvételétől az oldal átadásáig!)

A tanulság, ha hívnak, akkor menni kell. Még ha össze is fosod magad az ügyfél előtt! :)

 

2012. febr. 9.

Ingyen honlap és társai...

Tejfakasztón vettem szombat este részt. Elég korán eljöttem, többek közt azért, mert másnap korán reggel fontos munkám volt. Hívtam taxit, és amíg vártam, átfutottam a vendéglátóhelyen található hirdetéses tányéralátétet. Weboldal 20 000 Ft-tól...
Alatta semmit mondó érvek:
- Csak egyszer kell kifizetni,
-Több információ fér el rajta, mint egy szórólapon
és hasonló okosságok.
Elgondolkoztam. Érdemes mérgelődni, idegeskedni ezen? Vagy érdemes ezzel foglalkozni? Érdemes folyamatosan képezni magam? Azért, hogy kóklerek leverjék az árakat!


Vagy bizzak magamban, és csináljam azt amihez értek? Hmmm...?

2012. febr. 4.

Az elmúlt egy év...


Jó rég nem postoltam itt már semmit. Kicsit temettem is blogot, de mindig egy kicsit éreztem a hiányát, hogy írjak. Mer' az olyan jó volt. Most újra neki rugaszkodok.

Ezért kicsit rendbe kaptam az oldal kinézetét, feldobtam rá az új és végleges (!!!) logómat. Meglátjuk, tényleg ez lesz-e a végleges! (Több verziója van, több színben. Szóval mind hivatalos! :D)

A cél most ugyanaz, heti egy post, lehetőleg szakmai jelleggel. Ha becsúszna egy két off téma, azt jelölöm, ahogy eddig is. És nyilván lesznek idegből írt postok is. Csak hogy kiírjam magamból...

Az utolsó szakmainak nevezhető cikkecském 2010.12.13-án jelent meg. Az pedig nem most volt.
A címe "Amikor az ügyfél hülyeséget akar... part II" volt. Na, ennek biztos lesz folyatása! :)

Azóta elfogyasztottam 2 munkahelyet, és most a harmadikat taposom, remélhetőleg jó sokáig. Ez szakmába is vág, ezért nagy a bizodalmam benne.
Elvégeztem egy SEO tanfolyamot, folyamatban van egy AdWords tanfolyam, és rengeteg autodidakta tanulás van mögöttem.

Ennyit bevezetésnek. Akkor, jövő héten találkozunk!

2011. ápr. 9.

Mér'? - 03

MÉR' van még a Explorer 50% körül, amikor az egy szar! És én is elugattam már mindenkinek kismilliószor!
Használj "alternatív" böngészőt!
Segítségnek:
Chrome
Firefox

2011. ápr. 8.

Mér'? - 02

Asszondta nekem még régebben a szomszéd néni:
-Amikor bejössz, vigyázz, hogy ne csapódjon be az ajtó!
-Vigyázni szoktam! - mondtam én.
-Tudom!

De akkor MÉR tetszett szólni?

2011. ápr. 6.

Mér'? - 01

Akkor, az első kurva hangos mééér' kiáltásom oka a következő:
Ha van saját domain neves weboldalad, akkor MÉR' a citromailes vagy freemailes mail címedet írod ki az autódra, névjegyedre, weboldaladra?

Mér' nem csinálsz info@sajatdomain.xx e-mail címet, amit a jól megszokott leveleződben ürítesz?

MÉR'?