Archiwa kategorii: Licencja MIT

shine.js – skrypt który rzuci trochę cienia na sprawę

shine.js

Fajniusi skrypcik który doda trochę bajeru do waszych stronek WWW. Dzięki niemu stworzymy ma obiektach HTML efekt padania cienia. Jednak przeciwieństwie do zwykłego efektu cienia zrobionego w CSS3, nasz cień będzie padał przeciwnie do poruszanej myszy. To tak jak by mysz była źródłem światła i przedmioty, które stoją na drodze padania światła dają cień z tyłu. Jak zobaczycie demo, to z boku jest mały panel przy pomocy którego można zmieniać różne rzeczy. Fajniutkie :)

link: http://bigspaceship.github.io/shine.js/

UIKit – rewelacyjny framework CSS

uikit

Jak za pewnie zauważyliście zmienił się wygład strony. Jest teraz dużo ładniejszy i czytelniejszy. Interfejs został napisane na podstawie frameworka CSS  UIKit.  Jest to naprawdę elegancko napisany framework, który umożliwia  zastosowanie go praktycznie w każdej sytuacji. Oczywiście framework jest responsywny, co znaczy że można tworzyć interfejsy na urządzenia mobilne i robi się to naprawdę w prosty sposób. Style po załączeniu nie zmieniają wyglądu strony ani poszczególnych elementów. Robi się to dopiero po przypisywaniu znacznikom odpowiednich class. Na uwagę zasługuje również pokaźna kolekcja ikon których możemy zmieniać wielkość i kolor. UIKit oprócz CSS ma również wiele komponentów JavaScript np przycisk file, animowane menu, tolltip, okno modalne i wiele innych. Na stronie skryptu znajduje się również narzędzie do zmiany kolorystyki dzięki któremu możemy zmienić sobie kolor poszczególnych komponentów i pobrać zmodyfikowany framework pliki.

 

Dla tych co nie abla:

Framework CSS to taki szkielet w postaci gotowych schematów stylów CSS dzięki którym szybciej i łatwiej można tworzyć interfejsy. Początkowo może trudno się z niego korzysta bo trzeba się odpowiednio nastawić, ale warto bo potem można sobie zaoszczędzić sporo pracy.

http://getuikit.com/docs/components.html

fullPage.js – prosty skrypt jquery do tworzenia ciekawych stron.

fullPage

Bardzo ciekawy skrypt jQuery dzięki któremu stworzymy stronę internetową z ciekawym efektem. Zamiast przechodzić przez strony w tradycyjny sposób skrypt pozwala na animowane przejścia pomiędzy stronami. Nie tylko możliwe są pionowe przejścia, ale również poziome. Użycie jest bardzo proste i wymaga paru linijek kodu. Dodatkowymi atutami jest to, że działa dobrze na tabletach. Skrypt świetnie nadaje się na strony z portfolio.

 

 

http://alvarotrigo.com/fullPage/

Gmaps.js – biblioteka przydatna przy tworzeniu mapek Google

Gmaps.jpg – biblioteka napisana na frameworku jQuery, która w dużym stopniu ułatwia i przyspiesza wstawianie mapek Google na strony WWW. Biblioteka ułatwia wstawianie markerów, geolokalizacje i geokodowanie, rysowanie, mapy statyczne i wiele innych. Na stronie jest dostępna dokumentacja on-line, przykłady oraz linki do aplikacji JSFIDDLE w której można przetestować w praktyce używanie skryptu.

gmapsjs jquery

 

Framework: jQuery
Demo: http://hpneo.github.com/gmaps/examples.html
Download: https://github.com/hpneo/gmaps
Dokumentacja: http://hpneo.github.com/gmaps/documentation.html
Licencja: MIT

 

Sisyphus.js – autozapisywanie formularzy – jQuery

Nikt nie lubi wypełniać skomplikowanych formularzy na stronach z auto wylogowywaniem. Wystarczy że na chwile oderwiemy się od wypełniania, a wprowadzane w pocie czoła informacje zostaną stracone. Mi osobiście przydarzyła się taka sytuacja kilkakrotnie na portalu aukcyjnym Allegro. Teraz do budowy podobnych formularzy możemy użyć skryptu Sisyphus.js. Zapisuje on nie wysłane formularze na naszym komputerze. Teraz żaden koniec sesji , awaria czy niespodziewane zamknięcie przeglądarki nie będzie nam straszne.

Sisyphus.js

Framework: jQuery
Link: https://github.com/simsalabim/sisyphus
Demo: http://simsalabim.github.com/sisyphus
Licencja: MIT