Archiwa kategorii: Licencje

Licencje

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/

Jarallax – plugin jQuery do tworzenia stron z efektem paralaksy

Paralaksa to ten… eeee…hhmmm. No nieważne, znajdziecie sobie definicje na wikipedii :). Najważniejsze jest to że dzięki temu pluginowi, możemy tworzyć podobne efekty paralaksy. Na blogu taipa.pl były już opisane z dwie czy trzy strony z użyciem innych podobnych pluginów. Oto kolejny do kolekcji. Na stronie pluginu prócz możliwości pobrania, można również zobaczyć przykładowe użycie kodu oraz film instruktażowy.

jarallax juery

Wymagania: jQuery
Demo: http://www.2gis.ru/dr/
Videotutorial: http://www.jarallax.com/?page=tutorial
Download: http://www.jarallax.com/?page=download
Licencja: GPL

Metro UI CSS – szablon CSS w stylu Windows 8

metro css windows 8

Bardzo ciekawy i dobrze zaprojektowany interfejs CSS w stylu Windows 8. Interfejs CSS to może mało precyzyjne określenie bowiem paczka zawiera również skrypty JS. Aktualnie w sieci  pojawiła się nowa wersja Metro UI CSS, wcześniejsza była bardziej uboższa.  Jako strona internetowa taki interfejs nie jest oryginalny, ale śmiało można by go wykorzystać do budowy np panelu administracyjnego sytemu webowego.

 

Link: http://metroui.org.ua/
Licencja: darmowa

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