Analóg óra készítése Photoshop és Flash segítségével, Flash rész

Írta: | 2011. június 30. | kategóriák: Flash | Nincs megjegyzés

Az előző részben létrehoztunk egy analóg órát Photoshop segítségével. Ebben a részben az Adobe Flash tudásával életre keltjük.

II. rész Flash

1.) Hozz létre egy új dokumentumot – Flash file (Actionscript 3.0). A színpad mérete megegyezik az óra méretével, a színpadon jobb klikk->Document properties majd állítsd be a 300px x 300px méretet.
Kettő darab rétegre lesz szükség az idővonalon: egy Óra és egy Script nevűre. Miután ezek megvannak mentsd el az egészet AnalogClock.fla néven

Elolvasom a teljes bejegyzést »

Referencia Weblap Photoshopban – Videó Tutoriál

Írta: | 2011. június 28. | kategóriák: Interface, Photoshop | Nincs megjegyzés

Ime, egy videó tutoriál amiben megpróbálom bemutatni, hogyan kell elkészíteni egy weblap tervet az első lépéstől az utolsóig.

Photoshop tutoriál - Referencia weboldal

Elolvasom a teljes bejegyzést »

Analóg óra készítése Photoshop és Flash segítségével

Írta: | 2011. június 26. | kategóriák: Photoshop | Nincs megjegyzés

Ebben a 3 részes írásban egy analóg órát fogunk elkészíteni, muködésre bírni valamint, beilleszteni weboldalunkba. Az elso részben elkészítjük magát az órát Photoshop CS3-ban. A második részben “beindítjuk” Flash CS3-ban, és végül beillesztjük egy html oldalba SWFObject segítségével.

I. rész Photoshop

Amit elkészítünk.

A kész óra

Elolvasom a teljes bejegyzést »

jQuery: Alapok

Írta: | 2011. március 26. | kategóriák: Alapok, JavaScript, Programozás | 4 megjegyzés

Miután sikeresen letöltötted a jQuery keretrendszert, itt az ideje, hogy tovább lépj! Mint minden más JavaScript állományt, ezt is a <script type=”text/javascript”></script> tag-ekkel tudod a HTML oldaladba ágyazni.

Kezdjük azzal, hogy mivel amíg a DOM nincs felépítve nem szabad JavaScript kódot futtatni, mert elronthatja az oldal szerkezetét, ha a félig felépített DOM-ot akarod szerkeszteni (vagy egyszerűen JavaScript hibát ad, ha például egy elemet elszeretnél rejteni, de az még nincs a DOM-ba bekerülve, így nem található). Ez egy általános JavaScript probléma, a jQuery megoldása viszont egyszerű!

$(document).ready(function(){ alert('igen!'); });

Elolvasom a teljes bejegyzést »

SEO verseny: seobaglyak

Írta: | 2011. január 19. | kategóriák: Hírek, SEO | 8 megjegyzés

Felszeretném hívni a figyelmet, hogy a Mox egy újabb SEO versenyt hírdetett meg a SEO baglyok részére. A felhozandó kulcsszó a “seobaglyak“. A SEO-baglyak verseny leírását a következő címen találhatod: http://keresooptimalizalas.me/threads/400-1.-Mox-SEO-verseny

A seobaglyak definícíóját a http://seobaglyak.org/ versenyző oldalán is megtalálhatod, ahol egy jópofa kép is van a bagolyrol, amint éppen kereső-optimalizálást tanul. Nem is akármilyen: animált SEO-bagoly.

WebPillangó olvasok, ha szeretnétek segíteni ezen az aranyos baglyon, linkeljetek ti is a http://seobaglyak.org/ oldalra. Nem kerül semmibe!

Köszönöm!

jQuery: A Framework

Írta: | 2011. január 09. | kategóriák: Alapok, JavaScript, Programozás | Nincs megjegyzés

A jQuery keretrendszer 2006 januárjában látott először napvilagot a BarCamp elnevezést viselő rendezvényen, New Yorkban. A bemutató John Resig volt. Jelenleg a legelterjedtebb JavaScript framework úgy a nagy és elismert, mint a kissebb és kevésbé neves weboldalak esetében. A keretrendszer ingyenes és nyiltforráskodú.

