Dacă tot sunt întrebat aproape zilnic cum am învăţat javascript (şi tot spun că eu NU ştiu js; ştiu jQuery - şi nici ăsta la un nivel foarte avansat) am zis că ar fi bine să pun la bătaie câteva tutoriale video care se întâmplă să le am în bookmarks, dar nu am apucat să le văd decât pe sărite deoarece timpul nu este tocmai cel mai bun prieten al meu.

Introducere în Javascript

Theory of DOM

Advanced Java script

Joe Hewitt: welcome to Firebug

În afară de ultimul link, sunt câte trei link-uri pe rând, aşa că ai grijă pe ce dai click

Enjoy!

În desele şi lungile mele vizite (sic, nu sunt aşa retras cum cred unii) am observat că în preajma sărbătorilor (fie iarnă fie primăvară) între multele feluri de mâncare, unul este constant prezent pe mesele gazdelor. Este aranjat frumos, ornat cu gogoşari, aşezat în mijlocul mesei şi împărţit tuturor mesenilor.

Ce este curios însă, este faptul că TRADIŢIONALA salata de boeuf, căci despre ea e vorba, NU este o mâncare tradiţională românească, originea sa este nesigură (între Balcani şi Rusia) iar numele vine din franceză şi, tradus mot-a-mot înseamnă salată de bou, dar, probabil din prea multă grijă pentru urechile mesenilor, se foloseşte juma’ de nume francez (deşi, ar fi frumos să nu mai existe salată de pui ci doar chicken salad ). Oarecum paradoxal, francezii NU îi spun în felul acesta (din păcate îmi scapă numele) iar mare parte din românaşii noştrii NU folosesc ca ingredient de bază carnea de vită (cum ar fi normal) ci, de cele mai multe ori, carne de porc.

Ce spune un negru despre viaţa de negru din România? Află aici. Foarte interesant şi foarte frumos spus

Azi am început să tai un layout ce avea o parte dintr-un formular un pic… diferit de cum ar fi normal. Şi anume un alt buton de upload. Şi m-am gândit eu puţin şi am ajuns la concluzia că elementele ce intră într-un tag form sunt cel mai greu de customizat:

1. <legend> se comportă diferit pe firefox comparativ cu IE sau Opera, neputând fi poziţionat în niciun fel - padding/margin. Singura soluţie ar fi poziţionare relativă a fieldset-ului şi poziţionare absolută a tag-ului legend. Sau folosirea unui titlu în locul lui <legend> (<h4> sau <h5>)
2. <input type=”checkbox” /> şi <input type=”radio” /> nu poţi sa le convingi prea uşor de un anume background/culoare. Cred că ţine şi de setările sistemului de operare
3. <input type=”text” /> şi <textarea> au un „mic” bug în IE: dacă are o imagine ca background iar textul depăşeşte lătimea definită, background-ul pleacă la pădure. Fix? Pentru IE6 se defineşte bg ca fixed. Pentru IE7 nu am găsit altă soluţie decât să pun input-ul sau textarea într-un alt element (span/div) şi schimb background la acest element.
4. <select> & <option> padding-ul se aplică după ureche, în funcţie de browser. În plus, în IE6 este un bug criminal: niciun element nu poate apărea deasupra unui <select>. Soluţia? Dacă foloseşti jQuery, găseşti o mulţime.
5. Am lăsat cireaşa de pe tort (bomboana de pe colivă?!) la urmă: <input type=”file” />. Un simplu style=”border:1px solid #000″ îi strică rău de tot aspectul. Soluţii sunt multiple:

• nu te legi sub nicio formă de file şi te mulţumeşti doar cu lăţime;
• foloseşti o şmecherie făcută în flash (ai nevoie şi de cunoştinţe server side);
• foloseşti o şmecherie făcută în javascript. Sau un plugin pentru jQuery (download AICI deoarece nu prea merge site-ul).

Pentru primele patru probleme există o rezolvare foarte simplă all in one. Este o versiune recentă ce rezolvă o parte din problemele iniţiale (select-ul nu funcţiona decât dacă se făcea click pe săgeată, nu se putea folosi tastatura).

Enjoy!

Se pare că Roxana e pusă pe fapte mari. Pe 26 împuşcăm doi iepuri: celebrăm 90 ani de la naşterea lui Ceauşescu şi facem şi un blog meet (în ce ordine vrei ). Dacă vrei să vii sau vrei detalii, citeşte AICI.