Masked Input Plugin

30 Nov

LINK

Ce face? Permite introducerea într-un input text doar a anumitor caractere, cu un fel de separare automată.

ps: cu această ocazie am o nouă categorie: jQuery unde voi pune diverse lucruri utile (plugins, resurse, etc).

Scris în categoria: Development, jQuery Un comentariu

CSS Hacks

29 Nov

Într-o lume perfectă, codul (css/xhtml) valid este interpretat identic de toate browserele. Dar, cum nu suntem într-o lume perfectă, există bug-uri, atribute proprietare unui browser sau altuia şi interpretări greşite. Dar, partea bună este că există şi fix-uri pentru acestea. Cu siguranţă, cel mai înjurat browser de toţi web-developerii este IE, în special versiunile pre 7. Cei ce lucrează de mult timp în domeniu, au avut de-a face şi cu capriciile mai multor versiuni ale IE, spre deosebire de cei recenţi (1-2 ani) ce se „luptă” doar cu IE 6 şi, mai nou, IE 7.

De-a lungul timpului, mi-am format un obicei din ce am citit pe diverse forumuri ce mă ajută foarte mult în dezvoltare şi îmi conferă o oarecare siguranţă: fac site-ul pentru Firefox, îl testez în Opera şi Safari şi fac debugging pe IE. Din fericire, până acum nu am avut mari probleme cu Opera şi/sau Safari (de fapt nu am avut deloc :D ), singurele dureri de cap fiind date de IE, despre care voi scrie puţin. (Mai mult…)

Scris în categoria: Css, Development, Tutoriale 10 Comentarii

SEO for your blog

26 Nov

SEO Book are un ghid destul de interesant despre cum să-ţi optimizezi blogul pentru motoarele de căutare. Enjoy!

CLICK

Scris în categoria: Development, Tutoriale Niciun comentariu

jQuery UI

20 Nov

Cu vreo două săptămâni în urmă, am început să folosesc acestă librărie. Pentru cei ce nu ştiu, UI este echivalentul (more or less) al lui script.aculo.us. Deoarece folosesc de ceva timp jQuery, am avut ocazia să învăţ destul de bine sintaxa, dar nu am avut nici timpul nici dispoziţia necesară să încerc şi alte librării. Aşadar, iată-mă „blocat” pe jQuery :)

Spuneam că de vreo două săptămâni folosesc jQuery UI. Până atunci însă, am folosit Interface, o librărie asemănătoare, făcută de un român (Ştefan Petre) şi care merge foarte bine. Am decis să fac upgrade de la jquery 1.1.2 la 1.2.1, ceea ce a însemnat renunţarea la Interface, deoarece nu mai mergeau anumite chestii.

Şi am purces la învăţarea noului şi mult lăudatului UI. Şi cum poţi începe mai bine dacă nu din documentaţia oficială? Şi timp de două săptămâni am găsit tot felul de lipsuri, atât în funcţionalitate (care abia se apropie de Interface) cât şi de documentare. Astfel, sortable, nu se poate mişca DOAR pe verticală/orizontală decât cu un hack. Nu se poate pune un helper să vadă utilizatorul unde poate să-i dea drumul unui Sortable. Unele opţiuni de la Draggable şi de la Droppable merg la Sortable. Doar UNELE. Care? Well…. Asta trebuie să afli singur :|

Acum, după ce aproape am terminat aplicaţia, stau şi mă înteb: „unde dracu mi-a fost capul când am renunţat la Interface? ”. Sunt atâtea lipsuri în UI încât îmi vine să re-scriu o bună bucată din cod pentru a renunţa la UI. Cu siguranţă nu voi mai folosi UI cu altă ocazie şi ori voi rămâne cu Interface ori voi învăţa altă librărie de genul ăsta.

După cum probabil ai observat, cele mai folosite chestii sunt Sortable/Draggable/Droppable, ajax utils, plus câteva efecte (slide, fade). Imediat ce timpul îmi va permite, cu siguranţă voi încerca să migrez pe alte librării (moo, ext, etc)…

Later edit: Să nu mai spun că unele demo-uri de la UI nu merg nici măcar pe site-ul lor….

Scris în categoria: Astăzi urăsc, Development 5 Comentarii

YUI Compressor

5 Oct

Yahoo a lansat cu ceva timp în urmă un utilitar ce îţi poate compresa codul JS sau CSS destul de mult - YUI Compressor. De fapt, acest utilitar şterge comentariile şi pune tot codul pe o singură linie. Nu ţi se pare mult, nu? În cazul unui fişier cu sute-mii de linii, chiar se cunoaşte ceva ;)

Cu toate că Julien Lecomte a scris mai multe despre acest subiect, eu vreau să îţi arăt o cale de a face compresia o chestie banală, ce te scuteşte de command promt, totul reducându-se la două click-uri (pe numărate, da? :D )

Pasul 1 - Environment Variables

Pentru a seta Environment Variables, apasă tasta (Mai mult…)

Scris în categoria: Development, Tutoriale Un comentariu