Archiwa kategorii: Skrypty

jQuery Countdown – skrypt do odliczania czasu

countdown jquery

Zaawansowany skrypt, który umożliwia odliczanie czasu. Konfiguracja skryptu jest bardzo rozbudowana i pozwala dostosować skrypt do własnych potrzeb. Możemy liczyć sekundy, minuty, godziny dni a nawet lata zarówno do przodu jak i do tyłu. Na stronie  skryptu można znaleźć wiele przykładów użycia wraz z fragmentami kodów.

Framework: jQuery
Link: http://keith-wood.name/countdown.html
Licencja: MIT, GPL

List.js – lista i tabela z opcjami sortowania, filtrowania, edytowania i dodawania w jQuery

list.js jquery

List.js to bardzo ciekawy skrypt tabeli. Możemy tworzyć listy, których wynik może być filtrowany przez określone kryteria. Skrypt daje również możliwość tworzenia tabeli z możliwością sortowania, wyszukiwania, edytowania i dodawania rekordów. Od razu pisze że skrypt źle sortuje polskie znaki, więc w przypadku wykorzystywania go w jakiś projektach trzeba go zmodyfikować.

Framework: jQuery
Demo: http://listjs.com/examples.html
Licencja: MIT

Tangle – skrypt do tworzenia interaktywnych dokumetów – Mootools

tangle Mootools

Tangle to biblioteka do tworzenia interaktywnych dokumentów. W treść lub w obrazku dokumentu można wstawić suwaki reagujące na przesuwanie myszą. Przesuwanie może obliczać na bieżąco róże rzeczy. Skrypt działa na podobnej zasadzie co różnego rodzaju kalkulatory, z tym że zamiast wpisując w pola wartości zwiększamy i zmniejszamy je przy pomocy suwaka. Tangle to ciekawy skrypt do tworzenia różnego rodzaju kalkulatorów, cenników, równań  matematycznych.

Framework: MooTools
Link: http://worrydream.com/Tangle/
Licencja: MIT

Przyciski stylizowane na Google +

google plus buttons

Jeżeli marzy Ci się aplikacja w stylu Google+, do budowy interfejsu przyda się paczka przycisków stylizowanych właśnie na nowy interfejs Google. W paczce znajdziemy przyciski z ikonkami i etykietami lub same przyciski-ikonki z pojawiającymi się chmurkami z opisem. W paczce mamy również kolekcje „list rozwijanych”. Nic tylko usiąść i nowe Google pisać :)

Link: http://code.brucegalpin.com/google-plus-ui-buttons/

 

Construct 1.0 – aplikacja internetowe do tworzenia layoutu w CSS

construct

Ciekawe narzędzie internetowe do tworzenia layoutu o szerokości 950px. Aby korzystać z narzędzia trzeba zapoznać się ze skrótami klawiszowymi. Layout budujemy zaczynając od dodania kontenera ( głównej ramy – „container” )  do której następnie dodajemy kolumny.  Dopiero w kolumny możemy dodawać przykładowy tekst. Do ramy głównej lub do kolumny możemy dodawać identyfikatory id. Możemy również usuwać lewy odstęp od kolumny, aby ostatnia kolumna dotykał głównej ramy. Szkoda że nie ma możliwości regulowania  szerokości kontenera, no ale 950px to bezpieczna szerokość.

Link: http://www.constructyourcss.com/