Feltürt sarkú matrica készítése – Videó tutoriál

Írta: | 2011. július 25. | kategóriák: Photoshop, Speciális effektek | 1 megjegyzés

A videókban az alábbi matrica elkészítését lehet nyomon követni lépséről lépésre. Szó lesz az ad noice effektről szinátmenetekről, az árnyékokról, és a képen látható visszatűrődés elkészítése is lépésről lépésre el van magyarázva.

Web 2.0 matrica photoshopba + Videó

PSD Letöltés

A betűtípus letölthető innen: Clarendon Black BT

Elolvasom a teljes bejegyzést »

11 újabb hasznos dolog weboldal fejlesztéshez

Írta: | 2009. október 24. | kategóriák: Alapok, Design, Speciális, Web | 8 megjegyzés

A legutóbbi bejegyzéshez hasonló képpen összegyűjtöttem még néhány hasznos fejlesztői eszközt.

Web Form Factory

Generálj saját űrlapot hat lépésben: erre való a WFF röviden. Van hozza háttér kódolás, adatbázis kezelés meg minden, amit látni érdemes!

Elolvasom a teljes bejegyzést »

Online betütípus összehasonlítás

Írta: | 2008. május 22. | kategóriák: Blogolok, CSS, Design, Web | 8 megjegyzés

A Typetester egy nagyon hasznosnak bizonyuló web 2.0 alkalmazás, ami nagyban felgyorsíthatja a weboldalkészítés művészetét. Dióhéjban, a Typetesterben három oszlopban, valós időben, grafikus felhasználói felületen kereszűl, változtathatjuk a szöveg kinézetét: betütípus, méretek, elő és háttér színek, stb. A formázások eredményét egy CSSként kaphatod vissza, mindössze egy kattintásba kerül.

A Typetester

Elolvasom a teljes bejegyzést »

Uj Digg.com es design

Írta: | 2007. december 06. | kategóriák: Hírek | 1 megjegyzés

Új Digg.com designMi történt a Digg.com-mal? Végre elindúlt az oly’ nagyon várt kép főkategória is, illetve kapott egy pofás új designt (az admin felület is, a felhasználói felület már néhány hete ilyen, amilyen). A képek részben, ahogyan azt a nevei is sugallja, képeket lehet megjegyezni és azokra lehet szavazni. Az említett részt a Digg.com egy régi támogatója, az Intel segítette a sikeres végkifejlethez. A képeket alaposan átvizsgálja a rendszer a beküldéskor, és szigorúan védi azok duplázódásának esélyét.

Elolvasom a teljes bejegyzést »

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 »

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 »

Photoshop videó tutorial

Írta: | 2007. november 13. | kategóriák: Blogolok, Hírek, Interface | 7 megjegyzés

Elkészűlt az első videó tutorial is. Sajnos nem olyanra sikerült, amilyennek elképzeltem, de leszámítva az érdekes beszédem (nem tudom mi történt, lesz ez majd jobb is) és a rossz minőséget, használható. Ha követed az utasításokat biztos vagyok benne, hogy hasznodra lesz!

No lássuk is, miről van szó: