Arhiva pentru tagul “Scripturi”

jQuery Captify: caption pentru imagini

Vă propun astăzi un plugin jQuery pe numele lui Captify care vă permite să adăugaţi uşor caption la imagini. Nu ştiu cum s-ar traduce mai corect, dar caption se referă la titlul/legenda/explicaţiile cu care avem uneori nevoie să însoţim anumite imagini. Pluginul Captify nu doar că este uşor de folosit dar şi foloseşte informaţia din ALT (parametru al tagului IMG). Practic în afara de evidenta apelare a fişierului JavaScript pentru jQuery şi respectiv pentru plugin tot ce mai trebuie la o imagine ce are deja parametrul ALT este să se indice clasa captify. Exagerez puţin. În practică mai rămâne un pas esenţial: CSS-ul. Pluginul vine cu un CSS din care puteţi face copy & paste la partea indicată, dar tot va rămâne puţin de lucrat pentru o „îmbinare” perfectă cu situl/pagina existentă.

Vedeţi mai sus un exemplu. Pentru a-i studia sursa daţi click …


Depistaţi imaginile care nu se încarcă

Învârtindu-mă ieri pe net după ceva ce îmi trebuia am dat peste un blog interesant, al unui tânăr pe numele lui David Walsh. Pentru cei care i-au reţinut numele (prieteni, alţii) e uşor să îl găsească online, având situl la adresa DavidWalsh.name (recunosc, nu am văzut dot NAME prea folosit). Acest individ are tot felul de mici articole pe teme foarte exacte, ceea ce înseamnă că majoritatea nu îţi vor fi utile decât când te ciocneşti de problema cu pricina. Oricum, dacă sunteţi webmasteri cred că vă va place să aruncaţi o privire pe respectivul blog (teme predilecte: PHP, CSS, MooTools, jQuery).

Unul dintre articolele care mi-au reţinut atenţia se numeşte Send Email Notifications for Broken Images Using jQuery Ajax. Acolo am găsit o idee simplă (şi tocmai de aceea genială): folosirea evenimentului error generat de imagini (via jQuery) pentru a apela o pagină …


jQuery: câteva pluginuri

E vremea să facem cunoştinţă cu alte pluginuri jQuery (vă amintiţi de cele de săptămâna trecută?). Am reţinut două tutoriale (m-aţi prins, nu sunt pluginuri, dar folosesc jQuery) ce arată cum poţi face nişte secţiuni mobile. Primul articol se numeşte Creating a Slide-In jQuery Contact Form – îl vedeţi în cele două capturi cu maro de mai jos. Ni se explică pas cu pas cum putem avea o secţiune de contact valabilă în orice pagină, fără totuşi să încurce, să ocupe spaţiu constant. De fapt formularul de contact se deschide, alunecă în jos, atunci când e nevoie de el (click pe Contact Us). Ideea e simplă, implementarea e simplă, dar tocmai de aceea deschide orizonturi largi de aplicabilitate (de exemplu pentru un sondaj, sau un fel de help…). Pe scurt e vorba de 1) un DIV, care 2) are un CSS şi care 3) …


jQuery: câteva pluginuri

Intenţionez să vă prezint în continuare câteva pluginuri care pe mine m-au interesat. Nu pentru un proiect anume dar mi s-au părut a avea multe aplicaţii posibile, aşa că m-am decis să mă uit puţin mai îndeaproape la ele. Primul, care m-a entuziasmat de când i-am citit titlul, se numeşte jQuery Context Menu Plugin. Cu captura de mai jos şi din nume sunt sigur că ştiţi deja ce face: permite ca pe anumite elemente (div-uri, td-uri, img-uri sau ce vă mai imaginaţi) să faceţi cu click-dreapta apelabil un meniu contextual (în locul celui din navigator). Dacă dezvoltaţi o webaplicaţie atunci cu un meniu contextual puteţi spune "altă viaţă!" După cum vedeţi tot din captura de mai jos, nu e mare filosofie definirea unui meniu: e vorba de o listă. Trebuie inclus un fişier JavaScript cu pluginul (evident înainte inclusă librăria) şi unul CSS pentru meniul contextual. Apoi …


S/2: jQuery, Tooltips, Template-uri

→E joi, e ziua dedicată webmasterilor, aşa că merge să privim puţin înapoi să vedem nişte listuţe utile apărute pe web în ultimele zile sau săptămâni. Şi voi începe cu un articol recent cu un titlu foarte pretenţios: 20 jQuery Plugins for Unforgettable User Experience. Despre devSnippets am mai scris şi era normal să apară liste cu selecţii de scripturi. Şi ce era mai predictibil decât jQuery? Unele dintre scripturi sunt arhi-cunoscute de cei pasionaţi de jQuery, dar există şansa să găsiţi şi scripturi noi. Pe mine de exemplu m-a atras scriptul de auto-populare a unor câmpuri listă, pentru că am avut nevoie de aşa ceva în câteva proiecte. Vizual m-a încântat cel mai mult pluginul CrossSlide. Merită să vedeţi pagina pluginului care include o demonstraţie: efectele sunt a la Flash, dar realizate cu JavaScript. Autorii recunosc că scriptul ar putea solicita intens procesorul, …


