Miesięczne archiwum: Wrzesień 2010

CSS3 menu – Darmowa aplikacja do generowania menu w CSS3

css3menu

Bardzo ciekawa aplikacja, dzięki której będziemy mogli wygenerować memu na naszą stronę. Program daje możliwość dowolnego zagnieżdżania pozycji w menu. Do wyboru mamy kilkanaście rodzai szablonów w stylu MAC i Android. W każdym szablonie możemy zmieniać kolory, wielkość i rodzaj czcionek, zaokrąglenia rogów. Każde z menu widać dobrze na wszystkich przeglądarkach. Na koniec warto wspomnieć, że kod memu nie zawiera kodu JavaScript., wszystko działa w oparciu o kod CSS3 i zdjęcia tła.  Program dostępny jest na systemach operacyjnych Windows i MAC za darmo.

css3menu

Wymagania: Windows lub MAC
Link: http://www.css3menu.com

Quovolver – skrypt wyświetlający cytaty w jQuery

quovolver jquery

Prosty skrypt wyświetlający cytaty. Wyświetlają się one w elegancki sposób i przełączają automatycznie. W pliku ze skryptem można zmienić prędkość przełączania i czas wyświetlania cytatów. Teksty najlepiej umieścić w znaczniku <blockquote> tak jak w przykładzie.  Skrypt napisany jest na frameworku jQuery.

quovolver jquery

Wymagania: jQuery
Link: http://sandbox.sebnitu.com/jquery/quovolver/
Licencja: Darmowa

CSS3make – Proste generowanie stylów CSS3

css3maker

Bardzo ciekawa i zgrabnie zaprojektowana aplikacja do generowania kodu CSS3. Zaletą aplikacji jest to, że nie trzeba pisać kodu CSS. Wybieramy jedynie odpowiednie opcje, przesuwamy suwaki, i od razu widzimy żądany efekt. Aplikacja podzielana jest na kilka generatorów ułożonych w zakładkach. Poszczególne generatory stylów pozwalają tworzyć zaokrąglenia, gradienty, animacje, przekształcenia, cienie, czcionki. Nie wszystkie generatory dobrze działają na wszystkich przeglądarkach. W poszczególnych generatorach widać, które przeglądarki obsługują dane styl CSS3.

css3maker

Link: http://www.css3maker.com

Pure CSS* – Pasek postępu w jQuery

Pure CSS* Progress Bar jQuery

Skrypt  Pure CSS* opiera się o czasowe przesuwanie paska. Jednak w tym przypadku, algorytm zdaje się symulować wrażenie dłuższego pobieranie czegoś z sieci. Działa to bardzo fajnie, a przez zmianę paru parametrów, można wydłużać i skracać przesuwanie się paska. Wygląd również jest bardzo ciekawy,  pasek widać dobrze na wszystkich przeglądarkach oprócz IE8, w której brak zaokrągleń rogów oraz cieni. W IE9 źle widać tło paska (a z nowym IE9 miało być tak pięknie :) ).

Pure CSS* Progress Bar jQuery

Wymagania: jQuery
Link: http://github.com/ivanvanderbyl/ui-progress-bar
Demo: http://skunkworks.ivanvanderbyl.com/
Licencja: Darmowa

IconShock – ikony portalów społecznościowych

iconshock free social ico

IconShock to portal, który umieszcza na swoich stronach profesjonalnie zaprojektowane ikony. Większość z nich można kupić, niektóre dostępne są za darmo. Jedną z takich darmowych perełek jest duża paczka ikon portalów społecznościowych. Paczka jest naprawdę duża bo ma 105Mb. Ikony są dostępne w  w dwóch typach .ICO i .PSD. Rozmiary ikon to po kolei: 64, 72, 128, 256, 512. Do ikon dołączone są pliki źródłowe .PSD i .AI, w nich mamy dostępne kolejne rozmiary ikon 16, 24, 32, 64.

iconshock free social ico

Link: http://www.iconshock.com/social-icons/
Licencja: Darmowe

EditableGrid – zaawansowana tabela w JavaScript

EditableGrid

EditableGrid to biblioteka JavaScript przekształcająca tabele w zaawansowaną tabele z możliwością edycji. Biblioteka udostępniana jest na zasadach licencji GPL. Oto główne funkcje tabeli:

  • Możliwość sortowania po kolumnach (nie sortuje polskich znaków)
  • Tabele można zbudować za pomocą znaczników <table>, lub wczytać specjalny plik XML.
  • Kolumny mogą mieć nadawane typy (string, integer, date, boolean, email, itp)
  • Można tworzyć listę wyboru dla danego pola.
  • Tabela sprawdza poprawność edytowanych rekordów
  • Skrypt PHP generujący xml-a

EditableGrid

Demo: http://www.webismymind.be/editablegrid/
Licencja: GPL

Fillerati.com – alternatywa dla „Lorem Ipsum”

fillerati

„Lorem Ipsum” to najpopularniejszy tekst, którego używają graficy przy projektowaniu szaty graficznej strony. W miejsce tekstu wpisują oni stary łaciński tekst o granicach dobra i zła. Ale nie każdy w swym projekcie chce umieszczać mądrości Cycerona. Powstają rożnego rodzaju przeróbki „Lorem Ipsum”.

Na stronie fillerati.com dostępne jest narzędzie generujące tekst na podstawie książek znanych amerykańskich pisarzy. Warto zwrócić uwagę na ładnie zaprojektowany interfejs oraz funkcje generowania tekstu zaprogramowane z wykorzystaniem frameworka jQuery. Dzięki temu szybko i wygodnie wygenerujemy odpowiedniej długości i formatu tekst.

fillerati

Link: http://www.fillerati.com/