Archiwum dla kategorii ‘Narzędzia’

Yeoman

Przydatne narzędzia dla programistów: Yeoman

Znalazła się w końcu odrobina czasu na blogowanie, dlatego dziś chciałem napisać kilka słów o jednym z przydatnych narzędzi dla programistów – Yeoman. Yo man! Przydatne narzędzia dla programistów – pan Yeoman Po co robić żmudne, powtarzalne czynności skoro może to za nas robić maszyna, lub w tym przypadku – program. Yeoman pozwala nam na […]

More advanced JavaScript

JavaScript, HTML5, CSS i praca z data URI

Co to takiego? Schemat data URI to prostu sposób reprezentacji danych, jednak w taki sposób, że dane który zwykle przechowujemy w plikach (np. zdjęcie) występują w postaci ciągu tekstowego. Ciąg taki ma odpowiedni format, jednak pozwala programistom na łatwe przesyłanie takiego zasobu np. między aplikacjami Web, a także użycie bezpośrednio w kodzie CSS bądź JavaScript. […]

underscorejs

Programowanie funkcyjne w JavaScript i biblioteka underscore.js

Programowanie funkcyjne (lub programowanie funkcjonalne) to metodyka programowania będąca odmianą programowania deklaratywnego, w której funkcje należą do wartości podstawowych, a nacisk kładzie się na wartościowanie (często rekurencyjnych) funkcji. Korzysta na tym także biblioteka underscore.js, która również wspiera programowanie funkcyjne w JavaScript. Biblioteka underscore.js i programowanie funkcyjne Underscore.js jest biblioteką JavaScript, oferującą wiele ułatwień, które oferuje […]

qr

Kody QR w JavaScript

Kod QR / QR Code (ang. Quick Response, QR: szybka odpowiedź) jest to alfanumeryczny, dwuwymiarowy, kwadratowy kod graficzny wynaleziony przez japońską firmę Denso-Wave w 1994 roku. Z takimi kodami spotykamy się coraz częściej. Dziś zajmiemy się właśnie tym tematem – jak pracować z kodami QR w JavaScript. Kody QR w JavaScript Istnieje sporo rozwiązań do […]

tool-set

Interesujące biblioteki JavaScript – zbiór

W dzisiejszym artykule zabraliśmy różne interesujące biblioteki JavaScript, z którymi mieliśmy styczność. Wiele z nich może uatrakcyjnić nasze projekty, inne to narzędzia typowo wspierające pracę z kodem. Interesujące biblioteki JavaScript Tinycon Zarządzanie ikonką favicon z poziomu JavaScript. Dzięki tej bibliotece możemy manipulować ikoną wyświetlaną na pasku tytułowym zakładki. Możemy np. dodać animację lub dodać bardziej […]

editor

Edytory WYSIWYG w JavaScript, jQuery i HTML5

Witam. Dziś mały spis edytorów WYSIWYG. Bazują one oczywiście na JavaScript, ale także na nowszych możliwościach, oferowanych przez HTML5. Edytory WYSIWYG Czasem zachodzi potrzeba dodania do projektu (np. panel administracyjny CMS, opisy produktu w e-sklepie) aplikacji WWW. Dostępnych jest wiele gotowych do użycia, bardzo dobrych rozwiązań. Przedstawiamy wybrane z nich. 1. Redactor WYSIWYG Jest to […]

pack

Kompresja kodu JavaScript i CSS

Minimalizacja czy też kompresja kodu JavaScript bądź CSS to często spotykana technika, stosowana w celu optymalizacji obciążenia i czasu ładowania strony poprzez zmniejszenie wagi plików z kodem. Dziś postaramy się zwięźle powiedzieć o narzędziach stosowanych do tego celu. Kompresja kodu JavaScript i CSS Ostatnio ktoś zapytał mnie o ten temat, stąd dzisiejszy mały artykuł. Możemy […]

tools

Narzędzia JavaScript – zbiór

Od czasu do czasu publikujemy artykuły o interesujących i przydatnych narzędziach. Pracując na co dzień przychodzi realizować różne zadania, więc i poznaje się kolejne ciekawe narzędzia. A czasami ktoś po prostu podeślę ciekawostkę. I tak mamy dziś mały zbiór. Narzędzia JavaScript (jQuery, HTML5, etc) Przejdźmy do rzeczy. 1. Tworzenie prezentacji w HTML5 dzięki reveal.js Proste […]

file4

Odczyt pliku w JavaScript i HTML5

Z tym zagadnieniem spotykałem się właściwie od lat. Jednak dopiero bardziej nowoczesne rozwiązania pozwalają podejść do tego zagadnienia w sensowny sposób, niezwiązany z jedną konkretną przeglądarką. Odczyt pliku w JavaScript i HTML5 Wśród najprostszych sposobów można wymienić wczytywanie zawartości pliku via AJAX; w przypadku jQuery można użyć metody get(): Przykład on-line: http://dominik-w.pl/tester_file_read.html Należy pamiętać o […]

video-icon

HTML5 Video. Obsługa video w HTML5 i JavaScript.

Po artykule o Audio, pora napisać o odtwarzaniu filmów poprzez HTML5 Video. Praca z HTML5 Video Element <video> specyfikacji HTML5 pozwala na odtwarzanie filmów video w przeglądarce, bez instalowania dodatkowych wtyczek. Przykład użycia: Tak samo jak w przypadku elementu audio, możemy dodać atrybut controls, aby wyświetlić podstawowe elementy UI służące do kontroli na odtwarzaniem video.