A Web 2.0 designer szemmel (harmadik rész)

Írta: | 2007. november 28. | kategóriák: Blogolok, Design, Web | Nincs megjegyzés

Ízléses web 2.0A webkettes design elemek leírása elég hosszúra sikerült. Az elöző részekben szó volt a lényeges, nagy elemekeről. A jelen, harmadik és talán befelyező részben az apróságokra próbálom fektetni a hangsúlyt. Mint afféle bevezetés, megragadnám a lehetőséget egy, az elöző leírásokban nem szereplő, nagy elem ecsetelésére. Arról van szó, hogy minden webkettes oldalon megfigyelhetőek az elkülönített részek a tartalmi egységeben is. Reményeim szerint ezt a tulajdonságot tovább boncolva minden említésre érdemes elemet érinteni fogok.
A részek elkülönítése nagyon egyszerű dolog (nak tűnhet): fogok egy oda nem illő háttérszínt, nem találó szövegelemeket és készen is vagyok. Rossz! A lényeg, hogy megtartsuk az oldal áttekinthetőségét, egyszerűségét, vagyis a letisztultságot. Első lépés, hogy különítsük el az állandó navigációs elemeket. Ez álltalában a főmenü. Használjunk a designba találó, de mégis összetéveszthetetlen formákat és színeket, tisztán olvasható betűket az elkészítéshez. Ez azért fontos, hogy tudassuk a böngésző személlyel, hogy: hol van és hová mehet.

Elolvasom a teljes bejegyzést »

RE: Mitől jó egy blog?

Írta: | 2007. november 26. | kategóriák: Blogolok, Web | 4 megjegyzés

A hasonló címmel olvasható egy bejegyzés Harder oldalán, ugyanis ő adta az ötletet! Ebben a témában már több bejegyzés is van az oldalon, de talán még egyik sem szólított Téged a visszajelzésre. Ez a bejegyzés most nem arról szól, mint a Hogyan blogoljunk, vagy a A webdesignerek hét bűne, hogy csak a legtalálóbbakat említsem. A bejegyzés lényege, hogy mond el mit szeretsz Te, vagy mit szeretnél látni egy blogon, vagy éppen a WebPillangón!
Én is írok egy rövid kritérium listát, miszerint szoktam blogot olvasni, vagy mi az, amitől nyomba elmegy a kedvem. Elsősorban a tartalom az, ami megfog. Nem kell feltétlenül egy olyan témája legyen, ami a favoritomba tartozik, de az írási mód az valami egyedi kell legyen.

Elolvasom a teljes bejegyzést »

A Web 2.0 designer szemmel (második rész)

Írta: | 2007. november 25. | kategóriák: Blogolok, Design, Web | 5 megjegyzés

Az első részben szó esett az általános jellemzőkről, az oldal elrendezéséről, méreteiről és a szövegek formálásáról. Ez a rész egy más megközelítésből szemlélteti a webkettes karaktersziszikákat.

Pozitív egyszerűség

Elkülönített fejléc

Régebb is említettem, hogy az egyszerűség egy etalon a web 2.0 világában. Ezt most mélyebben is elemezném: mit is értek a pozitív egyszerűség alatt. Vegyük alapul a valós életet: ha van egy megoldásra váró feladat és két megoldási lehetőség, melyiket választjuk? Természetesen az egyszerűbb nyeri el a tetszésünk! Így van ez a weben is: a böngészőt nem érdekli, hogy mennyi mindent lehet belemocskolni egy jó, tartalmas, weboldalba. A látogatókat a tartalom érdekli; az, hogy egyszerűen megtalálja, szinte elvárássá vált.
Ha például egy weboldalt teleszúrkálunk mindenféle widgettekkel, annak nem lesz jó vége, mivel a látogató a csicsás dolgokra fog odafigyelni és nem lesz már türelme/ideje az igazi tartalom megtalálására. A hasonló kellemetlenségek elkerülésére több egyszerüsítő módszer is van a gyakorlatban. Egy bevált eljárás, ha eltüntetjük a fő tartalomhoz szorosan nem tartozó elemeket vagy kevesebb figyelemfelkeltést biztosítunk ezeknek az elemeknek. Ugyancsak ide tartoznak a sokak szerint dekorálásnak tartott, úgynevezett webkettes megbélyegzések. Az ikonok, kitűzők és egyébb szemkápráztató elemek fő célja a figyelemfelkeltés: a fontos információra való figyelmeztetés.

