A szerző arhívuma

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 »

Űrlapok készítése és formázása: CSS és jQuery trükkök

Írta: | 2010. augusztus 21. | kategóriák: (X)HTML, CSS, JavaScript, Speciális | 10 megjegyzés

Sokaknak a mai napig gondot vagy fejtörést okoz az (X)HTML űrlapok készítése. Régen táblázatokkal volt megoldva a formázás, természetesen ez nem helyes szemantikailag. Ha kinézetre nem is feltétlenül változtak a régebbi form-ok, jópár éve már az úgynevezett float-olt technikát használják. Az egyik legnagyobb előnye, hogy az űrlap kódja logikailag is helyes lesz, így az oldalunk elérhetőbb lesz a fogyatékos internetezők számára is (például a látássérülteknek, akik képernyő felolvasót használnak). Ez a leírás megmutatja, hogyan lehet egyszerű és mégis helyes form-okat készíteni, illetve néhány hasznos trükkre is felhívja a figyelmet, ami nem feltétlen a fogyatékos felhasználókat célozza meg, de az átlagfelhasználó életét nagyban megkönnyítheti, felgyorsíthatja annak munkáját.

Elolvasom a teljes bejegyzést »

Webes rasztergrafikus állományok

Írta: | 2010. május 05. | kategóriák: Design, Photoshop, Web | 12 megjegyzés

Három fő rasztergrafikus file-formátum terjedt el az interneten. Ezek a JPEG (JPG), a GIF és a PNG. A vektorgrafikus állományokat még kevés böngésző támogatja alapból, természetesen az Internet Explorer eddigi legújabb tagja, az IE 8, sem. Mit is jelent a rasztergrafikus képformátum? Azt jelenti, hogy a képek egy milliméterespapírhoz hasonlóan, ezernyi kis pontot tartalmaznak. Minden pont egy képpont, pixel, és egy színkódot tartalmaz. Miért nem elég egy egységes képformátum? Egyszerű a válasz: a képeket különféle célokra használjuk és ezért más-más, veszteséges és veszteség mentes, módszerek vannak a képen látható informáciú sürítéséhez. Így például egy fotót JPEG formátumban érdemes menteni az optimális állományméret és képminőség arányának megtartása érdekében. Egy diagrammot GIF-ként érdemes megosztani a világhálón, mivel a kevés szín lehetővé teszi, hogy többszörösen kissebre tömörítsük a képen látható információt.

Elolvasom a teljes bejegyzést »

Itt az óra, hol az óra?

Írta: | 2010. április 29. | kategóriák: Blogolok, Hírek | 3 megjegyzés

Ahogyan azt már egy előző írásban közöltem, megkérkezett az első helyért járó óra. Mivel az az óra pórul járt, így a szervezők úgy döntöttek küldenek egy újat! Köszönöm szépen! Ez az óra jó állapotban érkezett meg. Nem is csoda, hiszen egy tankkal is átmehettek volna rajta 🙂 A csomagolás másfél kilót nyomott. Három kartondoboz, három rend csomagoló papír és három buborékfólia és még egy halom összegyűrt papír, mint bélés. Azt azért mejegyezném, hogy ezúttal nem tudom mi történt a dobozzal, de valami éles dolog kiszúrta két helyen is (kb. 1 egy négyzetcentiméter nagyságban), szerencse nem találta el az órát.

Elolvasom a teljes bejegyzést »

Hogyan írjunk jó leírást?

Írta: | 2010. április 23. | kategóriák: Alapok, Web | 17 megjegyzés

Ebben a segédletben tíz olyan dologgal ismerkedhetsz meg, ami elengedhetetlen egy sikeres leírás készítéséhez! Kezdjük is az egyik legfontosabbal: legyen használható, amiről írsz!

1. Felhasználhatóság

Amit írsz, az legyen hasznos! Hiába írsz olyasmit, amit az olvasó nem tud újrahasznosítani saját projektjeiben, dolgaiban, vagy amiből nem merít ötletet.

2. Hatás

Figyelj, hogy az elbeszélt dolog tegyen mély benyomást az olvasóra. Két okból is fontos ez a pont: egyrészt megfogod a látogatót és vissza fog járni az oldaladra, másrészt segít, hogy megjegyezze és másoknak is megemlítse, hogy igen, itt és itt nagyon jó ötletet láttam, többször is.

Elolvasom a teljes bejegyzést »

Megérkezett az első helyért járó díj

Írta: | 2010. április 17. | kategóriák: Blogolok, Hírek | 13 megjegyzés

Köszönöm a szavazatokat! Tegnap kézhez kaptam a nyereményt is! Az órát! A Román Postanak hála részletekben jött, ezzel okozva kellemetlenséget a szervezőkenk és nekem is. Nem akartam addig megírni ezt a bejegyzést, amíg nem tudtam, hogy miként tovább. A szervezőknek hála ez simábban ment, mint gondoltam. Bevallom, kissé gyanakodva fordultam stvn-hez, hogy most akkor mi van.

Elolvasom a teljes bejegyzést »

WebPillangó Photoshop szótár Firefox kiegészítő

Írta: | 2010. április 17. | kategóriák: Hírek, Photoshop | 3 megjegyzés

Bizonyára már láttátok vagy hallotattok róla, hogy Bence jóvoltából egy újabb ügyességgel van módrá, hogy a magyar vagy angol Photoshop szakszavait a másik nyelvre fordítsátok. Az oldallécben találjátok a linket, amire rákattintva telepíthetitek a WebPillangó Photoshop szótár Firefoxba beéplülő keresőmotrát.

Megérkezett a Photoshop CS5!

Írta: | 2010. április 11. | kategóriák: Hírek, Photoshop | 13 megjegyzés

Az Adobe CS5 hivatalos oldala szerint holnap lesz a nagy bemutató! Ez részben igaz, részben nem. Az Adobe termékei sem kivételek az a szokás alól, hogy még a bemutató előtt felkerülnek különféle közösségi megosztó oldalakra: torrent oldalakra. Ebben a rövid bemutatóban nem azt mutatom meg, hogyan lehet ingyen letölteni az új Adobe Photoshop CS5 vagy az Adobe Creative Suite 5 egyéb részeit, mint példáúl a legálisan, betaként, és ingyenesen is letölthető Adobe Flash Professional CS5-öt. Néhány olyan videót válogattam össze, ami megmutatja, hogy a CS5re váltás nem olyan kis méretű, mint a CS3 és CS4 közti váltás, ami lényegében inkább optimalizálás volt.

Elolvasom a teljes bejegyzést »