Miesięczne archiwum: Październik 2011

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

CanvasLoader – aplikacja internetowa do generowania preloaderów.

canvasloader

Preloader to skrypt połączony z grafiką, który informuje nas o tym że coś jest aktualnie wczytywane i należy chwile poczekać. Chyba najbardziej popularnym preloaderem jest obracane koło, które w różnego rodzaju formach możemy spotkać w naszych komputerach. CanvasLoader jest aplikacją, której możemy użyć do generowanie  preloaderów, a te możemy następnie używać w naszych aplikacjach internetowych. Możemy zmienić kolor, prędkość obracania, wielkość, dystans itp. Grafika jest tworzona przy pomocy biblioteki Canvas, tak więc nie jest to na przykład animowany gif. Gotowy preloader możemy ściągnąć w postaci pliku HTML.

 

Link: http://heartcode.robertpataki.com/canvasloader/

Genfavicon – aplikacja internetowa do generowania faviconów

genfavicon

Favicon jest swego rodzaju ikonką strony www. Widoczna jest koło adresu URL przeglądarki internetowej oraz w zakładkach. Aby stworzyć ikonkę warto posłużyć się narzędziem internetowym Genfavicon. Aplikacja  w szybki i prosty sposób stworzy nam ikonkę ze wcześniej wczytanego zdjęcia. Zdjęcie można wczytać z dysku lub podać link URL. Następnie możemy ustalić wielkość grafiki a następnie podejrzeć efekt i ściągnąć plik. Dodatkowym atutem programu jest możliwość kadrowania grafiki.

Link: http://www.genfavicon.com/

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/