JavaScript tömörítés

Újra és újra szembesülnünk kell azzal, hogy a széles sávú internet általános elterjedésének ellenére nem engedhetjük meg azt a luxust, hogy figyelmen kívül hagyjuk a böngésző felé kiküldött adatmennyiséget. A JavaScript – vagy éppen CSS – tömörítés nem új keletű módszer, de ellenére nagyon kevesen élnek vele.

Effect.Notify

A felhasználók értesítése általános része bármilyen webes és asztali alkalmazásnak. Sajnos az alkalmazások döntő többsége valami durva, ronda, és a folyamatosságot megszakító módon tudatja a felhasználóval, hoyg mi történt. A kis felugró ablakok többé-kevésbé de facto sztenderdé váltak ennek a feladatnak a kezelésére. De a felugró ablakok büdösek. Nekünk valami jobb kell!

Effect.Notify – en

Notifying users are common part of any web based and desktop applications. Unfortunately most of the applications use some rude, ugly, nasty and work flow stopping way to let the user know what happened. Alert boxes are more or less the de facto standard for solve this issue. But alert boxes are evil. We need…

Frontend dokumentálás

Eddigi tapasztalataim alapján a webfejlesztők jobban szeretnek pizzát enni mint dokumentációt írni (cáfoljon meg aki nem ért egyet). Ezzel szemben a dokumentációnak a fejlesztés és a későbbi módosítások során jelentős szerepe van – vagy kellene lennie. Ma reggel feltaláltam egy egyszerű, gyors és hatékony dokumentációs eljárást. Persze lehet, hogy a módszer 30 éve létezik és…

XBug Javascript debugger

A Firebug nélkülözhetetlen eszköz, de ugye lévén, hogy egy Firefox plugin nem alkalmas az oly “ritkán” előforduló olyan hibák keresésére amelyek kizárólag IE alatt jönnek elő. A Firebug Lite melett elérhetővé vált az XBug Javascript debugger is.

Amit a scriptaculousról tudni érdemes 9

Ha szeretnénk hangokat is adni webalkalmazásunkhoz, akkor eléggé meg van kötve a kezünk. Praktikusan a Flash az egyedüli elérhető opció. A scriptaculous itt is a segítségünkre siet és lehetővé teszi Flash nélkül hangok (pontosabban mp3) lejátszását.

Amit a scriptaculousról tudni érdemes 8

A csúszkák az asztali alkalmazásokban sem megszokott bizgentyűk, pedig vizuális alkatúaknak sokkal szemléletesebben kezelnek számszerű változásokat mint bármi más. Egy csúszka általában egy értéktartományt ábrázol, amin belül a user választhat.

Amit a scriptaculousról tudni érdemes 5

Ami igazi életet pumpált és “én is azonnal akarom”-má tette az ajaxot az kétségtelenül az autocompletion, azaz az automatikus kiegészítés. Ez a bizgentyű bebizonyította, hogy igenis lehet újfajta, a usereknek hasznos elemeket építeni html alapokon.

Amit a scriptaculousról tudni érdemes 4

A dragndrop területén speciális eset amikor szeretnénk sorbarendezni különböző elemeket. Egy ilyen sorrend megváltoztató bizgentyű dragndrop nélkül igazi rémálom a user számára. A scriptaculous erre a problémára a Sortable objektumot adja a kezünkbe.

Amit a scriptaculousról tudni érdemes 1

A scriptaculous egy a prototype keretrendszerre épülő JavaScript keretrendszer, ami segíti a webfejlesztőket, hogy könnyedén adhassanak hozzá a projectjeikhez vizuális efekteket, és ajax alapú megoldásokat. Ebben az első részben az efektekkel ismerkedünk meg.

Harmadik generációs formok

A formok azok az eszközök amelyeken keresztül a user a legszabadabban tud webalkalmazásunkkal kommunikálni. Alapesetben a formok nem túl intelligensek, de egy kis munkával igen kifinomult eszközökké változtathatjuk őket.

Prototype mintadarabok 5

Miután ennyi mindent kiveséztünk a prototype-ot bemutató sorozatunkban egyetlen egy dolog maradt hátra, és ez az Ajax. Valójában az Ajax használat ami a legtöbb JavaScript fejlesztőt arra ösztönöz, hogy beleássa magát valamelyik keretrendszerbe, de azért hagytuk a végére, hogy mindenki ismerkedhessen a prototype többi szolgáltatásával is.

Prototype mintadarabok 4

A prototype sok hasznos eszközt ad a kezünkbe a formok kezeléséhez is. Web2 ide vagy oda a formok még mindig a legszélesebben használható interfészek amelyeken keresztül a user tud az alkalmazással kommunikálni.

Prototype mintadarabok 1

A Prototype egy JavaScript keretrendszer ami arra hivatott, hogy kibővítse a böngésző JavaScript kezelő környezetét, kibővítse a DOM elemeit, a JavaScript beépített típusait, valamint hogy egyszerű és jól használható függvényeket adjon a fejlesztő kezébe.

XSS kicsiknek és nagyoknak

Új technikák megoldanak régi problémákat és hoznak újakat. A web 2 is megold egy több mint 10 éve húzódó problémát és webalkalmazásainkat átlépteti egy következő szintre, de ha nem kellő óvatosággal használjuk, akkor új támadási felületet szolgáltathatunk rosszindulatú látogatóknak.

DOM vs window betöltődés

A prototype js keretrendszer sok kellemes meglepetéssel szolgált már eddig a számomra, de most találtam valamit ami megnyerte a kellemes meglepetések 2007-es versenyét. Ez márpedig az, hogy az események namespace-szel rendelkeznek.

X az Ajax-ban

Az Ajax X-e eredetileg az XML miatt került oda a végére. A gyakorlat egyre inkább cáfolja az eredeti elképzelést, mert az XML szépen kiszorul a JSON-nal szemben. Perzse ha már lehet választani, akkor jön a dilemma, hogy melyiket is?

Ajax alkalmazások építése – lépésről lépésre

Az ajaxnak mint technológiának egyik hatása a fejlesztőkre nézve, hogy alaposan át kell gondolniuk eddigi elképzelésüket a webről. Az, hogy a lap újratöltése nélkül is tudunk a kliens és a szerver között adatot cserélni olyan lehetőségeket nyit meg előttünk melyek eddig vagy egyáltalán nem voltak a weben elérhetőek, vagy pedig megvalósíthatóak voltak ugyan, de erősen…