Archive for the 'javascript' Category

Tikkasztó meleghez: CSS, JS, web2.0

Készült open source lista css templatekről és designekről, mely úgy gondoljuk igen nagy segítséget fog nyújtani ötlet szintjén:
The Open Source Web Design Toolbox: 100 Tools, Resources, and Template Sources

Van egy jelszó erősség mérőnk is js-ben, amivel például regisztrációkor tudjuk tudatni a felhasználóval, hogy mennyire biztonságos a jelszava. Mi a D2fTZ6a típusú jelszavakat javasoljuk.

Talán már megszoktuk, hogy ha web2, akkor a béta felirat nem hiányozhat a logoból. Ennél már csak az jobb, a válaszott név rossz. Erről is van egy listánk: És ha már nevek: Web2.0 Name Generator

Ha nevet találtunk, kellenek ikonok, ezt csinálhatjuk Photoshoppal, vagy letölthetjük innen, vagy innen.

És végül egy ezres  lista az Alexa Trafic Rank alapján : http://www.statsaholic.com/sethgodin/

Csemegék

JavaScript String.prototype Extensions

Igen sok függvény hiányzik javascript sting kezeléséből, itt van hát egy kis gyűjtemény, ami kisegíthet minket:

trim , splitrim, escHtml, unescHtml, urlEncode, isEmail, isURL, contains, beginsWith, endsWith, bővebben itt.

http://www.ajax.org/

Eddig még nem említettük, de az ajax.org-on egy igen jó kis demót láthatunk a Javeline Ajax platformjából. Égnek állt a hajunk, mikor megláttunk a letölthető demóban, a platform js-e 440k. Lehet, ezt ki fogjuk hagyni.

Accordion v1.0

Accordion tool-ról már volt szó, érkezett most egy script.aculo.us effect libraryval is. A js-t megnézve egy elég egyszerű kódot láthatunk, és működés közben is szépen muzsikál. Ajánljuk.

Web 2.0 Hard Drives

Ha már nem férnénk otthon a két vagy három számítógépen, a külső 320GB-os merevlemezen, még ott van az internet, és most már web2-es felületen tölthetjük fel fájljainkat egy távoli szerverre.

  • http://www.justupit.com/
    A szolgáltatás egyszerű, mint a raklap, csak feltöltés van, feltöltéskor megadhatunk 4 címzettet, és a rendszer elküldi e-mailben a tartalmat.
  • https://www.dropboks.com/
    Itt regszitráció nélkül kapásból kapunk 1 GB tárhelyet. Lehetőségünk van egyszerre több fájlt feltölteni, bár ennek a megoldása személy szerint nekem kifejezetten nem tetszett, van erre szebb megoldás is, amit későbbiekben tervezünk bemutatni. A regisztráció leokézása után rögtön olyan lesz, mintha be lennénk jelentkezve, és kapunk egy e-mailt is regisztrációnkról. Az alkalmazás Opera alatt nem működött. Kissé idegesítő a súgó popupok felugrálása, és hiányoltuk a fájl közvetlen eléréséhez a linket.

LightWindow v2.0

Korábban már esett szó a Gray Box technológiákról, most itt egy újabb, frissebb, ropogósabb. Nem sikerült rosszra a LightWindow v2.0, ami ha főzni is tudna (meg xhtml valid lenne) , igen jó háziasszony lehetne.

Read more »

Script.aculo.us Effect.Tooltip - lehet jobbat?

Ajaxian-on majdnem megtaláltuk, ami mindig is hiányzott a Script.aculo.us-ból: Effect.Tooltip. Elsőre jónak tűnt, de aztán elgondolkodtunk, hogy talán lehetne ezt jobban is.

Az egyetlen, de számunkra annál zavaróbb baja az, hogy window.onload-kor egyenként inicializálja az egyes tooltipeket. Ez sok elem esetén elég kényelmetlenné teheti a használatát. Nem beszélve arról, ha szerveroldalon automatikusan generálunk egyedi formokat, akkor külön kell foglalkoznunk a tooltip init-ek előállításával is, ami viszont ugye csak inline JavaScriptként történhet, bele a HTML kódba.

Sokkal jobb lenne egy olyan megoldás, amire már több példát láttunk, kifejezetten Script.aculo.us-ra kihegyezve viszont még senki sem készítette el:
- legyen 1 darab inicializáló sor, amely akár lehet a tooltip osztály konstruktorában is
- jelöljük meg a HTML-elemeinket valamilyen egyedi class-szal, pl ‘tooltip’
- a tip szövegét helyezzük el az elemek ‘title’ attribútumában, hiszen ezzel a legtöbb HTML tag amúgy is rendelkezik, és pont ezt a célt szolgálja
- az inicializálás során egyszerűen szaladjunk végig a lapunk ‘tooltip’ classnevű elemein, vegyük a ‘title’ attribútumukat, és jelenítsük meg ahogy tetszik

A logika alapján jól látható az egyszerűség és a rugalmaság:
- a tooltip-szöveg ott van, ahol szükség van rá: közvetlenül a HTML-elemnél - szerveroldalon már eleve így generáljuk majd a formot, vagy így készítjük el a templatet
- az inicializálás központi, egyszeri, és a mérete sem növekszik a tooltipek számával

Az elmélet tehát nagyjából ennyi, de valószínűleg egyszer majd a gyakorlatban is összerakjuk itt a dev2-n.

800%-kal gyorsabb jQuery

A napi linkjóság ezúttal jQuery:

http://jquery.com/blog/2007/07/01/jquery-113-800-faster-still-20kb/

A fejlesztők az új, 1.1.3-as verzióval több, mint 80 bugot foltoztak be, de javítottak a sebességen is - az előző kiadáshoz képest a mostani már 800%-kal gyorsabban dologzik. Ja, és a compressed verzió még mindig csak 20kB.

parseUri 1.2: JavaScript URL feldolgozó

A php parse_url függvényét már ismerjük. Most ismerjük meg ugyanezt javascripthez is.

Steven Levithan: parseUri 1.2: Split URLs in JavaScript

Read more »

Adobe AIR (Adobe Integrated Runtime)

Dokumentáció:

http://labs.adobe.com/wiki/index.php/AIR:Documentation
Itt még érdemes ez:
http://download.macromedia.com/pub/labs/air/air_b1_docs_flex_061107.zip

Könyv:

http://ajaxian.com/archives/adobe-air-free-book-download
(They have given us an electronic copy available for download for free, here.)(here = there)

Minták:

air-js-examples.zip

És ha már Adobe, arra leszek kíváncsi, hogy js-ben ilyent mikor fogunk tudni programozni:

Turbine.pdf

Google suggestion

Mi van akkor, ha szeretnénk tudni, hogy egy adott címszóra a google hány találatot hoz? Vagy beírjuk a szót, és megtudjuk, vagy http://www.googlefight.com/ , vagy lekódoljuk.
Read more »

Ext Accordion Control

Jozef Sakalos: Ext Accordion

LOL. Tangóharmónika. A név igen találó, és jól is hangzik. Angolul. Szóval az accordion egy kis keret, amivel olyan floating widget tudsz az oldaladba rakni, ami támogatja a drag&drop-ot. Meglepetésünkre prototype nélkül készült. Video. Read more »

FancyUpload MooTools-szal

Reggeli kávézás után akadtunk rá az Ajaxianon megjelent bejegyzésre, szemünk felcsillant: végre egy igazán szép megoldás ajaxos fájlfeltöltésre.

Read more »

« Előző oldalKövetkező oldal »