Sikbox: căutare live pentru blogul tău

Aveţi un blog şi doriţi să oferiţi o căutare mai rapidă, chiar din / de lângă boxa de căutare? Sikbox este un interesant instrument de care se pot bucura situri realizate cu WordPress, Drupal, Joomla şi Blogger, probabil şi cu alte platforme (imediat sau în timp… nu am studiat). Ce face el? Chiar de la primele litere scrise va face o căutare între articole şi va încerca să furnizeze articolele cele mai potrivite. Mai mult, rezultatele sunt paginate, astfel că poţi trece la o următoare suită de rezultate rămânând tot în fereastrea plutitoare de sub căutare. E foarte elegant şi vizitatorii Dvs s-ar putea să aprecieze această atenţie faţă de ei. Cât de greu e de implementat o astfel de facilitate? E o problemă de câteva clickuri. Daţi mai întâi adresa sitului Dvs apoi deja, imediat, veţi putea testa căutarea!


GreenGeckoDesign: trei scripturi

Jason J. Jaeger e un webdesigner din SUA care are un sit tare simpatic. Singura imagine pe care o pun de altfel e a primei pagini a sitului lui. Dar adevăratul subiect îl constituie cele trei scripturi, toate bazate pe MooTools, pe care autorul le-a dezvoltat şi le întreţine. O luăm în ordine cronologică, începând cu cel mai vechi: MooColumns. E un script interesant, care la designuri speciale poate prinde bine. Ce face? Coloane desigur. Evident că putem formata şi altfel un text pe coloane… de exemplu cu un tabel. Dar cum azi lumea cam fuge de tabele (sincer, nu înţeleg de ce… cu ce sunt mai sfinte div-urile), iată o soluţie CSS & JScript de formatare după bunul plac a unui text. Cel mai bine veţi înţelege din exemple. Aveţi aici unul şi puteţi da liniştiţi click (dacă citiţi …


S/2: JScript, CSS şi diverse instrumente

→ Astăzi SmashingMagazine a publicat o interesantă şi utilă listă intitulată 75 (Really) Useful JavaScript Techniques (nu e prima oară… mai au avut de-a lungul istoriei 1, 2, 3, 4, 5 articole cu alte selecţii). Despre câteva am scris şi noi în trecut, dar majoritatea sunt noi din perspectiva conţinutului acoperit aici. Am regăsit în această listă un plugin pe care mă gândesc de mult timp să îl încerc: jQuery Keypress Navigation. Acesta permite să defineşti combinaţii de taste pentru diverse acţiuni. Îmi amintesc prin navigările mele de situri în care boxa de căutare are asociată combinaţia CTRL+S. În unele webaplicaţii un astfel de script poate fi foarte util, în special celor care preferă mouse-lui folosirea tastelor. Pentru începători mi s-a părut atractiv JavaScript tabifier: pui …


ToobPlayer: pentru webmasterii cu pretenţii

ToobPlayer nu este genul acelor "produse" pe care le scoţi din cutie şi le foloseşti imediat. Webmasterii cu cunoştinţe flash (şi cu Adobe Extension Manager instalat) vor putea face însă minuni cu acest player video dar şi de imagini (deşi în exemple nu este arătat funcţionând astfel).

img159

Poate unul dintre lucrurile cele mai atrăgătoare este faptul că permite – cu un script proxy scris în PHP – afişarea clipurilor YouTube într-o interfaţă ce nu include nici un logo YouTube (vedeţi mai sus). Evident respectivul script ajunge la fişierul FLV (cum fac zeci de soluţii web de salvare a clipurilor YouTube), pe care îl redă apoi în player. Respectivul script poate fi folosit şi independent de cei care folosesc poate un alt player online FLV. Sunt disponibile câteva interfeţe, iar cei cu pretenţii pot să îşi dezvolte propriile interfeţe …


BarackSlideshow… nu e coincidenţă de nume

Dacă BarackSlideshow vă duce cu gândul la Barack Obama să ştiţi că nu greşiţi! Nu prea urmăresc agitaţiile electorale nici măcar în România 😉 dar legat de SUA pot să spun că am văzut pe multe bloguri dedicate internetului, webmasterilor, lumii IT în general, câte un mic dreptunghi de reclamă pentru cel care ar putea fi primul preşedinte de culoare din istoria SUA. Pare a fi strâns multă simpatie, inclusiv online, iar situl său de campanie, BarackObama.com, include un script pe care au dorit şi alţii să îl aibă. E vorba de un slideshow, cu imaginile clickabile.

img113

Astfel a apărut BarackSlideshow, un script bazat pe MooTools, şi care are o putere mare de generalitate, în sensul că lista ce selectează "cadrele" slideshow-ului nu este musai să stea în laterală-dreapta, ci poate fi oriunde pe ecran. …