Blackbird czyli debugowanie JavaScript

Blackbird czyli debugowanie JavaScript

slav

Nie wiem jak wy, ale ja przy debugowaniu JavaScriptu używam zawsze code inspectora, albo zwykłego alert. Nie zawsze jest to ładne, nie zawsze wygodne no i zatrzymuje wykonywanie skryptu co w przypadku większych i dłuższych skryptów jest trochę upierdliwe. Powstał więc projekt Blackbird .

Wszystko co robi, to umożliwia ładniejsze debugowanie skryptów JavaScript. Wystarczy wywołać jedną z komend, a informacja pojawi się w gustownym boxie.

Obrazkowy lorem ipsum czyli obrazkowe zaślepki

Obrazkowy lorem ipsum czyli obrazkowe zaślepki

slav

O lorem ipsum każdy webmaster słyszał już pewnie nie raz. Szczególnie od klienta, który zdziwiony twierdzi, że coś nie tak jest ze stroną bo jest “po łacinie”. Ja mam zawsze problem z zaślepkami na obrazki. Można wstawić obrazki np. z istocka, albo wkładać wszędzie .png o wymiarach 1×1 i rozciągać przez parametry width i heigh, zdecydowanie jednak lepiej wygląda prawdziwe zdjęcie lub ilustracja.

Standardowo używam mojego przyjaciela Abe’a – który z zupełnienie nieznanych mi przyczyn zawsze znajduje się w katalogu “przykładowe obrazki”. Niestety nie każdy lubi tego sympatycznego stworka, szczególnie tzw. “poważni” i “korporacyjni” klienci, więc… skąd brać dobre “zaślepki”? Poniżej lista kilku serwisów które nam w tym pomogą

Porządki

Porządki

slav

Przy okazji nadchodzących świat, postanowiłem uporządkować lekko bloga. Lekkie przesortowanie w kategoriach po prawej, kilka uzupełnień najbardziej popularnych artykułów.

Dodatkowo pojawiła się nowa funkcja – powiązane artykuły – zdaża mi się skupić uwage na jakimś temacie bardziej niż na jeden post i warto zerknąć na to co pisałem wcześniej.

Konwersja fontów on-line

Konwersja fontów on-line

slav

Kolejna wpis z cyklu “narzędzia on-line”. Tym razem konwersja czcionek  lub jak kto woli fontów.

Online Font Converter jak sama nazwa wskazuje to narzędzie do konwersji fontów, ale… działa w oparciu o email. Wystarczy wysłać email w odpowiednim formacie (opis poniżej) a system odeśle nam czcionkę w odpowiednim formacie.

PhantomJS przeglądarka z linii poleceń

PhantomJS przeglądarka z linii poleceń

slav

Zasadniczo nasuwa się podstawowe pytanie – po co? Otóż z bardzo wielu powodów. Dla nas jako developerów to rozwiązanie wręcz idealne do wielu celów. Takich jak np. przeprowadzanie testów wydajnościowych, generowanie PDFów ze stron, czy tzw. “site scraping” – czyli wydzieranie danych z obcych stron WWW.

PhantomJS to właśnie to rozwiązanie. Zbudowany na silniki WebKit (Safari i Chrome) dzięki czemy wydajność renderowania stron jest bardzo wysoka, do tego mamy pełne selektory DOM, CSS i wszystkie inne potrzebne funkcje. Programujemy to za pomocą JavaScriptu, więc nie trzeba uczyć się czegoś nowego.

Stash czyli uniwersalny cache dla PHP

Stash czyli uniwersalny cache dla PHP

slav
Stash to bardzo fajna biblioteka do cachowania obiektów w PHP. Pozwala na korzystanie z różnych systemów do przechowywania cache za pomocą takich metod jak system plików, Sqlite , APC , Xcache , memcached oraz tryb MulitiHandler, który pozwala na używanie wielu metod jednocześnie. Projekt solidnie przetestowany, bardzo wydajny z wieloma zabezpieczeniami. Polecam głównie do projektów dedykowanych i gdy nie bardzo wiemy jakiej metody użyć (nie każdy serwer ma zainstalowany memcached czy APC).
Rzecz o zgłaszaniu błędów

Rzecz o zgłaszaniu błędów

slav
Praca nad każdym projektem wymaga interakcji z klientem, niestety 90% z nich nie potrafi jasno komunikować problemów jakie się pojawiają. Najczęściej witają nas komunikaty “nie działa mi”, “posypało się”, “nie mogę…”. A przecież to takie proste, słowa są nośnikiem informacji, a nie dezinformacji… Jakiś czas temu Simon Tatham napisał dosyć ogólny tekst na temat “ Jak efektywnie zgłaszać błędy ” ja mam tylko jedno marzenie i prośbę… drogi kliencie – przeczytaj ten artykuł.
Sprzętowa akceleracja w Google Chrome 10

Sprzętowa akceleracja w Google Chrome 10

slav

Od jakiegoś czasu – konkretnie od wersji 10tej, w Chrome jest sprzętowa akceleracja renderowania stron. Dzięki czemu nowoczesne układy graficzne a w zasadzie ich GPU będą wspomagać renderowanie stron, co odciąża procesor i przyspiesza wyświetlanie stron. Niestety domyślnie opcja ta jest wyłączona. W związku ze sporymi nowościami w każdej wersji Chroma do konfiguracji chrome można dostać się poprzez…