Archiwa kategorii: za darmo

Ajaxload – ikony ładowania strony

ajaxload

Narzędzie do generowania ikon ładowania stron. Często pisząc preloader lub korzystając z gotowego skryptu nie przywiązujemy wagi do animowanego obrazka, który sugeruje proces ładowania danych. To narzędzie pozwoli nam wybrać odpowiedni preloader i dostosować go kolorystycznie do własnych potrzeb.

  • Wybór około 50 preloaderów.
  • Możemy wybrać jego kolor animacji
  • Możemy wybrać kolor tła
  • Możemy oznaczyć przezroczystość obrazka

ajaxload

Link: http://ajaxload.info/
Licencja: Darmowe

Google X Pulled – mac menu dla wyszukiwarki google

googlex

Zawsze jak otwieram przeglądarkę, pierwsze kroki kieruje do paru najważniejszych stron, które odwiedzam zawsze. Są to takie aplikacje jak poczta itp. Dobrze by było mieć skróty do najważniejszych aplikacji pod ręką. Z pomocą przychodzi nam wiele aplikacji i usług które próbują nam pomóc ogarnąć nasze cenne linki. Sam miałem plan zrealizowania takiej usługi do kolekcjonowania linków i wpadłem na ten pomysł pół roku przed powstaniem serwisu delicious.com . No ale oni to lepiej zrobili niż ja chciałem :) Również przeglądarki nie próżnują. Przy otwieraniu się nowych zakładek możemy wybrać ostatnio odwiedzane strony. Ostatnio nawet przeglądarka chrome zaoferowała synchronizacje zakładek. Wydaje mi się jednak, że to cały czas za mało. W mojej głowie nie utkwił mi żaden spersonalizowany portal który mógłby zastąpić stronę główna. Próbowałem już z iGoogle ale to jeszcze nie to.

Przedstawiam prosty skrypt, który pokazuje jak zrobić menu znane z systemu operacyjnego MAC. Szkoda że brakuje w nim podpowiadaczki ale to chyba można rozwiązać dzięki google api (ale głowy nie dam). No ale taki mechanizm menu może przecież być wykorzystane do stworzenia ładnej strony www.

googlex

Link: http://elliottback.com/wp/google-x-pulled/
Demo: http://elliottback.com/wp/wp-content/google-x/googlex.htm
Licencja: Darmowa

Edytor wyrażeń regularnych

gskinner

Mówiąc w skrócie wyrażenia regularne to specjalne wyrażenia logiczne, które porównują ciągi znaków. Dzięki zastosowaniu wyrażeń regularnych możemy badać, czy dane treści spełniają dane warunki. I tak na przykład, zapisując adres mail do bazy możemy sprawdzić dzięki wyrażeniom, czy mail jest poprawny, czyli zawiera nazwę użytkownika, małpkę, adres serwera i adres domeny głównej. Prościej mówiąc czy mail wygląda jak mail :) Ale wyrażenia regularne to nie tylko sprawdzanie maili, to także badanie poprawności nr nip, regon, ip, kodu pocztowych, adresów www, plików o odpowiednim rozszerzeniu i wielu wielu innych. Zaletą wyrażeń regularnych jest to że są uniwersalne. Wszystkie języki programowana dają możliwość ujęcia wyrażeń regularnych w swoim kodzie. Dla jednych pisanie wyrażeń jest proste dla niektórych trudne.  Z pomocą przychodzi internetowy edytor wyrażeń regularnych, dostępny w poziomu przeglądarki. Właściwości edytora to:

  • Dostępność wszystkich argumentów w wyrażeniach regularnych (dodawanie do wyrażenia kliknięciem)
  • Znajdowanie ciągów i ich podkreślanie jak również zastępowanie części ciągów.
  • Wykonywanie wyrażenia regularnego w czasie rzeczywistym
  • Możliwość zapisania wyrażenia do swojego schowka
  • spis najpopularniejszych wyrażeń regularnych, które można wgrać do edytora

gskinner

Link: http://gskinner.com/RegExr/

Czekoladowe szablony – słodkie i za darmo

darmowe szablony www

Na stronie chocotemplates.com dostępne są za darmo szablony dla grafików i projektantów stron. Jak przystało na strony dla tej grupy osób, cechują się one elegancją i prostotą i są zaprojektowane specjalnie dla portfolio. Ale oprócz nich można znaleźć szablony dla sklepów internetowych i panelów administracyjnych. Szablony są dodatkowo wzbogacone o animację z wykorzystaniem frameworku jQuery. Konstrukcja szablonu to jeden plik .html dołączony katalog z JavaScipt oraz katalog ze zdjęciami. Autor pozawala na kopiowanie szablonu ale nie pozwala na kasowanie linka zwrotnego z szablonu.

