Archiwa kategorii: Narzędzia

Background Image Generator – aplikacja internetowa do generowania tła na strony www

background image generator

Banalna w obsłudze aplikacja internetowa, przy pomocy której można generować powtarzalne tła tzw. Pattern. Na początku wybieramy kolor (możemy wpisać kod koloru). Następnie wybieramy wzór i dodatkowy wzór z którym tło będzie się mieszać.  Możemy ustalić intensywność wzoru oraz odwrócić wzór. Jest jeszcze opcja na końcu ale nie wiem do czego służy (pewnie jest dla ozdoby :) ).

 

http://bg.siteorigin.com/

Remove Image Backgrounds – aplikacja webowa do szparowania

clippingmagic

Świetne narzędzie webowe do prostego szparowania obrazków. Szparowanie czyli usuwanie tła z obrazka. Narzędzie działa w bardzo prosty sposób. Wystarczy wczytać obrazek i zaznaczając kolorem zielonym wszystkie elementy które mają pozostać a kolorem czerwony te które maja być usunięte. Program sam zaznaczy szparowany obszar. Efekt końcowy można następnie zapisać na dysku swojego komputera. Bułka z masłem. Oczywiście te narzędzie nie zastąpi profesjonalnego szparowania w Photoshopie a do szybkiego i prostego szparowania jak najbardziej się nadaje a efekt jest całkiem zadowalający.

Link: http://clippingmagic.com/

NailThumb – biblioteka do zmiany rozmiaru obrazów – jQuery

Biblioteka NailThumb pozwala w prosty sposób tworzyć miniaturki. Miniaturki tworzą się po stronie klienta, tak więc nie obciążają serwera podczas generowania. Demo pokazuje wiele opcji dopasowania miniaturki do żądanego widoku. Warto rozważyć takie rozwiązanie podczas budowania aplikacji.

NailThumb jQuery

Framework: jQuery
Demo: http://www.garralab.com/nailthumb.php
Demo2: http://www.garralab.com/nailthumb-demo.php
Licencja: GPL

 

Timeline – Zaawansowana oś czasu w jQuery

Timeline to zaawansowany skrypt osi czasu. Jednak jak zapewnia autor jest on prosty i intuicyjny w użyciu a jednocześnie prezentuje się znakomicie. Dane do osi czasu mogą być wgrywane przez format danych JSON. Na osi czasu możemy umieścić najróżniejsze media, zdjęcia, mapy Google, video, pliki audio. Media można dodawać z portali społecznościowych.

timeline jquery

Framework: jQuery
Demo: http://timeline.verite.co/
Licencja: GPL

 

SpritePad – aplikacja internetowa, która przyspieszy pisanie CSS

spritepad

Aplikacja internetowa, która wspomaga pisanie stylów CSS a dokładnie wstawiania obrazków jako tła. Dzięki wykorzystaniu w aplikacji techniki Drag and drop, możemy myszką nakładać obrazki na plansza, a kod CSS sam się generuje. Utworzony obrazek wraz z kodem CSS możemy ściągną w formie pliku zip. Program jest darmowy, ale jeżeli chcielibyśmy zapisać projekt do późniejszej edycji trzeba wykupić konto za parę dolarów.

Link: http://wearekiss.com/spritepad

Tinycon – animowany favicon

Tinycon

Prosty a zarazem ciekawy skrypt do zmian faviconu, czyli małej ikonki w zakładce strony. Pozwala on na dynamiczną zmianę na przykład numeru. Informacja zmieniana na ikonie favicon może informować użytkownika o jakiś zdarzeniu, gdy ten przegląda inne karty w przeglądarce. Takie rozwiązanie dynamicznej zmiany wykorzystuje poczta Gmail informując swoich użytkowników o nowych wiadomościach.

 

 

Link: http://tommoor.github.com/tinycon/
Licencja: MIT