Miesięczne archiwum: Marzec 2011

CSSPrefixer – aplikacja webowa do poprawy kodu CSS3

cssprefixer css3

Aplikacja webowa, która poprawia kod CSS, tak aby był poprawnie wyświetlany na wszystkich przeglądarkach.  CSSPrefixer sprawdza kod CSS i przepisuje niektóre style uzupełniając je o odpowiednie przedrostki. Chodzi oczywiście  o style wchodzące w skład CSS3, które nie są jeszcze obowiązującym standardem, dlatego niektóre przeglądarki korzystają ze swoich przedrostków do ich obsługi.

 

cssprefixer css3

link: http://cssprefixer.appspot.com/

FontSizer – Skrypt do powiększania rozmiaru czcionki – jQuery

fontsizer jquery

Niekiedy na stronach WWW można zauważyć opcje powiększania rozmiaru czcionki, skrypt fontSizer właśnie temu służy. W kodzie skryptu można ustawić maksymalny rozmiar do jakiego mają się powiększać litery. W linku demo znajduje się instrukcja jak zainstalować skrypt na stronie www.

fontsizer jquery

Framework: jQuery
Link: http://plugins.jquery.com/project/FontSize
Demo: http://www.protoboard.cl/sandbox/fontsizer/sample.html
Licencja: MIT, GPL

ImageCloud – chmura zdjęć w jQuery

imageCloud jquery

Prosty skrypt umożliwiający tworzenie chmury zdjęć. Zdjęcia wczytywane są ze znaczników img i losowo ułożone na stronie. Po najechaniu na ramkę, zdjęcie powiększa się. W pliku skryptu możemy ustawić kilka parametrów takich jak wielkość obrazków, prędkość otwierania, kolor i grubość ramki oraz zaokrąglenie rogów. Możemy również utworzyć link wpisując adres url w atrybut title znacznika img i ustawiając odpowiednik parametr skryptu na true.

 

imageCloud jquery

Framework: jQuery
Link: http://www.alvaromontoro.com/imageCloud/
Demo: http://www.alvaromontoro.com/imageCloud/demo.php
Licencja: GPL

Webreader – czytnik RSS zintegrowany z Google Czytnik

webreader rss

Kanały RSS to już chyba chleb powszedni każdego internauty. Bez nich nasze codzienne czytanie informacji było by wielkim skakanie po stronach, a wiele ciekawych informacji uciekało by naszej uwadze. Dlatego właśnie kanały RSS to norma w dobie  dzisiejszego szumu informacyjnego. No ale kanały RSS to nie wszytko, ważny też jest dobry czytnik (program) który te kanały dla nas szczytuje. Czytnik RSS to program, który łączy się ze wszystkimi naszymi ulubionymi stronami i wczytuje z nich najnowsze informacje. W ten sposób w jednym programie mamy dostęp do wszystkich naszych ulubionych informacji.

Chyba najbardziej znanym czytnikiem na świecie jest Google Czytnik.  Ja sam używam Google Czytnik i nie wyobrażam sobie zmiany na inny program. Jeśli ktoś używa Google czytnik a wolałby jednak desktopową aplikacje, może wypróbować WebReader. W odróżnieniu od innych aplikacji do RSS łączy się ona z naszym kontem Gogole i sczytuje kanały z aplikacji Google Czytnik. Gdy dodajemy nowy kanał w aplikacji synchronizuje się on z aplikacją webową Google. WebReader jest oczywiście dostępny za darmo, a cena jaką trzeba za to płacić to jedynie oglądanie reklam z boku :) Program WebReader jest napisany w technologii Adobe Air.

 

webreader rss

 

 

Wymagania: Konto Google
Link: http://www.getwebreader.com/

CSS3 Generator – aplikacja web do generowania CSS3, również w IE

css3 generator

Świetnie zaprojektowana i zrobiona aplikacja do generowania kodu CSS3. Intuicyjny interfejs, przyciski i suwaki pozwolą nam szybko wygenerować żądany kod. W aplikacji możemy ustawić grubość ramki jego kolor oraz kolor tła. Możemy ustawiać zaokrąglenia rogów, rzucać cienie, ustalać gradienty oraz przezroczystość.  Z prawej strony możemy na bieżąco śledzić docelowy wygląd. Dodatkową zaletą aplikacji jest to, że umożliwia wygenerowanie kodu dla IE.

css3 generator

 

Link: http://www.thisiserichoffman.com/css3-generator/

Wysuwany panel w jQuery i Mootools i na WordPress

sliding login panel

Wysuwany panel w którym możemy umieścić formularz, menu, zdjęcia itp . Panel wysuwa się z góry po naciśnięciu przycisku a efekt przejścia jest bardzo płynny. Skrypt istnieje trzech wersjach. Pierwsza napisana w jQuery, druga w MooTools i trzecia jako plugin do WordPress.

sliding login panel

Framework: jQuery
Link: http://web-kreation.com/tutorials/nice-clean-sliding-login-panel-built-with-jquery/
Demo: http://web-kreation.com/demos/Sliding_login_panel_jquery/

Framework: MooTools
Link: http://web-kreation.com/tutorials/nice-login-and-signup-panel-using-mootools-12/
Demo: http://web-kreation.com/demos/login_form_mootools_1.2/

WordPress
Link: http://web-kreation.com/all/implement-a-nice-clean-jquery-sliding-panel-in-wordpress-27/

Licencja: GPL

3D Ribbon Generator – generator wstążek w CSS3

3D Ribbon Generator

3D Ribbon Generator to aplikacja webowa pozwalająca na generowanie ciekawych nagłówków, działów itp. w formie wstążki. Kod generowany jest w CSS3, tak więc będzie on lepiej odczytywany przez wyszukiwarki. Aplikacja ma zdefiniowane cztery rodzaje wstążek,  jednak możemy modyfikować dowolnie parametry oraz kolory. Możemy również dodać cienie do wstążki. Kod działa na wszystkich popularnych przeglądarkach, na IE działa od wersji 7.

 

3D Ribbon Generator

 

Link: http://www.css3d.net/ribbon-generator/

CSSWarp – generator krzywego tekstu w CSS3

CSS Warp

Dzięki generatorowi CSSWarp możemy tworzyć tekst ułożony na prowadnicy. Prowadnice można dowolnie modyfikować i wykrzywiać. Możemy również wybrać niestandardową czcionkę która jest pobierana z usługi Google Fonts (@font-face). CSSWrap generuje następnie kod, który można umieścić na własnej stronie. Co najważniejsze generator działa nawet na IE9 to dobry znak, ponieważ wcześniej wydawało mi się że tworzenie krzywionych elementów nie było możliwe w IE9.

 

CSS Warp

 

Link: http://csswarp.eleqtriq.com/