Arhiva pentru tagul “Scripturi”

Leigeber: Web Development Blog

Din când în când dau peste unele situri, pentru webmasteri, care mă entuziasmează. Am scris de exemplu săptămâna trecută despre WebDesignerWall, iar acum două săptămâni despre FilamentGroup. Săptămâna aceasta mă opresc la o altă descoperire recentă. Ea a fost via SixRevisions.com, un blog excelent ce a publicat recent un articol interesant şi bine documentat: Create a Nice, Lightweight JavaScript Tooltip. Dar autorul acestui articol este de fapt autorul altui blog: Leigeber.com, care se explică cu subtitlul "web development blog".

img93

Ce găsim pe acest blog? Foarte multe articole interesante. Mai concret: tot felul de scripturi de volum mic şi efect mare 🙂 .

  • Sliding JavaScript Menu Highlight – o soluţie foarte elegantă de meniu pe un singur nivel, cu sublinierea opţiunii deasupra căreia este mouse-ul. Nu pot …

Continuăm: RSS încorporat în pagină

Vă amintiţi că duminică am scris de două ori despre Yahoo! Pipes şi faptul că permite exportarea oricărui RSS într-o formă de cod HTML de folosit într-o pagină web? Spuneam atunci că folosind niscaiva cunoştinţe HTML şi CSS avansate se poate scăpa chiar şi de logoul Yahoo! Pipes. Dovada o aveţi la generatorul lui Kent Brewster. Scrieţi acolo numele sitului care vă interesează, adresa lui web, adresa fluxului RSS, eventual configuraţi culorile şi lăţimea, apoi apăsaţi Badgif! pentru a obţine codul.

img8

Un mic "secret". În cod veţi găsi partea unde scrie get this for your page. Puteţi înlocui cu un text în română şi cu un link spre o altă pagină, de exemplu pagina unde Dvs oferiţi acest badge spre utilizare. Scriptul lui Kent este excelent! Păcat că nu poate fi setată …


Pluginuri jQuery de la Filament Group

Filament Group are pe sit o secţiune de laborator, unde sunt prezentate diverse proiecte deschise publicului spre liberă utilizare. Nu am avut ocazia să le folosesc încă, dar demonstraţiile sunt convingătoare. Unul dintre primele pluginuri jQuery – din martie – este pentru desenarea de grafice. Veţi vedea acolo un exemplu ce permite modificarea graficului chiar din pagină, modificând datele din tabel (un click pe date, scrieţi un număr nou şi graficul se va actualiza!). În această lună Filament Group a mai scos încă două pluginuri ce mi s-au părut foarte interesante.

img4

Primul: jQuery Interactive Date Range Picker with Shortcuts. Este – ştiţi deja din nume – un script ce permite alegerea unui interval de timp. Ideea este că e prepopulat cu nişte perioade ce pot fi frecvente ca uz: ultimele 30 de …


DynamicDrive: Mai mult conţinut în acelaşi spaţiu

Haideţi să mai aruncă o privire pe DynamicDrive, pe ultimele scripturi. În ultimele luni au apărut câteva scripturi pe care le-am putea reuni sub un numitor comun: mai mult conţinut în acelaşi spaţiu. Featured Content Slider v2.0 este scriptul care ilustrează cel mai bine ideea. Daţi un click pentru a vedea mai bine la ce mă refer.

image 

V-aţi întors? E vorba deci de un script care permite să afişaţi mai multe imagini sau secvenţe HTML într-un acelaşi cadru din pagina web. Asfel de tehnici aţi văzut pe mai multe situri. Dacă doriţi ceva similar aveţi acum instrumentul! Există desigur avantaje şi dezavantaje. Să zicem că aveţi un sit şi doriţi să afişaţi noutăţile. Dacă le afişaţi una sub alta vor ocupa desigur mai mult spaţiu dar vor putea fi mai uşor acoperite cu privirea. Dacă folosiţi scriptul spaţiul …


Shadowbox: o lumină de fapt

Acum câteva săptămâni scriam despre clonele Lightbox. Nu credeam că subiectul îmi va fi de folos atât de rapid. Dar săptămâna aceasta m-am trezit cu o nevoie complexă: Papa Benedict se află în vizită în SUA (şi avem mult de lucru la Catholica.ro, de aceea puţin şchioapătă ritmul aici) şi am vrut să fac o secţiune specială în care să strâng texte, fotografii, materiale video… Iar ShadowBox s-a potrivit ca o mănuşă. Nici vorbă de umbre, acest script a aruncat doar lumină şi mi-a provocat sincer bucurie.

img49