Elolvasom a teljes bejegyzést »

2010: Kellemes Ünnepeket

Írta: | 2010. december 24. | kategóriák: Blogolok | Nincs megjegyzés

Sziasztok!

Kellemes Karácsonyi Ünnepeket és Boldog Új Évet kívánok mindenkinek!

U.i.: Januárban folytatódik a jQuery leírás sorozat.

jQuery: JavaScript Framework alapok

Írta: | 2010. december 11. | kategóriák: Alapok, JavaScript, Programozás | Nincs megjegyzés

A JavaScript nyelv önmagában is egy nagyon jól és könnyedén használható, erőteljes programozási eszköz. Rengeteg dolog egyszerűen megoldható vele, de nem előnyös a kódot mindig ismételni, mivel az több gondot is okozhat (hibajavítás, rendbentartás, továbbfejlesztési nehézségek, stb.). További szükség a JavaScript könyvtárak/keretrendszerek létrehozására, hogy az alapokat nem feltétlenül ismerő felhasználók is gyorsan és egyszerűen tudjanak cross-browser animációkat, AJAX lekéréseket és egyéb dolgokat végezni. Mára már szinte nélkülözhetetlen egy jó framework a gyors, bővíthető, megbízható fejlesztéshez.

A legtöbb framework cross-browser akár több, mint 10 évre visszamenőleg is (a Rico keretrendszer az Internet Explorer 5.5-öt is támogatja). Közös pontjaik közé tartoznak a AJAX lekérések, a JSON feldolgozása, drag and drop, egyszerű és komplex animációk, event handling (esemény kezelés), űrlap validálás és űrlap elem kiegészítés (pl. naptár), illetve beépített szövegszerkesztő.

Elolvasom a teljes bejegyzést »

jQuery: Bevezető

Írta: | 2010. december 05. | kategóriák: Alapok, JavaScript, Programozás | 9 megjegyzés

Bizonyára többen használtatok már JavaScript-et és JavaScript keretrendszereket. Ez a leírás sorozat főként azoknak szól, akik még nem vagy keveset használtak JavaScript Framework-okat. A fókusz a jQuery-re esett, mivel ez az egyik legelterjedtebb és legerőteljesebb keretrendeszer, ami a JavaScript-re épül.

A leírás sorozat az alapoktól indulva a haladó témákig próbál különböző területeket érinteni. A követlező témákról lesz szó:

  1. JavaScript Framework alapok
  2. A Framework
  3. Alapok
  4. Szelektorok és DOM bejárás
  5. Mark-up módosítás
  6. Stílus módosítás
  7. Egyéni adat kezelés
  8. Effektek
  9. Események (event)
  10. AJAX
  11. Űrlapok
  12. Plug-in készítése
  13. Legjobb 15 kiegészítő
  14. jQueryUI
  15. jQueryMobile

Elolvasom a teljes bejegyzést »

A legjobb betűtípusok webfejlesztőknek, programozóknak

Írta: | 2010. október 10. | kategóriák: Blogolok, Letöltések, Programozás, Speciális | 5 megjegyzés

Ebben a rövid, de annál inkább értékes leírásban megosztok veletek öt kedvelt karakterkészletet. Miért pont ez az öt legmegfelelőbb font? A válasz egyszerűnek tünhet: sokan használják. Valójában ennél lényegesen bonyolultabb a dolog. Egy betűtípus attól lesz igazán megfelelő, ha a szemünknek is kellemes, nem fárasztó, ugyanakkor a produktivitáshoz is hozzajárul a gyors és egyértelmű karakter jellemekkel, például jól megkülönböztethető kicsi „l” (L) és nagy „I” (i) betűk. Egy további elengedhetetlen dolog a mono-space betűk használata.

Inconsolata

Személyszerint az Inconsolata készletet használom. Jól olvasható, kerek, formás, állandó betűszélességgel. Ráadásul ingyenes.

Infó: amennyiben Netbeans-ben szertnéd használni, töltsd le az úgyszint ingyenes TTF változatot.

Elolvasom a teljes bejegyzést »