|
ápr
20
|
|
 A WebPillangó eddigi bő féléves pályafutása alatt született néhágy olyan bejegyzés, ami iránt szépen gyarapodott az érdeklödők száma. A bejegyzés célja egy helyen összegezni ezeknek a bejegyzéseknek a krémét, témától függetlenül, legyen az photoshop, webdesign, web programozás vagy bármi egyéb kiegészítő, mint például a Magyar-Angol, Angol-Magyar Photoshop szótár program formájában megvalósítva.
A csemegézést a legtöbbet értékelt és a legjobb értékelést szerzett bejegyzésekkel kezdem. Az értékelést a bejegyzések alján lehet elvégezni a csillagokat használva. A legtöbb szavazatot a Retró kép készítése segédlet kapta. A legjobb értékelést pedig a WebPillangó Photoshop szótár.
A Google Analytics szerinti, a WebPillangón, a top tartalom (top content) a következőkből áll:
Elolvasom a teljes bejegyzést »
|
|
dec
09
|
|
Ahogyan azt a fórumon is írtam, pénteken (2007. december 7.) kapott helyet a negyedik Microsoft Academic Tour a Kolozsvári Műszaki Egyetem keretein belül. Minden elismerésem a szervezőknek. Ezúttal a fő hangsúly a webes technológiákon volt, de nem csak! Négy fő témára volt tragolva az egész: LINQ, Cornel Raţ előadásában, majd ezt követően az ASP .NET 3.5 és AJAX Adrian Mureşean közreműködésével. Ez után egy kis szünet, majd jöhetett a Microsoft büszkesége, amit a Macromedia (most Adobe) Flash ellenfelének szán: Silverlight 1.0 és 1.1 (2.0) Ioan Cretz Lazarciuc bemutatásában. A záró előadást Tudor Salomie tálalta: Project Astoria.
Elolvasom a teljes bejegyzést »
|
|
nov
26
|
|
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 »
|
|
nov
25
|
|
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
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 »
|
|
nov
23
|
|
 Az 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 »
|
|
nov
21
|
|
 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 »
|
|
nov
03
|
|
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 »
|
|
okt
18
|
|
A web 2.0 világában élünk és sok szép, úgynevezett glossy effektes dolog létezik, minden csillog villog. Valamelyest ebben jelentkezik, grafikai szinten a web 2.0. A következő leírásban egy, a Windows Live navigációs menüjéról mintázott, üveges hatású menü elkészítését fogod elsajátítani.
Kezdésnek hozzunk létre egy új, fehér hátterű dokumentumot, lehetőleg téglalap alakút (500×60px). Hozz létre egy új réteget a menü alapjának elkészítésére. Válaszd a Rectangular Marquee eszközt és készíts egy kijelölést, amekkorára a menüt akarod készíteni, pl. 480×40px, majd színezd ki a következő színnel: #005b95. A kellő effektelés érdekében végezd a következőket: Layer / Layer Style / Gradient Overlay a következő színekkel (balról jobbra, vagyis a világosabb szín legyen felűl): #2473a5, #005b95, #3585b9, #7eb1d2. Egy Stroke effekt is kell, a következő paraméterekkel: 1px széles, outside, opacity (láthatóság) 100%, a szín pedig #003150.
Elolvasom a teljes bejegyzést »
|
|
szept
16
|
|
 Rég volt már, amikor legelső Photoshoppos szövegeffektemet készítettem. Most az eredeti képeket szeretném megosztani veletek, természetesen leírom azt is, hogyan jutottam a semmitől a megadott képig.
Az első lépés egy új dokumentum készítése, én egy 300 x 100 képpontost (pixel) használtam, fehér háttérszínnel. Ezt követően, a Type tool segítségével, írsz egy szöveget a #ffaa00 kodú színt használva. Amiután készen van a szöveg, elkezdheted az effektelést, a formalist. Válaszd a Layer/Layer Style/Stroke opciót. Használj egy 3 képpont vastag körvonalat, amelynek a áttetszősége legyen maximális (vagyis teljesen átlátszó, hogy a háttérszín látszodjon). Azért van erre szükség, hogyha nem egyszínű hátteret használsz, látszoljon át a mintázat is. Majd az Outer Glownál (ugyancsak a Layer/Layer Style menüben találod) használd a képen látható paramétereket.
Elolvasom a teljes bejegyzést »
|
|
|
