Archiwa kategorii: Kodowanie

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/

 

Real Shadow – zmieniający się cień – jQuery

Prawdziwy cień. Tak w przetłumaczeniu brzmi nazwa skryptu, w którym cień rzucony na obiekty zmienia się z zależności od ruchów myszy. Kursor pełni tu role źródła światła, cień jest rzucany z drugiej strony obiektów przy których się znajduje. Daje to naprawdę fajny efekt. Sprawcie sami.

real shadow jQuery

Framework: jQuery
Demo: http://indamix.github.com/real-shadow/
Download: https://github.com/Indamix/real-shadow

Scroll Path – przesuwanie strony po ścieżce – rewelacyjny skrypt w jQuery

Scroll Path to plugin jQuery, który pozwala stworzyć stronę internetową w formie prezentacji. Poszczególne strony można przełączać za pomocą nawigacji lub przesuwać rolką myszy. Niezwykły jest jednak sposób zmiany poszczególnych stron, bowiem wszystkie strony połączone są w specjalną ścieżkę po której strony są przewijane. Ścieżka może zataczać koła, a wtedy przekręca się cała strona aby treść była widoczna poprawnie. Efekt jest naprawdę fajny. W przeglądarkach bez  pełnego wsparcia CSS3 wszystkie obroty są ignorowane, ale ścieżki działają.

jQuery Scroll Path

 

Framework: jQuery
Demo: http://joelb.me/scrollpath/
Link: https://github.com/JoelBesada/scrollpath
Licencja: MIT

Intype – fajny edytor kodu dla programistów

intype

Intype jest edytorem kodu dla programistów. Posiada  zarządzanie projektami. Umożliwia pisanie kodu w wielu językach i posiada do nich funkcje podpowiadania składni. Nic nie stoi na przeszkodzie, aby dodać swoje podpowiedzi. Program przypomina edytor Coda znany z systemów MAC, ale jest dostępny tylko pod Windowsy. Ja korzystam z Notatnik++, ale gdyby do Intype dorobić porządkowanie składni i edytowanie na FTP to od razu się przesiadam :)

System: Windows
Link: http://inotai.com/intype/

 

PxLoader – biblioteka do ładowania plików

pxloader

Biblioteka JavaScript która służy do ładowania plików zanim zostaną użyte na stronie. Taki mechanizm możne być wykorzystywany w preloaderach lub grach pisanych w technologii HTML5. Biblioteka potrafi monitorować ściągane pliki informując o postępie. Możliwe jest nawet ściąganie plików w grupach, to znaczy że pewny pliki nie zostaną ściągnięte do póki nie ściągną się inne. Skrypt został użyty do stworzenia gierki. Kto się nudzi może sobie pograć cut the rope :)

Demo: http://thinkpixellab.com/pxloader/
Licencja: MIT

Pada śnieg, pada śnieg, dzwonią dzwonki sań…

snow

Za oknem w Warszawie śnieg, a właściwie to co z niego zostało czyli nic :) No ale jakby komuś śniegu brakowało, polecam bardzo ciekawy tutorial. Pokazuje on jak stworzyć padający śnieg na stronie WWW. Skrypt opiera się o warstwy przesuwane za pomocą animacji w CSS3, tak więc stare przeglądarki mogą sobie z tym nie radzić.

Demo: http://designshack.net/tutorialexamples/letitsnow/index.html
Licencja: Darmowa