Archiwum dla kategorii ‘Narzędzia’

chart-logo

Wykresy w JavaScript i HTML5

Podczas pracy przy różnych projektach, czasami zachodzi potrzeba wyświetlania danych w postaci wykresów. Dzisiaj pokazanie wykresu w przeglądarce nie jest większym problemem. Możemy sami opracować rozwiązanie, jak i skorzystać z gotowych i przetestowanych. Tworzymy wykresy w JavaScript i HTML5 Zróbmy więc mały przegląd godnych uwagi rozwiązań. jqPlot Jest dość prostym w użyciu pluginem o dużych […]

Zgłębiamy temat

Refleksja obiektów w JavaScript

Dziś możliwie krótko ale konkretnie, czyli mała refleksja o refleksji obiektów. Refleksja obiektów w JavaScript Refleksja obiektów jest nie tylko ciekawostką, ale i narzędziem z którym możemy się spotkać częściej niż sądzimy. I może ono się okazać tym, czego właśnie potrzebujemy jeżeli na czymś utkniemy. Mechanizm refleksji pozwala tak pracować z kodem, jakby stanowił on […]

isotope

Dynamiczne UI oraz efekty z użyciem jQuery Isotope plugin

Jakiś czas temu otrzymałem do wdrożenia w projekycie gotowy layout w HTML5. Ideą projektu było wyświetlanie albumów i zdjęć użytkowników. Mnie zaciekawił użyty tam plugin jQuery Isotope, dzięki któremu uzyskano bardzo efektowny i dynamiczny layout, realizujący także Responsive Web design (RWD). jQuery Isotope plugin Stroną domową projektu jest: http://isotope.metafizzy.co/index.html Plugin jest dostępny zarówno na licencji […]

jQuery

Zbiór pluginów jQuery – przydatne i ciekawe rozszerzenia

Oto mały zbiór pluginów jQuery, z którymi zdarzyło mi się pracować, a które uznałem za godne uwagi. Pluginy jQuery Ilość dostępnych pluginów jQuery jest naprawdę przytłaczająca. Nie sposób przejrzeć ich wszystkich. Z drugiej strony szukając wtyczki jQuery realizującej jakieś zadanie, prawie na pewno znajdziemy to czego szukamy. 1. Sticky Plugin Sticky to plugin jQuery, dający […]

Zepto.js

Biblioteka Zepto.js

Ostatnio przyszło nam pracować nad rozwojem projektu, który korzystał z biblioteki Zepto.js po stronie frontend. Zaciekawiła mnie, więc postanowiłem napisać kilka słów na jej temat. Zepto.js Zepto.js jest lekkim frameworkiem JavaScript, który znakomicie spisuje się szczególnie w przeglądarkach opartych o WebKit. Posiada składnię w większości kompatybilną z jQuery. Zatem dla osób obeznanych z jQuery praca […]

Facebook

JavaScript Facebook API. Co nieco o programowaniu aplikacji Facebook.

W dzisiejszym artykule prezentuję niewielki zbiór zagadnień, z którymi najczęściej miałem do czynienia podczas pracy z programowaniem aplikacji Facebook. Programowanie aplikacji FB Oczywiście aplikacje zwykle miały elementy bazujące na PHP SDK, jednak generalnie większość funkcjonalności tworzona była z użyciem dedykowanego SDK dla JavaScript Facebook API. Programowanie Facebook Apps to dość obszerny temat ogólnie, jak i […]

Less CSS

Na pograniczu: LESS CSS

Witam w kolejnym artykule z pogranicza JavaScript i CSS. Dziś krótko o narzędziu Less CSS (tudzież CSS/LESS) – bibliotece stworzonej w JavaScript, mogącej pomóc programiście przy pracy ze stylami CSS. LESS CSS Biblioteka ta wprowadza swego rodzaju dynamiczny język arkuszy stylów. LESS rozszerza CSS o elementy dynamicznych języków, takie jak zmienne, funkcje a nawet domieszki […]

Table

Tabele w JavaScript – polecane rozwiązania

W ostatnim czasie pracowałem nad aplikacją WWW, której sporą część stanowiło przedstawianie przetworzonych danych w postaci tabelarycznej, z możliwością sortowania itp. Trzeba było znaleźć dobre i szybkie rozwiązanie do tego celu. Tabele w JavaScript – rozwiązania Postanowiłem zatem opublikować dziś niewielki spis godnych uwagi rozwiązań tego typu. 1. Dynatable.js Jest to dość świeże spojrzenie na […]

html5

Więcej o HTML5 Canvas. Animacje, przykłady, narzędzia.

Witam! Pora na dalsze zgłębianie HTML5 Canvas, poprzez realizację kolejnych przykładów. Dziś nieco bardziej zaawansowane rzeczy, jak animacje i inne operacje graficzne. HTML5 Canvas w przykładach A zatem do dzieła. Posłużymy się prostym szablonem strony HTML5, używanym w poprzednim artykule do uruchamiania przykładów. Prosta animacja z użyciem HTML5 Canvas Prosta, ponieważ zajmiemy się animowaniem (poruszaniem) […]

tools_1

Narzędzia dla programistów JavaScript (i HTML5)

Witam w kolejnym artykule omawiającym przydatne narzędzia dla programistów JavaScript i HTML5. Narzędzia dla programistów JavaScript Zaczniemy od jednej z moich ulubionych funkcji – własny dump zmiennej. 1. Funkcja showDump Czasami przychodzi nam pracować z „czymś”, co do czego nie jesteśmy pewni, nie znamy typu, albo struktury. Możemy wiedzieć że jest to obiekt lub konkretnie […]