Archiwa kategorii: Kodowanie

PHPFormatter – aplikacja webowa do porządkowania kodu PHP

phpformstter_thumb.jpg

Dla tych którzy programują w PHP i nie chce im się porządkować kodu, który przed chwilą napisali w pocie czoła, proponuję stronę beta.phpformatter.com. Wklejając kod PHP w jednej chwili możemy uzyskać pięknie sformatowany kod. Aplikacja webowa oferuje wiele opcji formatowania kodu. Miejmy nadzieję, że kod który wklejamy jest bezpieczny i nie jest nigdzie dalej składowany.

 

Link: http://beta.phpformatter.com/

Raphaël – biblioteka JavaScript to grafiki wektorowej

raphael

Raphaël to biblioteka JavaScript, która w znacznym stopniu upraszcza pracę z grafiką wektorową. Pozwala na tworzenie  w prosty sposób własnych wykresów, animacji galerii itp. Biblioteka Raphaël używa SVG, który jest standardem ustalonym przez W3C i VML jako bazy do tworzenia grafiki. Oznacza to, że do każdego obiektu graficznego tworzony, jest obiekt DOM, dzięki temu można dołączyć obsługę zdarzeń JavaScript.  Raphaël działa na przeglądarkach Firefox 3.0 +, Safari 3.0 +, Chrome 5.0 +, Opera 9.5 + i Internet Explorer 6.0 +.

 Demo: http://raphaeljs.com/
Licencja: MIT

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/

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/

jCanvaScript – biblioteka do tworzenia obrazów i animacji canvas

jCanvaScript

jCanvaScript to biblioteka JavaScript, która dostarcza metod do tworzenia obrazów i animacji w technologi Canvas, która to technologia wchodzi w skład HTML5. Biblioteka działa na każdej platformie, który obsługuje Canvas i JavaScript. Aby dodać obsługę jCanvaScript w programie Internet Explorer trzeba użyć dodatkowej biblioteki ExCanvas.

 

jCanvaScript

 

Link: http://jcscript.com/
Licencja: MIT

Notepad++ edytor i notatnik dla programistów

notepad-plus-plus

Notpad ++ jest zaawansowanym edytor tekstu i programem obowiązkowym dla każdego dewelopera w systemie Windows. Wielu programistów używa go jako zapasowego edytora do szybkiej edycji kodu, chociaż zdarza się że niektórzy używają tylko tego. Program ma podświetlaną składnię dla wielu języków i słownik podpowiedzi. Potrafi konwertować pliki na UTF-8 bez BOM, co jest pomocnie kiedy sam plik jest inaczej kodowany. W programie mamy obsługę zakładek, zwijania kodu, przeszukiwania plików, makr oraz pluginów.

 

notepad-plus-plus

Systemy: Windows
Link: http://notepad-plus-plus.org/
Licencja: GPL

CSS:resetr – arkusze stylów normalizując CSS

css resetr

Przeglądarki już tak mają, że różnią się w interpretacji stylów CSS. Niedoścignionym faworytem interpretacji stylów na opak i denerwowania wszystkich kodeków HTML jest oczywiście Internet Explorer. Ze stylami można sobie troszkę ułatwić stosując dodatkowe style, które normalizują kod CSS sprawiając że strona jest widziana na wszystkich przeglądarkach tak samo. To niestety nie pomoże nam rozwiązać wszystkich problemów ze stylami CSS. Takich normalizujących stylów jest dużo a najlepsze z nich możemy ciągnąć na stronie cssresetr.com. Dodatkowo mamy  możliwość sprawdzenia stylów na przykładzie i porównania miedzy sobą.

css resetr

Link: http://cssresetr.com/

Keys CSS – Style przycisków klawiatury

keys css

Keys CSS to jeden plik z kaskadowymi arkuszami stylów, czyli po prostu z stylami CSS :). dzięki niemu możemy na przykład wyświetlić na naszych stronach skróty klawiszowe do jakiegoś programu. Zasada działania skryptu jest dość nietypowa bowiem style działają w oparciu o znacznik <kbd>. Nie każdy wie (ja też nie wiedziałem :) ), że jest to znacznik używany specjalnie do opisywania klawiszy klawiatury. Tak samo jak znacznik <p> jest do akapitów,  <code> do pisania kodu programistycznego, czy <cite> do cytatów.

keys css przykład

keys css

Link: http://michaelhue.com/keyscss/
Licencja: MIT