Archiwa kategorii: Narzędzia

Maqetta Designer – edytor interfejsów użytkownika dla programistów Front-End

Maqetta Designer

Maqetta to aplikacja internetowa wspierająca programistów front-end przy projektowaniu interfejsów użytkownika. Aplikacja zbudowana jest w HTML5 i pozwala tworzyć strony w tym standardzie. Projektując strony internetowe możemy posługiwać się różnymi framoworkami JavaScript oraz dodawać i konfigurować atrybuty kontrolek. Mamy możliwość użycia wielu kontrolek takich jak tabele, wykresy , kalendarze przyciski, paski postępu, zakładki, i wiele innych. Gotowy projekt możemy pobrać i umieścić w swoich projektach. Aplikacja nie dział na IE (norma :-) )

Link: http://maqetta.org/

jCryption – skrypt do szyfrowania danych – jQuery, PHP

jcryption

Plugin przy pomocy którego możemy szyfrować dane przesyłane w postaci POST lub GET. Plugin może stanowić alternatywę dla szyfrowanych połączeń. Nie ma niestety z oczywistych względów trzeciej strony która autoryzuje czyli np. certyfikatu. jCryption do szyfrowania używa klucza publicznego algorytmu RSA. Dane szyfrowane są po stronie klienta a odszyfrowywane po stronie serwera przez plik PHP.

Framework: jQuery
Demo: http://www.jcryption.org/
Licencja: MIT, GPL

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

CSS Compressor – aplikacja webowa do kompresji CSS

CSS Compressor

Program do kompresji CSS. Układa on kod w taki sposób, aby zajmował jak najmniej miejsca. Mamy możliwość ustawienia kilku poziomów kompresji kodu. Aplikacja wycina zbędne spacje, usuwa akapity, skraca oznaczenia kolorów, zmienia na małe litery, usuwa komentarze itp. Aplikacja umożliwia również układanie stylów alfabetycznie.  Po zakończeniu możemy sprawdzić w konsoli co zostało zmienione, oraz w jakim stopniu zmniejszyła się objętość pliku w porównaniu z oryginałem. Należy pamiętać, aby przed zabawą w kompresje kodu zrobić kopie zapasową. Kompresowanie kodu pozwala na szybsze i płynniejsze wczytywanie strony.

Link: http://www.csscompressor.com/

VisualSearch – rewelacyjny skrypt w do wyszukiwana w jQuery

VisualSearch

Jeden z ciekawszych skryptów do wyszukiwania jaki udało mi się znaleźć w sieci. Napisany został przy pomocy frameworku jQuery. Posada możliwość tworzenia własnych kategorii, które możemy następnie wpisywać a skrypt sam będzie nam je podpowiadał. W pasku wyszukiwania możemy kolekcjonować kryteria wyszukiwania. Skrypt pozwala stworzyć naprawdę ciekawy sposób wyszukiwania.

Framework: jQuery
Demo: http://documentcloud.github.com/visualsearch/
Licencja: MIT

Stylesheet switcher – skrypt jQuery do zmiany CSS

stylesheet switcher

Malutki i prosty skrypt, który pozwala za jednym kliknięciem zmienić plik arkusza stylów czyli atrybut href w znaczniku link. Dodatkowo style pozostają również po odświeżeniu, ponieważ informacja o aktualnym pliku zapisywana jest w ciasteczkach.

Framework: jQuery
Demo: http://www.kelvinluck.com/assets/jquery/styleswitch/index.html
Download: http://www.kelvinluck.com/assets/jquery/styleswitch/styleswitch.zip

KeyBoarder – skrypt do prezentacji przycisków klawiatury – CSS

KeyBoarder

Prosty skrypt za pomocą którego będziemy mogli prezentować klawisze klawiatury. Dokładnie mówiąc wystarczy użyć odpowiednich class, aby nasz znacznik przypominał przycisk klawiatury. Mamy do dyspozycji kilka stylów do wyboru. Dodatkowo możemy użyć „pusików” i w ten sposób prezentować skróty klawiszowe do jakiś programów. Paczka oprócz stylów zawiera skrypt JavaScript, dzięki któremu możemy sprawdzać kod danego przycisku.

Demo: http://metgate.org/KeyBoarder/
Github: https://github.com/lsauer/keyboarder
Licencja: MIT