Archiwa kategorii: za darmo

jQuery One Page Navigation – animowane etykiety w jQuery

jQuery One Page Navigation Plugin

Prosty skrypt do umieszczania na stronie przesuwanych etykiet. Etykiety to pojęcie, które odnosi się do tworzenia kodu HTML i oznacza odnośnik, który kieruje nas w pewną cześć tej samej strony. Jest to bardzo dobre rozwiązanie w sytuacji gdy mamy bardzo dużo informacji na stronie, podzielone na grupy, tematy lub akapity. Etykiety najczęściej używa się przy pisaniu FAQ, gdzie na początku jest spis treści a pod nim kilometry informacji :). Klikając na punkt w spisie, etykiety przenoszą nas w odpowiednie miejsce na stronie.

To tyle o samych etykietach, więcej informacji o tym możecie znaleźć na stronce [link]. Jeżeli chodzi o skrypt to zasada działania jest tak sama, z tą różnica że wybierają poszczególne pozycje w spisie skrypt w płynny animowany sposób przesuwa się po dokumencie.

jQuery One Page Navigation Plugin

Framework: jQuery
Demo: http://trevordavis.net/play/jquery-one-page-nav/
Download: http://github.com/davist11/jQuery-One-Page-Nav
Licencja: Darmowa

No Bullsh** – automatycznie generująca miniaturki galeria w PHP

No Bullsh** PHP Gallery V1.6

Może nazwa tego pluginu nie jest zbyt ładna, bo to niedokończone przekleństwo w języku angielskim, ale za to galeria jest całkiem zgrabna. Mamy możliwość wyświetlania zdjęć na dwa sposoby, poprzez miniaturki które wyświetlają się w głównym dużym oknie, lub otwierane w oknie Ajax. Zdjęcia dodaje się bardzo prosto, wystarczy wrzucić je do odpowiedniego folderu a w czasie otwierania strony skrypt PHP sam utworzy miniaturki.

No Bullsh** PHP Gallery V1.6

Wymagania: Prototype, PHP
Link: http://www.jkemppainen.com/nbs/
Demo: http://www.jkemppainen.com/nbs/nbs_gallery_1_6/
Licencja: Darmowa

jQuery Portlets – Tablica niusów ( portlet ) – drag and drop i jQuery

jquery portlets

Tablica niusów napisana na frameworku jQuery. Jest bardzo dobrze pomyślana i posiada kilka ciekawych funkcji. Poszczególne informacje możemy umieszczać w prostokątnych polach. Wszystkie niusy możemy zamykać w  grupy, a ta może być zamykana dzięki ikonie krzyżyka. Dzięki zastosowaniu metody drag and drop (chwyć i upuść), poszczególne elementy możemy przestawiać kursorem myszy.

jquery portlets

Link: http://sonspring.com/journal/jquery-portlets
Download: http://sonspring.com/sites/default/files/portlets.zip
Demo: http://host.sonspring.com/portlets/
Licencja: Darmowa

Quovolver – skrypt wyświetlający cytaty w jQuery

quovolver jquery

Prosty skrypt wyświetlający cytaty. Wyświetlają się one w elegancki sposób i przełączają automatycznie. W pliku ze skryptem można zmienić prędkość przełączania i czas wyświetlania cytatów. Teksty najlepiej umieścić w znaczniku <blockquote> tak jak w przykładzie.  Skrypt napisany jest na frameworku jQuery.

quovolver jquery

Wymagania: jQuery
Link: http://sandbox.sebnitu.com/jquery/quovolver/
Licencja: Darmowa

Pure CSS* – Pasek postępu w jQuery

Pure CSS* Progress Bar jQuery

Skrypt  Pure CSS* opiera się o czasowe przesuwanie paska. Jednak w tym przypadku, algorytm zdaje się symulować wrażenie dłuższego pobieranie czegoś z sieci. Działa to bardzo fajnie, a przez zmianę paru parametrów, można wydłużać i skracać przesuwanie się paska. Wygląd również jest bardzo ciekawy,  pasek widać dobrze na wszystkich przeglądarkach oprócz IE8, w której brak zaokrągleń rogów oraz cieni. W IE9 źle widać tło paska (a z nowym IE9 miało być tak pięknie :) ).

Pure CSS* Progress Bar jQuery

Wymagania: jQuery
Link: http://github.com/ivanvanderbyl/ui-progress-bar
Demo: http://skunkworks.ivanvanderbyl.com/
Licencja: Darmowa

IconShock – ikony portalów społecznościowych

iconshock free social ico

IconShock to portal, który umieszcza na swoich stronach profesjonalnie zaprojektowane ikony. Większość z nich można kupić, niektóre dostępne są za darmo. Jedną z takich darmowych perełek jest duża paczka ikon portalów społecznościowych. Paczka jest naprawdę duża bo ma 105Mb. Ikony są dostępne w  w dwóch typach .ICO i .PSD. Rozmiary ikon to po kolei: 64, 72, 128, 256, 512. Do ikon dołączone są pliki źródłowe .PSD i .AI, w nich mamy dostępne kolejne rozmiary ikon 16, 24, 32, 64.

iconshock free social ico

Link: http://www.iconshock.com/social-icons/
Licencja: Darmowe