Archiwa kategorii: za darmo

iPhone Toggle Switches – checkbox w jQuery

checkbox_iphone

Jeszcze nie skończyła się fascynacja iPhonem, a już ludzie marzą o iPadzie. Jestem już na tyle stary, żeby wiedzieć, że moda zawsze się zmienia, a ludzie zawsze zachowują się jak jakby była to ostatnia nowość w ich życiu. Dziś się o to zabijają, jutro zapominają że w ogóle coś takiego było i fascynują się czymś innym. No ale to temat na inna bajkę i na inny blog, a ja sam ulegam przecież modzie. Dziś zajmiemy się iPhonem i jego „Wielkim Bratem” iPadem :). Jak wszyscy wiemy sukces produktów Apple leży w super fajnym dotykowym ekranie i pieczołowicie zaprojektowanym dotykowym designie, nie wspominając już o marketingu. Dziś króluje Apple i trzeba sobie ukroić kawałek tego wielkiego tortu dla siebie. W internecie jest wiele grafik, ikon tekstów, książek o najróżniejszych rzeczach związanych z czołowymi produktami Apple. Dziś prezentuje komponent który może zastąpić standardowe checkbox w wyjęte wprost z telefonu iPhone. Skoda że nie ma innych kontrolek w stylu iPhone.

checkbox_iphone

Wymagania: jQuery
Licencja: Darmowa
Link: http://jqr.github.com/2009/08/05/iphone-toggle-switches.html

TextboxList – autouzupełnianie w MooTools

TextboxList

Auto uzupełnianie to wciąż nowy sposób poprawienia komfortu użytkownika w wypełnianiu formularzy oraz zapewnia systemowi lepszej walidacji. Komponent na stronie  devthought.com znacznie ułatwia wdrożenie auto uzupełniania na własnej stronie. W komponencie zawarte są przykłady napisane w PHP ułatwiające dostosowanie kodu do własnych potrzeb. Komponent jest dostępny za darmo do użytku niekomercyjnego. Za wersje komercyjną trzeba zapłacić jednorazowo 20$. Moja uwagę na stronie z komponentem  zwróciło logo strony. Chmurki na niebie które można przesuwać i które jak mi się zdaje reagują na pogodę. Dla mnie fajniejszy bajer od auto uzupełniania :)

TextboxList

Po cholere ten Adolf???

Wymagania: MooTools
Linki: http://devthought.com/projects/mootools/textboxlist/
Licencja: darmowa, komercyjna 20$

Highcharts – profesjonalene wykresy

highcharts

Highcharts jest biblioteką komponentów wykresów zbudowanym z JavaScript. Biblioteka zapewnia szeroki wachlarz wykresów, które można zastosować do przedstawienia finansowych wykresów. Wykresy Highcharts cechują się płyną animacja podczas ładowania co czyni je bardziej atrakcyjniejszymi. Biblioteka wykresów jest dostępna za darmo do użytku domowego komercyjna wersja jest jednak płatna od 80$ – 360$

highcharts

Link: http://www.highcharts.com/demo/
Licencja: Darmowa, Płatna do użytku komercyjnego

Elegant Accordion elegannckie strony w jQuery i CSS3

Elegant Accordion

Libię takie bajery, proste i stylowe. Takie przesuwane zakładki ( z ang. akordeon) świetnie nadają się na stronę np. z meblami lub tkaninami. Prosty tutorials pokaże jak szybko umieścić komponent na stronie. Komponent wymaga jQuery oraz przeglądarka musi obsługiwać CSS3 w przeciwnym razie nie będzie widać całego efektu.

Elegant Accordion

Wymagania: jQuery, CSS3
Linki: http://tympanus.net/codrops/2010/04/26/elegant-accordion-with-jquery-and-css3/
Licencja: Darmowa

Foto Galeria w CSS3 i jQuery

css3 jquery fotogallery

Bardzo fajna galeria wykonana w jQuery i CSS3. Jest tylko jedna uwaga. CSS3 nie jest jeszcze standardem. Jest obsługiwany przez większość przeglądarek, ale nie przez największą Internet Explorer. Galeria nie dział też na Operze, a na Chrome widać pikseloze :) No ale czepiać się nie można bo to nie jest standard, ale mogli by się pospieszyć :)

css3 jquery fotogallery

Wymagania: CSS3, jQuery
Linki: http://css-tricks.com/examples/CSS3PhotoGallery/
Licencja: Darmowa

Amberjack – narzędzie do tworzenia Tutoriali

amberjack

Ciekawe narzędzie do tworzenia tutoriali na stronę. Za jego pomocą możemy stworzyć małe okienka z boku strony, aby wprowadzić lub zapoznać z czymś użytkownika odwiedzającego stronę. Piszę „narzędzie” a nie „komponent”, ponieważ większość zadań konfiguracyjnych możemy przeprowadzić dzięki właśnie wspomnianemu narzędziu na stronie amberjack.org. Strona generuje nam kod, który następnie możemy wkleić na własną stronę .  Komponent nie korzysta z żadnego frameworka typu jQuery czy Prototype, ale ma odnośnik do własnego skryptu na stronie.

amberjack

Link: http://amberjack.org
Licencja: Darmowa

Yaoti – aktor na stronie WWW

yaoti

Kiedyś studiowałem na takiej uczelni, która najlepiej znała się na PR,  gorzej na nauczaniu. Na stronie internetowej uczelni witała nas Pani, która prezentowała walory uczelni. Można było z nią nawet porozmawiać. Wykorzystując elementy sztucznej inteligencji, Pani analizowała nasze pytania i próbowała odpowiadać. Przyznam, że dość dobrze sobie radziła, nawet z tymi dwuznacznymi pytaniami :).

Teraz każdy może mieć własnego prezentera na stronie. Może nie wyposażonego w sztuczną inteligencję, ale za to efektownie się prezentującego. Serwis yaoti.com sprzedaje wystąpienia aktorów, które następnie można montować na swojej stronie. Usługa taka nie jest tania, ceny zaczynają się od kilkuset euro.  Jednak dla przykładu mamy kilka aktorów, których serwis udostępnia za darmo. Wybieramy aktora, tekst który ma prezentować oraz miejsce w serwisie gdzie ma się wyświetlać. Instalacja kodu to obiekt Flash. Na stronie yaoti dostępny jest również polski aktor.

yaoti

Wymagania: Flash
Linki: http://www.yaoti.com/en/index.html
Licencja: Darmowe, Płatne