Archiwa kategorii: Narzędzia

h5ai – Inny sposób na wyświetlanie plików na serwerze WWW

h5ai jquery

Standardowy wygląd plików wyświetlanych na serwerach Apache, może się z czasem znudzić. Można go zmienić w prosty sposób. Projekt h5ai to nic innego jak strona WWW z użyciem jQuery i pliku .htaccess. Strona zmienia diametralnie wygląd wprowadzając starannie zaprojektowany interfejs. Nowy wygląd pozwala na przeglądanie plików w formie listy i ikon. Dodaje również wysuwane menu z drzewem katalogów. Konfiguracja zapisana w .htaccess. pozwala na rozpoznawanie wielu rozszerzeń plików. Instalacja jest bardzo prosta. Należy przegrać folder h5ia na serwer WWW, a do głównego katalogu przegrać plik dot.htaccess, pamiętając, aby zmienić jego nazwę.

Link: https://github.com/lrsjng/h5ai
Licencja: CC

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/

Google Swiffy – jak konwertować pliki flash do SVG

Google swiffy

Google niedawno uruchomiło nowy projekt o nazwie Swiffy. Pod tym niepozornym serwisem kryje się konwerter plików flash do postaci SVG. Konwersja na SVG uniezależnia przeglądarkę od posiadania Flash Playera. Konwerter obsługuje grafikę wektorową, czcionki, oś czasu oraz niektóre polecania ActionScript 2.0. Google Swiffy działa na wszystkich przeglądarkach, ale najlepiej na  Chrome bowiem zawiera ona funkcje SVG, które są interpretowane tylko przez nią. Nie zawsze efekt końcowy jest zadowalający. Niekiedy animacja może znajdować się niżej, niektóre warstwy mogą leżeć  w nieodpowiedni kolejności na sobie, lub nie wszystkie filtry są zaimplementowane. Narzędzie nie obsługuje również starszych typów plików falsh oraz plików większych niż 512 Kb.

Link: http://swiffy.googlelabs.com/

Html5 WYSIWYG – edytor tekstów prawie jak Word

html5 wysiwyg

Rewelacyjny edytor tekstów. Interfejs bardzo przypomina program Microsoft Word. Edytor został stworzony w oparciu o najnowsze techniki tworzenia aplikacji web czyli HTML5. Oprócz standardowych sposobów formatowania tekstów, edytor pozwala na tworzenie formularzy oraz co ciekawe wklejanie screenshotów. Wygląd edytora jest jest zbudowany z znaczników HTML, a więc łatwo jest go modyfikować. Projekt edytora jest w fazie projektu nie wszystkie elementy jeszcze w nim działają na przykład menu kontekstowe.

 Framework: jQuery, jQuery UI
Link: http://code.google.com/p/html-5-wysiwyg/
Licencja: GPL