poleć przez:
236 wizyt
Nowa specyfikacja CSS, oznaczona numerem 3 ma naprawdę ogromne możliwość. Na dowód, wiele już skryptów prezentowałem na łamach bloga. Dziś kolejny, który wpisuje się do kanonu prezentującego niesamowite możliwości kaskadowych arkuszy styli.
Skrypt animuje tekst, na pięć różnych sposobów, gdzie do każdego z nich jest osobna demonstracja. Ostatni jest chyba najbardziej efektowny.
Niestety użytkownicy nielubianego Internet Explorera efektu nie uraczą, jako że przeglądarka ta nie obsługuje animacji CSS, przynajmniej tak twierdzi autor.
Do przygotowania atrakcyjnego formularza logowania potrzeba przede wszystkim trochę wyobraźni i znajomości CSS, najlepiej w wersji 3. U mnie jakoś nigdy to nie chciało się ze sobą połączyć, ale na szczęście są serwisy, które potrafią skutecznie człowieka wyręczyć i to z jakim efektem. Serwis tympanus jest Wam bardzo dobrze znany, a za kolejną produkcje z pewnością polubicie go jeszcze bardziej. Tym razem świetnej jakości panel logowania, wystylizowany do granic możliwości, ale to nie wszystko. Dostępne są trzy rodzaje skryptu, co je od siebie różni? Kliknijcie w przycisk Join Us na każdej z prezentacji by się przekonać :-)
poleć przez:
294 wizyt
Serwis tympanus.net produkuje tylko najwyższej jakości skrypty. W głównej mierze w oparciu o technologię jQuery i CSS3. Efekty są naprawdę niesamowite, praktycznie każdy nowy skrypt, który ma swoją premiere w tym serwisie, ląduje tutaj. Dlaczego? Bo wart jest polecenia i do dyspozycji zupełnie za darmo.
Dziś nie będzie inaczej. Kolejny atrakcyjny skrypt, który posłużyć może do efektownego prezentowania treści na stronie, do którego dostęp będzie zapewniony przez ciekawe i nietypowe menu.Twórcy oddali do dyspozycji 6 różnych wersji demonstracyjnych. Wykorzystanie skryptu z pewnością zwiększy atrakcyjność Waszej witryny, polecam.
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.
poleć przez:
307 wizyt
Prezentowanie zdjęć w postaci galerii na stronie internetowej nie musi być nudne. Tak wyglądałby slogan, gdyby ten skrypt sprzedawany był za pośrednictwem Tele-Mango. Ja jednak zapewniam, że pomimo tej kiczowatej, marketingowej zapowiedzi sam skrypt jest godzien uwagi. Prezentuje on wybraną ilość zdjęć, korzystając z efektu 3D ;-) Twórcy do dyspozycji oddali nam trzy gotowe wersje narzędzia, z nawigacją, automatycznym przewijaniem i rotacją między trzema obrazkami.
Jak sami doskonale wiecie, możliwości nowej specyfikacji CSS oznaczonej numerem 3 są naprawdę potężne. Nowe możliwości pozwalają na wygodniejsze tworzenie stron internetowych, ale także na stworzenie dodatkowych ciekawych efektów, które wcześniej nie były dostępne.
Dziś skrypt, który w efektowny sposób włączy wybraną podstronę. Do wyboru mamy trzy różne rodzaje animacji, gdzie każda z nich jest bardzo atrakcyjna. Doskonałe rozwiązanie do chociażby portfolio, gdzie gadżety mogą zachęcić potencjalnego klienta do skorzystania z naszych usług. Wiadomo, świecidełka zawsze przykuwają oko ;-)
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 :)
Jeżeli zwykłe przyciski to za mało powinniście zainteresować się tym wynalazkiem. Do dyspozycji macie 5 różnych propozycji, każda z nich prezentuje najwyższy poziom stylistyczny. Zostały w całości przygotowane w CSS3 a ich wykorzystanie ogranicza się tylko do wywołania odpowiedniej klasy:
<a href="#" class=a_demo_one> Click me! </a>
poleć przez:
277 wizyt
Serwis tympanus.net znany jest z tego, że wypuszcza nietuzinkowe skrypty dla webmasterów. Znajdziemy tam z reguły okazałą wersję demonstracyjną a także wytłumaczony każdy wiersz z kodem. Oczywiście całość do pobrania bez najmniejszych utrudnień, typu logowanie się czy pozostawienie swojego mejla.
Dziś chciałem wam zaprezentować coś co wywarło spore wrażenie, porównywalne do tego jakie spowodowała biblioteką impress.js do prezentacji w HTML5. Mowa o banerze, dość nietypowym bo przygotowanym za pomocą CSS3. Serwis tympanus dochował tradycji, udostępniania wysokiej jakości skryptów. Animacja do skomplikowanych nie należy, jednak należy pamiętać, że została przygotowana tylko za pomocą HTML i kaskadowych arkuszy styli w wersji 3. Miazga.
PS w moim Firefoxie, animacja potrafiła się delikatnie przyciąć. Mieliście podobne objawy?
Do przygotowania atrakcyjnej prezentacji, będzie niezbędne doskonałe przygotowanie merytoryczne, znajomość tematu ale także i sama forma nie pozostanie bez znaczenia.
Nie ma nic gorszego niż wysłuchiwanie Pana, który gada jak zaprogramowany, jednostajnie – bez większych emocji, wywołując kolejne – mało dynamiczne slajdy swojej prezentacji. Oczywiście o ile temat ciekawy, to i forma mniej istotna, gorzej jeśli sama treść mało atrakcyjna – pozostaje nam tylko wywołanie wrażenia ciekawą formą naszej prezentacji.
Pamiętam, kiedyś miałem okazje oglądać prezentacje przygotowaną w C++, to też jakiś pomysł – natomiast ja chciałbym zaprezentować Wam niesamowitą bibliotekę o nazwie impress.js, za pomocą której przygotujecie zapierające dech w piersiach – prezentacje. Jedyne co będzie Wam potrzebne to przeglądarka obsługująca większość standardów CSS3.
