Vulnerabilitatea îmi permite să fac mult rău dar am fost cetățean cuminte și cinstit. Am trimis un mail la adresa de contact pe care am găsit-o pe site și am explicat problema. Am oferit și clasicul exemplu <script>alert("XSS")</script>.

Șapte zile mai târziu și încă nu am primit un semn.
Ce fac acum?

Top 3 browsere folosite pentru a accesa vandpupaza.ro sunt:

• Firefox – 63%
• Internet Explorer – 14%
• Chrome – 14%

În materie de utilizatori Firefox observ că majoritatea vin cu cele mai noi versiuni: 3.5 și 3.6. Pentru Internet Explorer proporțiile sunt distribuite aproape egal între versiunile 6, 7 si 8. Raportul este extras pe o perioadă de 2 saptămâni pe eșantion de aproximativ 500 de vizitatori unici.

Statisticile acestea îmi reîntăresc opinia că trebuie să depun maximul de efort pentru a asigura o bună experiență utilizatorilor judecând după browserele principale folosite pe blogul meu, nu după cum dictează statisticile globale.

Aceste numere îmi spun că pot să am mai mult curaj cu HTML5, Web Sockets, CSS3 și alte noi bijuterii tehnice. Proporția utilizatorilor care se vor bucura de ele nu mai este neglijabilă.

Poate pe web Internet Explorer încă se tine sus în statistici dar aici, la mine pe blog, coboară rapid sub pragul la care mai merită hack-uri specifice.

Nu am crezut ca va observa cineva absenta mea de pe web. Ma bucur foarte mult ca nu am trecut pe sub radar. Le multumesc celor care m-au contactat ca sa afle daca sunt bine sau ca sa imi semnaleze ca nu-mi merge jucaria.

Un ochi ager va observa ca acum blogul se afla la http://vandpupaza.ro. Cu ajutorul baietilor priceputi de la CHML am reusit sa revin pe fir si am pus la punct un redirect permanent de la vechiul vandpupaza.

Pentru majoritatea cazurilor – link-uri, RSS feed si imagini – redirectul ar trebui sa iti faca viata simpla. Am facut o verificare sumara si totul pare sa mearga ok. Daca observi probleme cu resurse vechi ce indica spre vandpupaza.tskdesign.ro si se incapataneaza sa dea 404 te rog sa-mi lasi un mesaj.

Va multumesc pentru ca nu ma scapati din ochi ;)

http://www.joelonsoftware.com/items/2009/09/23.html

“A 50%-good solution that people actually have solves more problems and survives longer than a 99% solution that nobody has because it’s in your lab where you’re endlessly polishing the damn thing. Shipping is a feature. A really important feature. Your product must have it.”

Am un coleg care spune despre aplicatiile lui ca se tin cu “ata de papiota, scotch si scuipat”, dar adevarul e ca functioneaza.

• Double 50% width float problem in Internet Explorer
• Border: none not working on text input in Internet Explorer
  
• Padding right problem on text input in Internet Explorer
• Building an inline search box

Mai am alte articole in draft dar astea s-au bucurat primele de atentia mea.

Este evident ca IE mi-a facut cele mai multe zile fripte, dar am bucatele gustoase despre fiecare browser, chiar si despre Firefox.

Desi mi-am propus sa scriu in principal despre bug-uri am de gand sa imping si niste articole “How to”. Daca ai timp da o citire si trimite-mi niste sfaturi.

Incerc sa-mi mentin obiectivitatea. Cu greu, uitandu-ma la densitatea bug-urilor de IE.

By all known methods, a million pcs would take more than a hundred years to decode a single number scrambled with an RSA encryption using a 4,096-bit key

Vezi un demo la http://bitesizebugs.com/lab/jquery/tabtoggle/

Sursa la: http://github.com/oslego/tabToggle/tree/master

Problema

Exista zeci de plugin-uri de jQuery prin care se obtine comportamentul JS de tab navigation, insa majoritatea developerilor au fost prea zelosi. Desi urmaresc acelasi behavior plugin-urile pe care le-am studiat vin la pachet cu multe alte functionalitati gen efecte vizuale, ajax calls, actiuni multiple pentru acelasi click sau impun o conventie de naming de tipul: “#tab_1″ declanseaza “#tab_content_1″.

Aceste workflow-uri fie iti fac munca enervanta (naming conventions) fie inseamna fisiere inutil de greoaie (12+ kb). Toate astea cand vrei doar un meniu de tip navigation.

Ideea

Am avut nevoie de un plugin simplu de tab navigation asa ca mi l-am scris: jquery.tabToggle.js.

Cand folosesti tabToggle iti selectezi prin jQuery un set de elemente care actioneaza drept triggers (tab-urile) si le atribui un alt set de elemente care joaca rolul contiutului corespunzator fiecarui tab (targets).

Atat! Fara conventii de nume, fara obligatia de a lucra doar cu UL-uri sau alte forme de ingradire a strucurii. Singura conditie este ca numarul de triggers sa fie egal cu numarul de targets – un aspect logic, de bun simt :)

Vezi exemplul de cod de pe pagina de demo pentru detalii tehnice.

Pentru moment singurul behavior este de visibility toggle a targetului atunci cand faci click pe trigger-ul corespunzator. Am vrut ca tabToggle sa fie simplu si la obiect.

Pentru flexibilitate intentionez sa expun public in JavaScript metodele care se ocupa de managementul elementelor ca sa iti poti defini orice efect sau behavior iti doresti.

