jQuery UI 1.5b4

5 May

Well… se pare ca băieţii de la jQuery nu dorm (sau se mai trezesc din când în când) şi mai lansează câte o versiune de ceva din când în când. De această dată, acest „ceva” s-a nimerit să fie UI, o continuare a Interface (scris de Eyecon). De fapt, dacă îmi aduc aminte bine, UI este un fel de Interface 2.0.

Citind blogul jQuery văd că noua versiune (ce este în continuare beta) repară un sac de bug-uri, aduce un redesign al paginii UI (care între noi fie vorba… arată MULT mai frumos decât precedentul), un downloader pentru un build custom al UI şi câteva demo-uri la efectele din UI/Enchant.

La prima vedere pare OK, DAR ~80k pentru sortable/draggable/droppable mi se par un pic cam multişor…. Da, momentan voi rămâne la Interface (momentan sunt blocat la Interface într-un proiect ce este prea mare şi prea aproape de finalizare pentru a-l modifica) dar la următorul proiect voi folosi fie UI, fie MooTools (de care am auzit numai lucruri bune şi care sper să iasă din beta într-o lună-două)

Scris în categoria: Development, Javascript, jQuery 2 Comentarii

IE6 Image Flicker Fix

16 Apr

În IE6, dacă se folosesc imagini la background-ul unui link, acestea „flicker-e” (care ar fi traducerea?) în cazul unui event mouse-over. Asta deoarece se pare că IE nu prea ştie să facă un cache la respectivele imagini. Sau dacă îl face, îl face foarte prost (cam ca orice altceva face IE6 :death: )

Din fericire, pentru asta există un fix javascript foarte simplu:

1
2
3
try {
  document.execCommand("BackgroundImageCache", false, true);
} catch(err) {}

Din păcate merge doar pe IE6 SP1. Din fericire, majoritatea îl au :D

Via.

MoreCSS.js

12 Mar

Citat de pe site-ul lor:

MoreCSS is a small JavaScript library for everyday things, like creating popups, tab menus (for example like the one above), tables and lists with “zebra”-style … etc. But the really special thing is: you can do these things like in regular CSS.

Iar un exemplu interesant :
a {
target:popup;
target-width:640px;
target-height:640px;
}

Rezultatul cred că e destul de previzibil. Pe pagina lor sunt mai multe exemple, unul mai interesant ca altul :D

via.

Scris în categoria: Css, Development, Javascript Un comentariu

jQuery 1.2.3. UI 1.5a. Enchant

7 Feb

Azi a fost lansată o nouă versiune de jQuery. Odată cu noua versiune de jQuery vine şi o nouă versiune de UI şi o şi mai nouă versiune de Enchant ce vrea să reproducă toate efectele din Interface (şi se pare că reuşeşte). Deoarece se pare că s-au ars când au lansat prima versiune a UI, versiunea 1.5 este în stadiul alpha. După ce va ieşi o versiune stabilă (sau măcar un RC), mă voi gândi serios să fac upgrade. Până atunci însă, voi folosi în continuare Interface. Totuşi sper ca noua versiune să aibe o documentaţie ceva mai solidă decât actuala….

Via Ajaxian.

Bookmarklet util pentru Wordpress

27 Jan

Dacă îţi place să intri pe multe blog-uri noi şi ai mereu ceva de comentat, probabil te-ai săturat să tot bagi numele, adresa de email şi adresa site-ului tău. Pentru task-uri simple, nişte băieţi deştepţi au inventat bookmarklets. Pe scurt, este o secvenţă de javascript adăugată în meniul favorites (bookmarks) ce se poate executa printr-un simplu click.

Eu unul cum intru în categoria de mai sus, am făcut un mic script (banal) pentru a completa automat aceste câmpuri cu datele mele.

Doar pentru wordpress:

javascript:document.getElementById('author').value='numele tau'; document.getElementById('email').value='adresa@ta'; document.getElementById('url').value='blog.iamntz.com'; void(null)

Doar pentru blogspot (trebuie bifat nickname întâi)

javascript:document.getElementById('uname').value='numele tau'; document.getElementById('uurl').value='blog.iamntz.com'; void(null)

Pentru ambele:

javascript:try {document.getElementById('author').value='numele tau'; document.getElementById('email').value='adresa@ta'; document.getElementById('url').value='blog.iamntz.com'; void(null)} catch(err){};try{document.getElementById('uname').value='numele tau'; document.getElementById('uurl').value='blog.iamntz.com'; void(null)} catch(err){};

Cum se foloseşte?

În Firefox du-te în Bookmars->Organize bookmarks -> New bookmarks (asta e un icon în stânga sus).

Introduci numele bookmarkletului în input-ul Name iar în input-ul Location adaugi codul de mai sus (este pe un singur rând), făcând modificările de rigoare. Apeşi OK si gata. Ai un bookmarklet util ce merge pe majoritatea blogurilor bazate pe Wordpress unde de fiecare dată când apeşi pe el, câmpurile de la comentarii se vor completa cu datele tale.

UPDATE: a fost o mică problemă cu ghilimele puse aiurea de Wordpress. Dacă ai încercat şi nu a mers, mai încearcă o dată. Cu siguranţă va funcţiona.

UPDATE2: a apărut şi versiunea pentru blogspot

Scris în categoria: Javascript, Tutoriale 9 Comentarii