Elolvasom a teljes bejegyzést »

A Web 2.0 designer szemmel (első rész)

Írta: | 2007. november 23. | kategóriák: Blogolok, Design, Web | 8 megjegyzés

Browse Happy, web 2.0 jellegzetességekAz előbbi cikkekben (web 2.0 gyorstalpaló, web 2.0 műszaki szemmel) nem került kihangsúlyozásra a webkettes esztétikum. Ebben a bejegyzésben megpróbálom körülírni és megmagyarázni a webkettő grafikai szokásait.

Általános vonások

Szinte minden webkettes weboldalon találhatunk színátmenetet, kontrasztot, letisztultságot, harmadik dimenziót, ikonokat és sok-sok szabadhelyet. Bizonyára sokan megkérdik magukban: mi az új? Talán semmi! Minden esetre, abban gondlom mindenki egyetért, hogy régen nem volt ilyen népes a jól megformált weboldalak tömege. Több dolgonak is köszönhető ez, köztük a jobb eszközöknek, a web fejlődésének, de akár az inspiratív odalaknak is! A következő részben sorraveszem a legfontosabb elemeket.

Elolvasom a teljes bejegyzést »

Margójegyzet a web 2.0 technikáiról

Írta: | 2007. november 21. | kategóriák: Blogolok, Web | 6 megjegyzés

Web 2.0 tag felhőEddig is weboldalak voltak, most is: mi a különbség? Talán sokan vannak ezzel így, de ez nem igaz! Régen is volt online enciklopédia? Régen is volt ennyi ingyenes és mégis okos, jól elkészített internetware? Nem volt, mert nem lehetett elkészíteni, vagy csak nehéz, nagy anyagi hátteret igénylő körlülmények közt.
A nagy változást az is befolyásolta, hogy drasztikusan estek a tárhelyek árai, és ez mellet, hihetetlen mértékben nöttek az internetelérhetőségek és sávszélességek is. Olcsó lett a számítógép: manapság rengeteg számítógép van a világban és a különböző programoknak hála a harmadik világ országaiba is rengeteg csomag érkezik. Nem kell softwaret sem venni (ha nincs rá pénz): minden van ingyen, létezik open source és freeware!
A fizikai változás a szellemi változást is elősegítette, sok jófejű idő és fiatal lelt szórakozást a számítógépes tanulás nyújtotta lehetőségekben. Volt aki grafikázni kezdett, volt aki a PHP és MySQL szépségét találta meg, stb. Így rohamosan fejlődött és fejlődik a technológia, amely megvalósítja a mai webkettes világhálót és, ami már építi a hidat a harmadik generációs web felé (ami valójában már a negyedik, ha az internet kezdeti formáit is vesszük).

Elolvasom a teljes bejegyzést »

Bevezetés a Web 2.0 világába

Írta: | 2007. november 18. | kategóriák: Blogolok, Web | 6 megjegyzés

Tim O?ReillyMi az a web 2.0? Fura, hogy sokan használják, de mégis csak kevesek azok, akik értik is, amit ez a kifejezés takar. Egészen pontosan senki sem tudja már, hogy mivé lett, az viszont egészen biztos, hogy ebben a blogbejegyzés sorozatban utána próbálok járni és megközelíteni az értelmét. Több szem többet lát alapon, az aktív kommentelést elvárt dolognak tekintem.
Kezdjük is a legelején: két amerikai, Dale Dougherty és Craig Line, alkották meg a fogalmat, amit majd Tim O’Reilly tett népszerűvé. A kezdetekben (2003-2004) éves konferenciák voltak, ahol megpróbálták határozni az új www trendeket. Valójában a webkettő egy forrdalmi előrelépésnek tekinthető, ami arról szól, hogy toljuk ki a határainkat és szocializáljuk a netet. Nem kell sokat törje az ember a fejét, hogyha hasonló oldalakat keres: iGoogle, Flickr, YouTube, stb.

Elolvasom a teljes bejegyzést »

WordPress SEO: permalink változtatás

Írta: | 2007. november 04. | kategóriák: Biztonság, CMS, PHP, SEO | 4 megjegyzés

