JavaScript

Edytor PHP – PhpStorm

Edytor PHP – PhpStorm

slav

Od dawien dawna korzystałem z Komodo Edit . Wszystko działało bez zarzutów. Wydajność, stabilność… jednak czegoś mi brakowało. Większej integracji z PHP którą dostarczył mi właśnie PhpStorm . Co wyróżnia PhpStorm na tyle innych edytorów? Jest to IDE stworzone specjalnie na potrzeby programistów PHP. Mamy więc takie narzędzia jak automatyczne uzupełnianie kodu PHP (ale to ma każdy dobry edytor), wykrywanie zduplikowanego kodu, funkcje do refaktoringu PHP, wsparcie dla Smartego i PHPDoc oraz wspaniałą obsługę języków dodatkowych takich jak JavaScript, SQL czy XML.

Uwolnij się od prefixów CSS

Uwolnij się od prefixów CSS

slav

Bardzo ciekawe rozwiązanie uwalniające od tworzenia specjalnych reguł CSS dla każdej z przeglądarek. Piszę tutaj o rozwiązaniach pozwalających na tworzenie gradientów w tle, czy okrągłych narożników: -webkit-border-radius: 50%; -moz-border-radius: 50%; [ . Żeby było ciekawiej – rozwiązanie to działa client-side, czyli cała zabawa jest po stronie przeglądarki i nie wymaga instalowania niczego na serwerze. Wystarczy zaimportować 2KB JavaScript i problem z głowy. Zapomniałbym o odnośniku do serwisu: -prefix-free . Przykład zastosowania poniżej:

jQuery na diecie – jQuip

slav

jQuery stało się standardem w przypadaku bibliotek JavaScript. Działa bez większych błędów, niestety z każdą kolejną wersją przybywa jej kilobajtów. Aktualnie wersja 1.7.1 skompresowana ma ponad 93KB. Jest to całkiem spory rozmiar szczególnie jeżeli weźmiemy pod uwagę urządzenia mobilne i ogólnie połączenia, gdzie płacimy za transfer.

Kopiowanie tablic w JavaScript

slav

Nie wiem czy był to tzw. “fakt oczywisty”, który pominąłem w bezmiarze moich skryptów, ale okazało się że kopiowanie tablic w JavaScript to nie jest taka prosta sprawa. Namęczyłem się sromotnie nad prostą sprawą, które polegała na tym, że potrzebowałem skopiować tablicę i posortować jej elementy w kopii tejże tablicy.

Edytuj PDF online #2

slav

Edycja PDFów to bardzo upierdliwa kwestia. Jest do tego “kilka” narzędzi, ale wiadomo – nie zawsze pod ręką, nie zawsze dostępne a najczęściej płatne i to sporo :). Wcześniej opisywałem PDF Escape który pozwalał na edycję PDFów online, tym razem kolejny program tego typu, który tym razem wykorzystuje HTML5 i Canvas do edycji PDF.

IDE online i to Open Source

IDE online i to Open Source

slav

Ostatnio trafiłem na bardzo ciekawy projekt o nazwie WIODE . Jest to kolejny edytor, który pracuje w przeglądarce, ale co najlepsze – jest to projekt Open Source i można go zainstalować na własnym serwerze. Do dyspozycji mamy edytor z kolorowaniem składni oraz klienta FTP który umożliwa wgrywanie zmodyfikowanych plików.

Creative JS potęga JavaScript i HTML5

Creative JS potęga JavaScript i HTML5

slav
Poprzednio pisałem o CSS3 i tym co można zrobić w 1024 znaków kodu, tym razem mały pokaz możliwości HTML5 i JavaScript – na stronie CreativeJS możecie obejrzeć co da się zrobić przy pomocy współczesnej przeglądarki (czyli nie IE), HTML5 i JavaScript. HTML5 wnosi sporo nowego w świat “webu” – szczególnie umiejętnie zastosowany. Gdy pierwszy raz zobaczyłem “ 20 things i learned about browser & the web ” nie mogłem uwierzyć, że nie ma tam ani linijki Flasha czy innego Aira… Potem okazało się, że przy pomocy Canvas można zrobić naprawdę wiele.
Znacie Snipplr?

Znacie Snipplr?

slav

Każdy z nas posiada zestaw “snippetów” – nie wiem jak to przetłumaczyć na język polski – skrawki? wstawki? fragmenty kodu? Chodzi o kod, który używamy dosyć często w różnych projektach. Czasami jest to jakaś działająca funkcja sprawdzająca poprawność zmiennych, czasami jest to sposób użycia jakieś klasy a czasami jest to… coś innego. Wiadomo o co chodzi – Snippet to taki kod, funkcja, klasa którą możemy wielokrotnie używać przy różnych okazjach.

html2convas czyli screenshoty client-side

html2convas czyli screenshoty client-side

slav

W specyfikacji HTML5 pojawił się nowy interesujący tag o nazwie CANVAS. Jego możliwości są ogromne – pozwala on na rysowanie na “płótnie”, tworzyć animacje i generalnie jest cool. W ramach powierzonych mi działań, miałem okazję “pobawić się” tymże elementem i faktycznie – zabawa jest przednia. Niestety trzeba dobrze znać JavaScript no i koniecznie obiektowy. Co nie zmienia faktu, że na bazie CANVAS robi się już gry, animację i powoli wypiera się Flasha.