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/

Vis.js – rewelacyjny skrypt do vizualizacji różnego rodzaju osi czasu lub grafów

vis.js

Rewelacyjny skrypt, który potrafi zamienić strumienie danych w pięknie funkcjonującą interaktywną oś czasu lub graf. Mnogość przykładów jego zastosowania jest imponująca (15 osi czasu i 26 grafów). Pozwala na płynne wyświetlanie dużej ilości danych oraz zmieniania danych podczas wizualizacji. Skrypt działa dobrze z nowymi przeglądarkami internetowymi  oraz jak zapewniają autorze z większością przeglądarek na mobilnych dotykowych urządzeniach.

Link: http://visjs.org/

Ion Auth 2 – biblioteka CodeIgniter do zarządzania użytkownikami

Ci którzy tworzą aplikacje internetowe z wykorzystaniem frameworka CodeIgniter z pewnością docenią tą bibliotekę. Pozwala ona w ciągu kilku minut stworzyć zaawansowany system logowania z gotowym interfejsem i panelem administracyjnym.

Ja to działa? Kopiujemy pliki biblioteki w odpowiednie miejsca do naszego frameworka. Teraz trzeba dodać jeszcze odpowiednie tabele do bazy danych. Można to zrobić odpalając plik SQL dołączony do biblioteki albo użyć tak zwanej migracji. W tabeli użytkowników będzie już jeden domyślny użytkownik administrator. Teraz wystarczy wpisać odpowiedni link i pojawia nam się okienko logowania. Logujemy się na naszego użytkownika i pojawia się nam panel administracyjny w którym możemy zarządzać użytkownikami i tworzyć grupy.

Reszta zależy tylko od potrzeb aplikacji którą programujemy. W pliku konfiguracyjnym biblioteki możemy zmienić domyślą grupę, wymaganą ilość znaków w haśle, liczbę nieudanych prób logowania itp.

Biblioteka oferuje:

  • Mechanizm logowania
  • Dodawanie użytkownika
  • Edytowanie użytkownika
  • Odzyskiwania hasła
  • Dodawanie grupy

Biblioteka zawiera dokumentacje która jest niezbędna w dalszych pracach programistycznych.

W internecie można znaleźć starszą wersje tego skryptu. Proszę ich nie mylić bo starsza wersja jest znacznie uboższa.

 

Git: https://github.com/benedmunds/CodeIgniter-Ion-Auth

Dokumentacja: http://benedmunds.com/ion_auth/

 

Image Zoom Tour – wirtualny spacer

image zoom tour

Skrypt jQuery pozwala zaprojektować coś w rodzaju wirtualnego spaceru. Tworzymy zdjęcie na którym zaznaczamy obszary, które będą hiperłączami na przykład do drugiego pomieszczenia, do środka budynku lub zbliżeniem jakiegoś przedmiotu. Po naciśnięciu na obszar płynnym efektem przejścia przechodzi się do tego przedmiotu. W nowym zdjęciu również możemy zamieszczać nowe klikalne obszary. Skrypt świetnie nadaje się również do opisywania rożnych towarów/produktów jak na przykład pokazane w skrypcie akcesoria ze sklepu IKEA.

Framework: jQuery
Demo: http://tympanus.net/Development/ImageZoomTour/index2.html
Opis: http://tympanus.net/codrops/2011/08/23/image-zoom-tour/

 

 

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/

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/