clevetic

Livrarea unei structuri informative este principala sarcina o interfata interactiva ar trebui sa fie capabila sa faca fata. Cu cat mai intuitiva structura unui web site cu atat mai usor este pentru vizitator sa inteleaga continutul. Indiferent de continut acesta trebuie prezentat intr-un mod cat se poate de interactiv si receptiv. In acest articol doresc sa prezint 11 tehnici javascript foarte folositoare pentru a imbunatati interactivitatea si aspectul unui web site.

“Pagini glisante”, “Ascunderea de continut”, “Imagini glisante sau continut”, “Carusel”, “Continut cu Tab-uri”, module script pe care le poti utiliza pentru a creste eficienta de prezentare a continutului text sau grafica.

1. jQuery – Pagini Glisante

jQuery – Pagini Glisante – este un plugin pentru jQuery care dezvaluie si populeaza un panou secundar. Poate fi utilizat in cazul in care spatiul pe ecran este limitat. Fereastra principala este rezervata pentru continut dar urmatoarele panouri nu necesita spatiu suplimentar. Ele fiind disponibile cu ajutorul interactiei vizitatorilor. (Demo)

2. Efect slide-out

In cazul in care un utilizator face clic pe un link numit “Ascunde”, acest link dispare frumos cu un efect animat. (Demo)

3. Idee de Portofoliu Folosind jQuery

4. Continut Auto-Play

Diferite tipuri de continut personalizat cu mai multe panouri. Auto-play. Poti face clic pe imagini pentru a sari la alt panou. Afiseaza panoul curent printr-o sageata deasupra imaginii. (Demo)

5. Easy Slider

Easy Slider permite imaginilor sau continutului sa alunece orizontal sau vertical. Este configurabil cu CSS.

6. mooSlide

mooSlide este un inlocuitor la popularul “Lightbox”. Are cateva optiuni interesante care influenteaza placut aspectul si comportamentul alunecarii continutului. (Demo)

7. jQuery.SerialScroll

jQuery.SerialScroll permite animarea cu usurinta a oricarei serii de elemente. Foloseste jQuery.ScrollTo pentru a atinge efectul de defilare. Acest plug-in poate fi folosit pentru navigare sau pentru defilarea continutului orizontal sau vertical, de asemenea in combinatie. Poti decide cate sunt vizibile la un moment dat cu CSS. Poti sa-l utilizezi ca un Text Scroller, News Ticker sau Slideshow. (Demo)

8. Carusel Agil

Permite creearea unui carusel personalizat cu mai multe tipuri de tranzitie. Utilizeaza PHP pentru a extrage imagini din dosarul specificat. Ofera cateva optiuni de control ca lungime, timp, tranzitie, tip de tranzitie si altele. (Demo)

9. JavaScript Slideshow Animat

Acest extrem de usor JavaScript include un numar impresionant de caracteristici. (Demo)

10. Sexy Lightbox 2

O varianta mai sexy si mai usoara a clasicului Lightbox. Suporta afisarea imaginilor si elementelor HTML. Compatibil cu HTML, asta inseamna ca ai posibilitatea de a afisa pagini web, video, imagini; intr-un cuvint, orice. Imaginile mari sunt automat adaptate la dimensiunea de fereastra a browser-ului. Necesita Mootools. (Demo)

11. UI.Layout

Inspirat de extJS, UI.Layout poate crea orice fel de interfata. De la simple anteturi sau sidebars, la aplicatii complexe cu bari de instrumente, meniuri, panou help, bara de statut, etc. (Demo)