Archiwa kategorii: za darmo

AddThis – Łatwe udostępnianie strony

AddThis

AddThis to łatwy w instalacji skrypt, który umożliwia udostępnianie naszej strony w innych serwisach. Udostępnić stronę można praktycznie wszędzie. Poprzez drukowanie, wysyłanie mailem, zapisywanie w zakładkach przez wszystkie portale społecznościowe, agregatory treści oraz portale z zakładkami. Modyfikacje jakie możemy dokonać w skrypcie są bardzo duże. Możemy wybrać na jaki rodzaj strony zamierzamy wkleić skrypt. Do wyboru mamy zwykłą stronę lub WordPress, Blogger, MySpace i parę innych. Możemy następnie wybrać jak mają wyglądać przyciski. Możne to być jeden przycisk po wciśnięciu którego będzie pojawiało się okno ze wszystkimi serwisami. Mogą to być również poszczególne ikony z serwisami, które można dowolnie komponować. To nie koniec możliwości  ponieważ możemy tworzyć tablice z linkami do portali, mamy do wyboru dziesiątki ikon, na koniec mamy możliwość wyboru języka z pośród 50 dostępnych. Serwis udostępnia też statystyki można sprawdzić jakie portale są popularne w danym kraju. Polecam.

AddThis

Link: http://www.addthis.com/

Równej wysokości pola bez względu na zawartość

CSS równej wysokości

Może ten post będzie trochę inny od reszty. Nie zaprezentuje tu żadnego komponentu, ale pewien sposób użycia CSS. Często gdy projektowałem strony WWW, pojawiał się problem gdy strona była zbudowana z samych znaczników <div>. Otóż kiedy było tworzone lewa i prawa część strony (na przykład menu i środek strony ), obie części nie były równej wysokości. Kiedy przybywało lub ubywało treści z któreś ze stron, również pojawiał się problem. Oczywiście problem można rozwiązać używając znaczników <table> ale jak się chce szpanować na wielkiego znawce XHTML to wypadało by nie używać <table> :). Sprawdzałem osobiście kompatybilność z przeglądarkami FF, IE8, Opera, Chrome oraz Safari.

CSS równej wysokości

Link: http://vivee.info/2008/01/10/kolumny-rownej-wysokosci-za-pomoca-css/

Redips.net – tabela chwyć i upuść w Ajax

redips

Prosty sposób na wykorzystanie tabeli i Ajax do przeciągania zawartości między poszczególnymi komórkami tabeli.  Na stronie można znaleźć 4 przykłady zastosowań komponentu. Jeden z przykładów przedstawia zapisywanie aktualnego ułożenia zawartości komórek tabeli.

redips

Link: http://www.redips.net/javascript/drag-and-drop-table-content/
Link: http://www.redips.net/javascript/drag-and-drop-example-2/
Link: http://www.redips.net/javascript/drag-and-drop-example-3/
Link: http://www.redips.net/javascript/drag-and-drop-example-4/
Licencja: Darmowa

Tablica sponsorów w jQuery

Tablica sponsorów

Galeria w formie tablicy z odsłanianymi elementami. Przykład linku zamieszczony niżej prezentuje możliwość wykorzystania jej jako tablicy sponsorów. Na poszczególnych kwadratach znajduje się najwalniejsza rzecz firmy dbającej o markę czyli logo. Po kliknięciu na logo, kwadrat się obraca i można przeczytać krótki opis oraz kliknąć na linka. Komponent wykorzystuje język PHP to wczytywania tablicy z danymi.

Tablica sponsorów

Wymagania: jQuery
Link: http://tutorialzine.com/2010/03/sponsor-wall-flip-jquery-css/
Licencja: Darmowa

Przesuwane boksy z opisem w jQuery

slidingboxes

Boksy z obrazkami, które po najechaniu na nie kursorem, wyświetlają opis. Świetny gadżet, zwłaszcza na główną stronę. Nadaje się na przykład na strony z rożnymi wydarzeniami kulturalnymi. Plakat jako zdjęcie i zachęcający do poznania więcej szczegółów opis. Komponent umożliwia pokazanie tekstu w boksie przy pomocy kilku animacji. Darmowy i prosty Komponent na frameworku jQuery. Polecam

Wymagania: jQuery
Licencja: Darmowa
Link: http://buildinternet.com/2009/03/sliding-boxes-and-captions-with-jquery/

tutorial9 – Ikony do portali społecznościowych

buzz-lead

Dziś coś dla grafików i projektantów. Praktycznie wszyscy więksi właściciele blogów integrują swoje serwisy z portalami społecznościowymi. Mnie też to kiedyś pewnie czeka. Warto zadbać aby ikonki do postali społecznościowych były jak najładniejsze. Na stronie tutorial9.net znalazłem ikony do popularnych portali społecznościowych takich jak: Delicious, Digg, Facebook, Flickr, Google Buzz, MySpace itp. Wszystkie dostępne za darmo.

buzz-lead

Link: http://www.tutorial9.net/resources/social-buzz-icon-pack
Licencja: Darmowa