Miesięczne archiwum: Czerwiec 2010

Flowplayer – Twój własny YouTube lub RedTube :P

flowplayer

Ale mi się tytuł udał. Dziś coś czego jeszcze nie opisywałem, a mianowicie skrypty do odtwarzania video. Takie skrypty funkcjonują już od dawna na rożnego rodzaju stronach z video. Jeżeli chcemy stworzyć samemu taki portal, ten skrypt możne nam się przydać. Aby było możliwe odtwarzanie buforowanego video (czyli takiego, który jeszcze się nie ściągnął a już się leci) trzeba użyć specjalnego formatu video .swf. Ten format jest również wykorzystywany na YouTubie i został wymyślony przez firmę Adobe. Nie mam dobrej orientacji w programach, które konwertują filmy .avi na .swf, ale wiem że w programie Adobe Flash jest taki dodatkowy konwerter. Wracając do skryptu to można go używać za darmo również do celów komercyjnych. Istnieją odpłatne wersje tego skryptu z możliwością zmiany loga oraz interfejsu.

flowplayer

Link: http://flowplayer.org/
Demo: http://flowplayer.org/setup/index.html
Licencja: GPL

JavaScript InfoVis Toolkit – Zaawansowane wykresy w JavaScript

sunburst

Ostatnio przeglądając wiadomości ze świata internetu, znalazłem ciekawie przygotowaną prezentację w formie wykresu na temat firm z branży IT. Omijając wątek samej prezentacji, zaciekawił mnie wykres, który ja przedstawiał. Dziś znalazłem skrypt, który generuje właśnie te wykresy. Niesamowite w tym skrypcie jest to że wykresy, które generuje przypominają bardzo wykresy Flash, jednak są napisane w JavaScript. Dane do wykresu wczytywane są w formacie JSON. Wykresy nie tylko pozwalają przedstawić zaawansowane dane, ale również ciekawe przeglądanie poszczególnych pozycji wykresu.

sunburst

Link: http://thejit.org/
Demo: http://thejit.org/demos/
Licencja: CC

TJPzoom 3 – lupa w JavaScript

tjpzoom3

Lupa do powiększania szczegółów obrazków. Świetnie nadaje się, gdy prowadzi się stronę internetową z monetami, znaczkami albo banknotami. Jednym słowem znakomity skrypt do stron numizmatycznych. Oczywiści zakres zastosowań może być inny. Lupka napisana jest w JavaScript. Jej najważniejsze zalety to kilka rodzajów ramek lupki, oraz dwa sposoby powiększania zdjęcia. Pierwszy normalny a drugi przy użyciu pary zdjęć. Drugi sposób jest znacznie ciekawszy ponieważ mając dwa zdjęcia, jedno małe a drugie bardzo duże (o ty samych proporcjach) można stworzyć naprawdę fajny efekt lupy.

tjpzoom3

Uwaga żeby zapisać skrypt na dysku, trzeba kliknąć prawy klawisz myszy na linku i wybrać „zapisz link jako” lub coś podobnego. Inaczej wyskoczą krzaczki.

Link: http://valid.tjp.hu/tjpzoom/
Download: http://valid.tjp.hu/tjpzoom/tjpzoom.zip
licencja: CC

JpGraph – biblioteka wykresów w PHP i GD

JpGraph

JpGraph to potężna biblioteka wykresów, która potrafi przedstawić niemal każdy rodzaj wykresy. Biblioteka działa dzięki wykorzystaniu języka PHP i modułu GD2, który to moduł jest odpowiedzialny za generowanie grafiki. Biblioteka generuje już gotowe obrazy przedstawiające wykresy. Kod biblioteki napisany jest w PHP obiektowym. Pobierając kod, trzeba zdecydować czy pobrać bibliotekę dla wersji PHP 4 czy 5. Komponent jest udostępniany za darmo tylko do użytku osobistego lub edukacyjnego. Jedna licencja kosztuje około 100 dolarów a wersja do rozpowszechniania około 800 dolarów.

JpGraph

Demo: http://jpgraph.net/features/gallery.php
Download: http://jpgraph.net/download/
Licencja: Darmowa, Płatna

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