Miesięczne archiwum: Kwiecień 2011

Adapt.js – dostosowuje CSS do wielkości strony

Adapt.js

Adapt.js to bardzo użyteczny skrypt. Za jego pomocą można zbudować interfejs strony w zależności od wielkości okna przeglądarki. Skrypt w czasie ładowania strony sprawdza rozmiar okna i wczytuje odpowiednie style CSS. Kiedy rozmiar okna jest zmieniany skrypt wczytuje inne style CSS co powoduje zmianę układu strony. Taki skrypt może być bardzo przydatny w sytuacji, kiedy strona www ma być wyświetlana nie tylko na ekranach komputerów, ale również na ekranach telefonów komórkowych i tabletów.

 

Adapt.js

Link: http://adapt.960.gs/
Licencja: GPL, MIT

jParallax – ciekawy skrypt w jQuery

jParallax jquery

Bardzo ciekawy skrypt, który wyświetla warstwowo rożne obiekty. Obiekty te mogą się przemieszczać po najechany na nich kursorem myszy. Bardzo podobał mi się przykład panoramy z  przesuwanymi górami lasami i domkami. Myślę że ten skrypt świetnie nadaje się do zrobienia loga lub logotypu do strony www.

 

jParallax jquery

Framework: jQuery
Link: http://webdev.stephband.info/parallax.html
Licencja: Darmowa

 

 

Aplikacja Web do tworzenia tła na stronie www

Patternify

Patternify to aplikacja do tworzenia powtarzalnego tła. Możemy tworzyć obrazki piksel po pikselu i od razu zobaczyć efekt końcowy. W programie mamy kilka zdefiniowanych rysunków i wzorów z których możemy skorzystać. Możemy wybierać kolory, definiować wielkość obrazka, oraz przezroczystość. Ciekawą opcją jest to, że możemy nie tylko ściągnąć obrazek jako plik .png, ale także umieścić obrazek w formacie Base64. Aplikacja umożliwia również przesyłanie projektu tła przez wygenerowany w tym celu link.

 

Patternify

 

Link: http://www.patternify.com/

 

 

Ax-zoomer – skrypt do zoomowania zdjęć w jQuery

ax-zoomer jquery

Prosty skrypt, który umożliwia przybliżanie zdjęć przy użyciu przycisków lub za pomocą rolki w myszce. W konfiguracji skryptu mamy możliwość ustawienia krotności zbliżenia, przeźroczystości, ikonki przycisków oraz czułości rolki myszy. Przy dodawaniu zdjęcia w znaczniku <img> ustalamy małe i duże zdjęcie. Podczas zoomowania, zdjęcie jest podmieniane przez skrypt z małego na duże.

 

ax-zoomer jquery

 

Framework: jQuery
Link: http://www.albanx.com/?pid=1&subid=13
Licencja: MIT, GPL

Watermark – znak wodny na zdjęciu – skrypt w JavaScript

watermarks javascript

Biblioteka js, która w czasie rzeczywistym pozwala dorysować do zdjęcia znak wodny. Skrypt jest napisany w języku JavaScript i nie wykorzystuje żadnych frameworków. W skrypcie możemy ustalić jaki obrazek ma być dołączany do zdjęć, ustawić jego przezroczystość, classe oraz pozycje. Takie rozwiązanie nie zabezpiecza jednak zdjęć przed kradzieżą ze strony, ponieważ można wyłączyć obsługę JavaScript w przeglądarce.

 

watermarks javascript

 

Link: http://www.patrick-wied.at/static/watermarkjs/
Demo: http://www.patrick-wied.at/static/watermarkjs/demos/demo2.html
Licencja: MIT

 

Google Page Speed – narzędzie online do optymalizacji strony WWW

google page speed

Google już od dłuższego czasu udostępnia narzędzie Page Speed jako plugin do przeglądarek Chrome i Firefox. Plugin ten pozwala na zbadanie czasu ładowania strony WWW i analizy poszczególnych składowych wczytywanych do przeglądarki. Od niedawna Page Speed jest dostępne w formie narzędzia internetowo. Nie trzeba więc korzystać z Chrome czy Firefox i instalować pluginu.

google page speed

link: http://pagespeed.googlelabs.com/