Evident, demonstraţii ale scriptului găsiţi pe pagina lui (tocmai am pus mai sus linkul) sau puteţi vedea ceea ce am făcut eu pe Catholica.ro pentru texte, fotografii şi materiale video. Funcţionează ca uns (eh, evident că …


Grafice Visifire cu SilverLight

Dacă mai jos nu vedeţi grafice, nu vă impacientaţi. Nu încercaţi să reglaţi monitoarele 🙂 . Înseamnă doar că încă nu aţi instalat Silverlight de la Microsoft. Probabil nu vă trage inima să mai instalaţi încă ceva pe propriul calculator. Dar dacă vă amintiţi că Silverlight este echivalentul Flash-ului, veţi înţelege că aşa după cum mai greu, dar până la urmă Flash-ul a pătruns pe majoritatea calculatoarelor şi Silverlight va ajunge răspândit în timp. Consideraţi că suportul pentru Flash vă îngreunează calculatorul? Desigur nu. Fără Flash nu aţi putea urmări YouTube de exemplu. Ei bine, fără Silverlight nu puteţi vedea alte lucruri de pe net (pentru moment mai puţine).

Astăzi doresc să vă prezint o soluţie Open Source pentru grafice. Nu sunt prea multe soluţiile de acest gen. De regulă cele care arată bine sunt comerciale (dar există şi una-două excepţii). …


Vreţi reclame după colţ?

Există un mod de reclame cunoscut în engleză sub nume precum Magic Corner sau Peel Away Ad. Colţul dreapta-sus al paginii pare îndoit şi parcă ar ascunde ceva. Dacă apropiem mouse-ul, se "decojeşte" mai mult, arătând un text sau o imagine (sau o combinaţie). Poate fi o reclamă (plătită), poate fi pentru a semnala ceva foarte important de pe situl Dvs (ex: un sondaj), sau pentru a trimite la bloguri într-o reţea în care unii trimit spre alţii.

img175

Oricare ar fi utilizarea, pe Hongkiat.com găsiţi un material util. Aveţi acolo o arhivă cu toate cele necesare, însemnând în principiu două fişiere flash, două imagini şi un fişier JavaScript. Evident imaginile le puteţi modifica cum doriţi, pentru a se încadra cu designul sitului şi pentru a conduce unde doriţi. Fişierul peel.js trebuie configurat, dar veţi găsi în articol instrucţiunile …


Player-e MP3 cu Easylistener

Yahoo! experimentează diverse produse, unul făcut public în noiembrie 2007 fiind Easylistener. Este vorba de o aplicaţie flash care poate să "cânte" o pagină sau un flux RSS. Indicând una din aceste două surse, vor fi căutate piesele MP3, care apoi vor putea fi ascultate direct. Acum toată problema este să găsiţi pagini care să indice link direct spre MP3, pentru că majoritatea (ex: vezi Trilulilu) ţin fişierele pe căi… ascunse.

img12

Player-ul flash poate fi configurat, dincolo de URL-ul pentru sursă. Puteţi opta pentru diverse forme ale player-ului, ba chiar puteţi specifica Dvs o dimensiune pentru a se potrivi exact în pagina web. De asemenea puteţi alege culoarea pentru butoane şi alte câteva opţiuni.

img13

Iată la final două player-e construire cu Easylistener, folosind aceeaşi pagină spre „aprovizionare”. …


Imagini clickabile cu stil

De ce ar trebui să fie o imagine clickabilă plicticoasă? Adesea chiar ar prinde bine să sară în ochi faptul că este clickabilă. Săptămâna trecută am văzut o soluţie foarte elegantă ce, cu un fişier JScript, permitea ca imaginile să prindă tot felul de efecte (umbre, margini…). Acum vom vedea un script intitulat ImageLink. Dacă aveţi curiozitatea, în pagina scriptului veţi găsi şi explicaţiile despre modul lui de funcţionare. După cum intuiţi din captura de mai jos, scriptul afişează o imagine (cu transparenţă) peste imaginea pentru care dorim efectul.

img8

Utilizarea presupune includerea respectivului fişier JScript, dar şi a unei secvenţe CSS. Descărcând scriptul veţi avea două exemple gata construite, de la care puteţi copia cele necesare pentru a folosi efectul în propriile pagini. Demonstrativ am pus mai jos deja clasica girafă a ultimelor zile pentru …


Galerii cu MooTools

Începem cu o paranteză. În această lună jQuery a împlinit doi ani, apărând cu această ocazie versiunea 1.2.2, ce rezolvă unele bug-uri. Dar o veste mai bună este că o firmă din Los Angeles a angajat un om care să lucreze la jQuery. De fapt la subproiectul jQuery UI. Pentru mine este o veste extraordinară, pentru că în timp ce admit potenţialul extraordinar al acestui subproiect, sunt foarte dezamăgit de versiunea 1.0 cu care şi-a început existenţa, plină de bug-uri şi de incompatibilităţi între navigatoare. Cu un om dedicat (şi plătit), jQuery UI ar putea să devină un produs excelent, care să motiveze suplimentar folosirea excelentei librării jQuery.

img28

Dar acum revenim la librăria MooTools. Aş dori să vă semnalez mai întâi o soluţie pentru galerii de …