Archiwa kategorii: Web 2.0

haz.io – Sprawdź kompatybilność przeglądarki

haz.io

Aplikacja internetowa, która umożliwia sprawdzenie przeglądarki pod kontem obsługi CSS3, HTML5, nowych rodzajów znaczników oraz atrybutów. Zielona ikona znaczy że dana technologia jest obsługiwana a czerwona, że nie jest. Każda przeglądarka rożni się ilością obsługiwanych technologii, dlatego realizując projekt warto wziąć to pod uwagę tę różnice. Oczywiście w raz z rozwojem przeglądarek ich możliwości będą wzrastać. Pewnie nie będzie dla nikogo zaskoczeniem, że przeglądarka IE9 wypada w tych testach najgorzej :)

Link: http://haz.io/

Zoom.it – Sposób na baardzo duże zdjęcia

zoom.it Silverlight

Zoom.it to serwis stworzony przez firmę Microsoft. Udostępnia on narzędzie do przetwarzania i wyświetlania zdjęć o bardzo dużym rozmiarze. Jak łatwo się domyśleć technologią jaką zastosował Microsoft jest Silverlight. Zasada działania narzędzia jest banalnie prosta. Umieszczamy w internecie na serwerze duże zdjęcie. Następnie wpisujemy jego adres URL. Zwracany nam jest skrócony adres URL oraz kod, który możemy umieścić na stronie. W serwisie Zoom.it jest dostępnie również API przy pomocy którego możemy tworzyć własne sposoby dodawania zdjęć. Trzeba uważać co się wrzuca, bowiem zdjęć dodanych do zoom.it nie da się skasować. Jednak nie są one indeksowane, a zalezienie ich w sieci jest bardzo trudne.

Link: http://zoom.it/

jsFiddle – aplikacja internetowa do nauki frameworkówm JavaScript

jsfiddle

Rewelacyjne narzędzie do nauki lub pisania skryptów przy zastosowaniu różnych frameworków JavaScript. Mamy możliwość pisania skryptów przy użyciu frameworków jQuery, Prototype, MooTool itp.  Frameworki możemy używać w różnych wersjach i dołączać do nich dodatkowe biblioteki (np do jQuery można dodać jQuery UI). Ekran podzielony jest na cztery okna. Pierwsze okno służy do wpisywania kodu HTML, drugie okno do  kodu CSS, trzecie do wpisywania kodu JavaScript, a ostatnie okno pokazuje końcowy efekt. Narzędzie daje również możliwość udostępniania skryptów innym.

Link: http://jsfiddle.net/

aiVinci24 – Zaawansowany generator przycisków

aivinci24

Na stronie ai24.eu można znaleźć kilka przydatnych aplikacji internetowych. Jedną z nich jest generator przycisków. Do dyspozycji mamy kilka szablonów z gotowymi przyciskami, ale wygląd możemy  diametralnie zmienić korzystając z kreatora. Narzędzie daje spore możliwości modyfikacji wyglądu. Między innymi modyfikacje rozmiaru, tła, ramki, cieni, przezroczystości, kolorów, gradientów, czcionek, przezroczystości itp. Narzędzie eksportuje gotowy przycisk do pliku .png. Na koniec warto wspomnieć, że aplikacje potrafi również oprócz przycisków tworzyć chmurki z podpowiedziami. Link został nadesłany przez autora serwisu.

Link: http://www.ai24.eu/aplikacje/vinci/

Sprite Cow – program pomocny przy pisaniu CSS

Sprite Cow

Jednym ze sposobów projektowania wyglądu strony jest układanie grafiki na jednym obrazku. Następnie pisze się style CSS, znajdując grafiki na obrazku z użyciem atrybutu background-position. Teraz istnieje webowe narzędzie przy pomocy którego można usprawnić sobie prace. Sprite Cow pozwala wczytać obraz i przy pomocy zaznaczenia wydzielić poszczególne elementy. Na dole ekranu odczytujemy jego wielkość oraz pozycję. Nawet jeżeli nie tworzy się w ten sposób wyglądu strony, narzędzia można użyć do odczytywania rozmiaru obrazka.

 

Sprite Cow

 

Link: http://www.spritecow.com/

StencylWorks – jak stworzyć własną grę w Flash

stencylworks flash game

Czasami dla relaksu lubię pograć w gry flash. I chodź nie imponują one grafiką i szybko się nudzą, nie zjadają tyle czasu co normalne gry. Jeżeli ktoś zechciałby zająć się tworzeniem gier i zacząć od czegoś prostego , możne rozpocząć swoją przygodę z StencylWorks. To dostępny za darmo program do tworzenia prostych gier flash. Dzięki kreatorom większość pracy może być „wyklikana”, a nie programowana. Dla zaawansowanych dostępna jest możliwość pisania kodu w ActioScript. Możemy tworzyć różnego rodzaju gry: przygodowe, strzelanki, labirynty, zręcznościowe, a następnie  publikować je. O dokładniejsze informacje o programie zapraszam na stronę, bo ja wciągnąłem się w tworzenie gier :)

 Link: http://www.stencyl.com/

ZaGoogluj to czyli Google 1+ – Odpowiednik Facebookowego Like

google 1+

Od wczoraj Google udostępnia nową usługę Google 1+. Wprawdzie działała ona wcześniej, ale była dostępna tylko dla mieszkańców USA. Google 1+ to odpowiednik przycisku Like na portalu Facebook z tą różnicą, że oceny mają wpływać na wyniki wyszukiwania. Podobnie jak na Facebooku aby korzystać  z przycisku 1+ konieczne jest posiadanie konta Google. Na stronie Google 1+ można pobrać kod i umieścić go na własnej stronie. Możliwe jest również tworzenie różnych przycisków w zależności od adresu URL.

Wiążę duże nadzieje z tego typu usługami. Myślę, że coraz mniejsze znaczenie dla Google będą miały sumy ważone odnośników, czy oceny strony. Wydaje mi się, że przyszłość oceniania stron leży w Social Network i jej uczestnikach czyli w nas samych. Obiektywne czy subiektywne oceny bezstronnych użytkowników internetu wydaja się być bardziej fair niż farmy linków.

Link: http://www.google.com/intl/pl/webmasters/+1/button/index.html

Aplikacja Web do tworzenia tła na stronie www

Patternify

Patternify to aplikacja do tworzenia powtarzalnego tła. Możemy tworzyć obrazki piksel po pikselu i od razu zobaczyć efekt końcowy. W programie mamy kilka zdefiniowanych rysunków i wzorów z których możemy skorzystać. Możemy wybierać kolory, definiować wielkość obrazka, oraz przezroczystość. Ciekawą opcją jest to, że możemy nie tylko ściągnąć obrazek jako plik .png, ale także umieścić obrazek w formacie Base64. Aplikacja umożliwia również przesyłanie projektu tła przez wygenerowany w tym celu link.

 

Patternify

 

Link: http://www.patternify.com/