big-corporate-1 darmowe szablony www darmowe szablony wwwdarmowe szablony www

darmowe szablony wwwDarmowe szablony wwwdarmowe szablony wwwdarmowe szablony wwwwdarmowe szablony www

Framework: jQuery
Licencja: Darmowe
Link: http://chocotemplates.com

Kurtyna w górę z jQuery

curtain

Animowana czerwona kurtyna, która po pociągnięciu za sznur otwiera się jak w prawdziwym teatrze. Fajny bajer, gorzej ze znalezieniem zastosowania :). Może to być preloader dla „strony wizytówki” teatru, albo wstęp do albumu zdjęć lub do filmiku z YouTube z przedstawienia teatralnego. Skrypt dział na frameworku jQuery.

curtain

Framework: jQuery
Link: http://buildinternet.com/2009/07/animate-curtains-opening-with-jquery/
Demo: http://buildinternet.com/live/curtains/
Licencja: Darmowa

Any+Time – zaawansowany kalendarz i czas

Any+Time

Rewelacyjny komponent kalendarza i czasu. Za jego pomocą będziemy mogli pobrać datę i godzinę. Komponent działa na frameworku jQuery i umożliwia wiele funkcji takich jak:

  • 12 i 24 czas
  • pobieranie daty z xml i json
  • odczytywanie tylko czasu albo tylko daty  lub dowolna modyfikacja
  • Wybieranie daty tylko w konkretnego zakresu
  • strefy UTC
  • Ustawianie początku tygodnia na dowolny dzień (poniedziałek, sobota)
  • wybór języka
  • kilka rodzajów skórek
  • Ajax owa walidacja
  • i wiele wiele innych możliwości

Any+Time

Framework: jQuery
Link: http://www.ama3.com/anytime/
Licencja: Darmowa

AeroWindow – Okno windows 7 na WWW w jQuery i Ajax

Aero Window

Nie ma wątpliwości że w nowym systemie operacyjnym Windows 7 programiści postawili duży nacisk na usability i wygląd. Teraz nowy system Microsoft może konkurować z produktami Appla, który to zawsze stawiał na użyteczność i wygląd czyli na tak zwany bajer :) Jeżeli koś jest fanem produktów Microsoft może  na swojej stronie WWW umieścić okna właśnie w tym stylu. Okno udostępnia szereg opcji programiści planują w przyszłości poszerzać możliwości komponentu. Funkcje komponentu między innymi możliwość zmiany tytułu okna, ustalenie pozycji startowej okna. Zmiana wielkości okna myszką. Minimalizacja i pełny ekran. Animowanie okien na 30 rożnych sposobów.

Aero Window

Wymagania: jQuery
Link: http://www.soyos.net/aerowindow-jquery.html
Demo: http://www.soyos.net/tl_files/demos/aero-window/
Licencja: Darmowa

Pajinate – paginacja w jQuery

pajinate

Paginacja to nic innego jak mechanizm przełączania się między stronami. Paginacja jest przydatna w sytuacji, kiedy chcemy wyświetlić listę i zależy nam na tym, aby nie przesuwać suwakiem przeglądarki w gorę i w dół. Dzięki temu skraca nam się wysokość strony, gdy istnieje taka potrzeba. Drugą zaletą paginacji jest to, że nie wczytujemy naraz wszystkich danych (jednak istnieją wyjątki). Ogólnie w necie można spotkać trzy rodzaje paginacji. Pierwsza to normalna paginacja, nie wykorzystuje ani Ajax ani żadnego frameworka, ale zwykłe zapytania do bazy metoda POST lub GET (tak też działa paginacja na stronie Taipa.pl wada jest dłuższe ładowanie strony). Dwie następne sposoby to metody Ajax. Druga metoda (pokazana w tym komponencie) polega na wczytaniu wszystkich danych a paginacja zapewni ukrycie jej części. Wraz z przełączaniem się stron poprzednie strony się chowają, a pokazują następne. Wadą tego rozwiązania jest to, że w przypadku bardzo dużej ilości danych, może to nie być rozwiązanie zbyt efektywne. Ostania metoda to rozwiązanie Ajax. Zasada działa jest taka, jak w przypadku pierwszego rozwiązania, z ta różnicą że strona nie wczytuje się w całości, a jedynie część z danymi. Mam nadzieję że ten mini wykładzik do komponentu który dziś prezentuje wprowadzi nowicjuszy i nie rozczaruje banalnością weteranów ajax :)

pajinate

Wymagania: jQuery
Link: http://th3silverlining.com/2010/04/15/pajination-a-jquery-pagination-plugin/
Licencja: Darmowa