Beszéltem arról, hogy mi a megfelelő permalink struktúra, de azt nem írtam le, hogyan változtathatod meg az állandó linkek szerkezetét úgy, hogy az ne rontson az oldaladon. Nos, erre vannak pluginek, amelyekkel gond nélkül megteheted a változtatást.
Egy megoldást a Permalinks migration tool for WordPress biztosít. A nagy előnye a kiegészítőnek az, hogy az oldalad továbbra is elérhető lesz a régi linken, mi több, a Google PageRankodat sem rontja. A működési elv nagyon egyszerű és hasznos. A kért oldalon egy 301es újrairányítást talál a keresőrobot, ami annyit tesz, hogy permanent redirect (vagyis végleges átirányítás) és így a bot automatikusan kicseréli a linkedet az indexben. Ezáltal a PRed sem romlik és a SEO optimalizálást is véghez viszed.

Elolvasom a teljes bejegyzést »

Hogyan blogoljunk?

Írta: | 2007. november 03. | kategóriák: Alapok, Blogolok, Web | 12 megjegyzés

Sok fejtörést okoz a kezdő blogolóknak, hogy is írjanak, mit is írjanak. A következőkben felsorolnám a legfontosabb tényezőket, amelyeket jó szemelőt tartani. Példának jeléül írjunk úgy, hogy az elérhető legyen, használjunk alt és title tagokat a képeken és hivatkozásokon. Mivel senki sem szeret óriási szövegtömböket olvasni, használj bekezdéseket és szedd gondolat szerint a szövegedet. A WordPress automatikusan felismeri a bekezdéseket, nem kell te megírjad a megfelelő HTML kódot.
A konkrét írási szokásokra térve, ajánlott a helyes írás. Épp annyira ügyelni kell az elírásokra, mint a helytelen mondatszerkezetre vagy a duplázott szavakra. Kiemelt figyelmet kell fordítani arra is, hogy mit publikálsz. Gondold át a dolgokat mielőtt írsz, mert ha egyszer megírtad és bekerült a keresőmotorokba, akkor nehéz már kimagyarázni a valós gondolatodat. Ide tartozik az is, hogy ne használj sok slanget, legyen érthető amit írsz.

Elolvasom a teljes bejegyzést »

Top 10 WordPress SEO tipp

Írta: | 2007. november 02. | kategóriák: (X)HTML, Alapok, CMS, SEO, Web | 22 megjegyzés

Mostanság elég sokat van foglalkozva a keresőmotor optimalizálással. Olvasván egy ismerősöm blogját, találtam egy érdekes bejegyzést néhány jó WordPress SEO tanáccsal. Ez adta az ötletet, hogy kicsit jobban körüljárjam a témát, így hát megszületett a top 10 SEO trükk a WordPresshez (természetesen ez csak személyes vélemény, de az biztos, hogy hasznosak).

1. Az első helyet a permalink struktúra helyes megválasztása kapta. Alapból egy szám, az nagyon keresőmotor ellenes. A legtöbben ezt használják: %category%/%postname% A probléma az, hogy ez esetben két helyen is elérhető lesz ugyanaz a bejegyzés. Ennek kijátszása nagyon egyszerű, mégis nagy előnyt nyújt. A teendő, hogy kicseréled a permalink szerkezetet úgy, hogy az egy állomány kiterjesztésnek tűnjön: /%category%/%postname%.php A php helyett ajánlott az oldalad témájának legfontosabb kulcsszavát írni.

Elolvasom a teljes bejegyzést »

WordPress kondicionális függvények

Írta: | 2007. október 27. | kategóriák: CMS, PHP, Programozás, Web | 2 megjegyzés

A feltételes tagokat arra használhatod, hogy eldöntsd, melyik oldalon mit jelenítsél meg, a látogató kérésének megfelelően. Egy egyszerű példa: bizonyára sokan látták, hogy van egy plugin, ami az admin felületen megjelenít különféle idézeteket Louise Armstrong / Hello Dolly című zeneművéből. Hogyan tudja a plugin, hogy az adminfelületről van szó? Megmondja neki az is_admin() függvény. Az is_függvények True vagy False értéket térítenek vissza, attól függően, hogy éppen teljesül a feltétel vagy sem. Az alábbiakban találsz egy listát, hogy mikor, mi térít True-t vissza, vagyis mikor igaz a feltétel.

Elolvasom a teljes bejegyzést »