Nu vreau sa iti limitez creativitatea cu tabToggle. Vreau doar sa iti ofer functionalitatea de baza pentru un meniu de tip tab navigation. Nu intentionez sa extind tabToggle cu support pentru AJAX calls sau sa definesc animatii intre tranzitii. Exista deja plugin-uri care fac asta.

Il aveam scris de mai demult dar in cursul weekend-ului l-am curatat, l-am documentat, l-am testat si l-am dat comunitatii sub forma de cod open source. In versiunea minified codul are sub 1kb deci va lasa o urma foarte mica asupra bandwidth-ului consumat.

Git – version control

Cu ocazia asta am invatat sa folosesc si git – un sistem de version control. Am cont pe github si mi-a placut ca mi-a dat version control, wiki, si bug tracker, gratuit, in acelasi pachet.

Partea cea mai gustoasa la git este considerata usurinta in operatiunile de fork si merge ale repository-ului – o componenta cheie in proiectele la care lucreaza mai multe persoane.

Mai mult open source

Dupa ce l-am facut public am primit mai multe aprecieri din partea prietenilor. Asta m-a incurajat sa pregatesc pentru publicare si alte bucati de cod JavaScript sub forma de jQuery plugins.

Daca ai ceva de spus esti binevenit sa lasi un comentariu.
Daca observi functionalitate gresita te rog sa deschizi un issue pe github ca sa il pot investiga si/sau repara.

Licenta?

Codul e open source deci il poti folosi fara obligatii in orice proiect. Nu ma pricep la licente asa ca poti folosi acest plugin atat in proiecte personale cat si comerciale fara obligatii.

Intentionez sa public viitoare plugin-uri sub licente MIT si GPL, la fel ca licentele pentru jQuery.

Intrebare pentru cei mai priceputi juridic: exista o alternativa de licenta mai potrivita pentru acest tip de cod?

• Am gasit pe blogul Mozilla Webdev un articol foarte bun referitor la pozitia si logica aranjarii imaginilor intr-un sprite – foarte informativ, il recomand.
• In libraria imagemagick exista functia montage care permite imbinarea automatizata de surse intr-o singura imagine; are multe moduri de customizare si o gasesc foarte utila atunci cand lucrezi cu multe spre foarte multe imagini de acelasi dimensiuni (icons) iar sprite-ul evolueaza des prin adaugarea sau eliminarea de imagini.
• Google e foarte nazist in materie de CSS Image Sprites in sensul ca optimizeaza la maxim spatiul utilizat dar foloseste niste metode “nu-prea-web-standards” pentru a afisa continutul imaginii: elemente <span> in scop decorativ, goale, fara continut:

  
  <span class="csb ch" style="background-position:-76px 0;
  margin-right:34px;width:66px"></span>
  

  Folosind aceasta metoda developer-ul nu isi mai face griji pentru imagini care apar din greseala ca background din cauza supradimensionarii elementului caruia ii este atasat sprite-ul. Asta se intampla fiindca are control fin asupra dimensiunilor acelui <span> decorativ.

  <flame> Nu sunt neaparat impotriva acestei metode dar cred ca trebuie sa echilibrezi performanta si usurinta in mentenanta a template-ului cu izbucnirile iubitorilor inflacarati ai standardelor web care vor spune ca trebuie sa scrii markup semantic, iar un span gol, cu scop pur decorativ, este o incalcare flagranta a tot ceea ce este sfant si pur in HTML. </flame>

Eu nu stiam asta, dar am aflat dintr-un articol de pe blogul lui Steve Souders.

Articolul e un fragment dintr-un capitol al cartii Even Faster Web Sites care va fi publicata in cursul acestei veri. Daca esti preocupat de performanta site-urilor pe care le construiesti aceasta carte e o resursa foarte buna pentru tine. Intre timp poti consulta editia mai veche, dar foarte informativa, High Performance Web Sites.

Totusi sunt unele electronice pentru care mi-ar placea un API ca interactionez cu ele dupa bunul plac.

• Mi-ar placea sa pot conecta masina de spalat la web, sa pun haine si detergent in ea, si sa o setez la un program si sa o pornesc remote cu o ora inainte sa plec de la servici spre casa. Astfel, cand ajung trebuie doar sa scot hainele si sa le pun la uscat.

• As vrea sa am acces la computerul de bord al masinii si sa ii dau reguli speciale in cazuri speciale. Gen: opreste farurile daca motorul e oprit de mai mult de un interval de timp, iar ora este candva noaptea – inseamna ca mi-am uitat farurile aprinse la masina peste noapte. Nu e frumos sa ma trezesc dimineata cu bateria uscata. Stiu cum e!Sunt constient ca exista implicatii serioase la acest capitol. Daca imi bag un bug in computerul de bord care imi dezactiveaza ABS-ul cand nu ma astept consecintele pot fi grave. “With great power comes great responsibility”
• Am vazut ca la Audi A6 exista un gadget de asistenta la parcarea cu spatele Vezi Audi A6 video pe CNet. Exista o camera montata pe bara din spate si senzori pe rotile din fata care detecteaza unghiul lor. Combina cele doua surse de informatie si afiseaza pe un LCD soferului traiectoria automobilului. Mi s-a parut o idee geniala dar costul e tipic Audi, 500+ Euro.Sunt sigur ca daca imi dai un senzor de proximitate, o camera video compacta, si access la computerul de bord pot sa iti afisez pe LCD-ul masinii acelasi lucru la o un pret mult mai mic.

De la ce dispozitiv ti-ar placea sa ai un API prin care sa il faci sa lucreze cand si cum vrei tu?