Graficy serwisu Template Monster chyba w końcu dobrze odpoczeli. Szablon, który standardowo pojawia się w każdy poniedziałek – nie przynosił ze sobą żadnego zaskoczenia, jednak dziś zostałem mile zaskoczony. Przygotowany na szablon z wielkim slajderem i trzema boksami pod nim, zostałem wykiwany. To tylko świadczy jak ekipa TM jest nieobliczalna! ;-)
Dziś do dyspozycji otrzymaliśmy szablon o nazwie Cream, w pogodnych i jasnych kolorach, który przygotowany został w oparciu o jQuery. Centralną jego część zajmuje kolarz miniatur obrazków, które po kliknięciu otworzą się w większym formacie. Menu posiada elementy animacji, przyciągając oko. Oczywiście szablon do pobrania zupełnie za darmo z zaprojektowanymi podstronami. Polecam, bo nieczęsto w poniedziałek takie rarytasy od Template Monster się pojawiają ;-)
jQuery Knob, czyli w wolnym tłumaczeniu przełącznik jQuery, to dość wygodny w obsłudze i atrakcyjny w użytkowaniu skrypt, za sprawa którego możemy zaprezentować określoną wartość w postaci diagramu kołowego. Do tego, tak zaprezentowany przełącznik, może zostać wykorzystany do pobrania wartości od użytkownika, to za sprawą API i polecenia:data-readOnly=true/false. Prócz tego, do dyspozycji zostały oddane polecenia, za pomocą których można ustalić minimalną bądź też maksymalną dostępną wartość czy też można wpłynąć na sam wygląd diagramu.
Przekazywanie wartości odbywa się na zasadzie drag’n'drop. Gorąco polecam, gdyż skrypt można wykorzystać do wielu zadań, począwszy od prezentowania informacji w atrakcyjna dla oka sposób, kończąc na pobieraniu wartości od użytkownika w nietypowy, oklepany sposób.
Dziś chciałem zaprezentować skrypt bez specjalnie utworzonej nazwy na którą aktualnie panuje moda. Zadaniem tego narzędzia jest wysyłanie, a dokładniej – wygodne wysyłanie plików na serwer. Zastosowanie i możliwości skryptu są naprawdę potężne, co takiego potrafi?
Za jego pomocą możemy wybrać kilka plików na raz, a uploader sam będzie kontrolował dopuszczalne formaty plików do przesłania i jeśli, któryś z plików nie będzie mógł zostać przesłany – skrypt wyświetli odpowiedni komunikat, ale nie przerwie całej operacji wysyłania plików. Bardzo atrakcyjną i w sumie nietypową dla tego rodzaju narzędzi, jest możliwość zatrzymania i kontynuowania przesyłania plików. Może się ono przydać w przypadku, kiedy użytkownik chce nam wysłać plik dużych rozmiarów.
Ile to już było wyjątkowo atrakcyjnych skryptów do przewijania obrazków i treści? Sporo i wszystkie były stworzone na jedno kopyto, patrząc z perspektywy czasu. Dziś ponownie atrakcyjny (tylko takie staram się Wam przedstawiać ;) ) slider, który odróżnia się nieco na tle konkurencji. Czym konkretnie? Efekt przejścia między poszczególnymi odsłonami wykonywany jest w sposób sprawiający, wrażenie większej dynamiki.
Serwis Tympanus, na którym pojawił się owy slider, nosi nazwę Parallax Content Slider i został przygotowany przy ożyciu jQuery i CSS3 a inspiracją do jego powstania był slajder znajdujący się na stronie Kendo UI. Do dyspozycji w slajderze mamy dwie opcje odtwarzania, tzw. autoplay, czyli automatyczne przewijanie kart, ale mogą być one zmieniane tylko po kliknięciu wybranej strzałki przez użytkownika. Gorąco polecam, na tle konkurencji PCS wypada świetnie.
W każdym wypadku, kiedy w skrypcie którym pisałem miała zostać wyświetlona tabela z określonymi danymi, męczące było dodawanie możliwości sortowania po każdej kolumnie rosnąco i malejąco. Mnogość instrukcji warunkowych do przygotowania, testowanie – sporo czasu zawsze przepadało. ‘
Oczywiście mówię o przypadku, kiedy tworzyłem proste skrypty, bez udziału żadnych zewnętrznych bibliotek czy frameworków.
Biblioteka jTable przychodzi z odsieczą. Pozwoli ona na dość wygodne zaprezentowanie wybranych danych w tabeli, która dodatkowo umożliwi sortowanie po wybranej kolumnie a my będziemy mieli święty spokój.
Page Scroller to dość rozbudowany i bardzo wygodny w obsłudze skrypt, który przy pomocy jQuery urozmaici wygląd i zwiększy atrakcyjność każdej strony internetowej. Czym właściwie jest Page Scroller? Jak sama nazwa wskazuje, służy on do przewijania treści na stronie internetowej.
Autorzy do dyspozycji oddali nam drobny konfigurator, za pomocą którego – możemy skonfigurować Page Scroller dla własnych potrzeb. Można między innymi dodać menu, które nie będzie przewijało się z resztą strony. Do dyspozycji mamy możliwość umiejscowienia nawigacji. Może się ona znajdować z lewej lub prawe części strony w postaci boksu lub w postaci paska, w nagłówku.
Sequence.js to plugin oparty o bibliotekę jQuery to prezentowania treści w postaci dynamicznie zmienianych treści. Jest on tyle unikalny, że sposób prezentacji treści jest wysoce atrakcyjny, co odróżnia go od tego typu podobnych rozwiązań. Ciekawostką jest to, że skrypt ten nie posiada żadnych gotowych szablonów rotacji zdjęć czy tekstu, a sposób zachowania animacji jest zależna od nas.
Do SequenceJs jest dostępna dość rozbudowana i szczegółowa dokumentacja. Z pewnością urozmaici on wasze strony internetowe, niemniej trzeba będzie mu poświecić chwilę uwagi. Twórca na swojej stronie oddaje nam do dyspozycji trzy, bardzo ciekawe demonstracjie wykorzystania Sequence. Niestety pierwsza z nich nie do końca chce współpracować z moim Firefox 10.2.
Noty świetnie się nada do tego by naszej stronie dodać trochę wodotrysków. Do czego właściwie ta biblioteka służy? Pozwala ona na wyświetlanie bardzo atrakcyjnych dla oka powiadomień, dedykowanych użytkownikowi naszej strony. Do dyspozycji mamy cztery rodzaje komunikatów, z podziałem na ich typ (alert, success czy error). Do tego możemy zdecydować w którym miejscu komunikaty będą się pojawiać (nagłówek, stopka, lewa czy prawa część strony).
Autorzy biblioteki dodatkowo stworzyli bardzo wygodny w obsłudze generator powiadomień. Po wskazaniu interesujących nas utawień, generator wyświetli nam gotowy kod do umieszczenia na stronie.
Zapewne wielu z Was widząc różnego rodzaju dema ciekawych efektów CSS3, chciało przygotować własne logo, czy bardziej urozmaicony baner. Zapewne wielu z Was chciało pobawić się literkami i zrobić z nich jakieś obramowanie, czy też wygiąć napis w łuk. Wasze prośby zostały wysłuchane i z pomocą biegnie Arctext.js
Efekty, które możemy uzyskać dzięki Arctext.js opierają sie na CSS3 otraz na jQuery (jest to wtyczka do tej biblioteki JavaScript). Jak można zobaczyć w demonstracji, daje spore pole do pipisu – okrągłe tekstowe obramowania, tekst wygięty w łuk, czy pofalowane frazy to zapewne tylko niektóre mozliwe do uzyskania efekty.
Za sprawą jQuery możemy także dodać do tego efekty świetną płynną animację, która powali każdego odwiedzającego nasza witrynę. Szczerze polecam – przetestujcie i Wy :)
Ciężko było wymyślić nazwę dla tego skryptu, gdyż jego zastosowanie może być bardzo wszechstronne. W efektowny sposób sortuje on wyświetlane zdjęcia, zależnie od wybranej kategorii uwydatnia zdjęcia do niej przypisane a pozostałe wygasza.
Pierwsze co na myśl przychodzi to wykorzystanie go w niewielkiej galerii zdjęć. Można także zrobić z niego użytek w samym WordPressie, dostosowując go do atrakcyjnego wyświetlania kategorii. Każdy z Was z pewnością znajdzie dla niego zastosowanie.
