Archiwum dla kategorii ‘Zasoby’

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 […]

Tutorial Twitter Bootstrap

Twitter Bootstrap w pigułce

Twitter Bootstrap (TB) to framework CSS na licencji MIT, tworzony rozwijany przez programistów Twittera. Zawiera zestaw narzędzi ułatwiających tworzenie UI stron oraz aplikacji www. Bazuje głównie na gotowych rozwiązaniach HTML oraz CSS (LESS). Tutorial Twitter Bootstrap – co i jak To znakomite rozwiązanie możemy wykorzystywać do stylizacji elementów naszej strony / aplikacji, m.in. efektownych przycisków, […]

messages

HTML5 Web Messaging – programowanie

Web Messaging (tudzież cross-document messaging) jest to API wprowadzone do specyfikacji HTML5, pozwalające dokumentom pochodzących z różnych źródeł / domen komunikować się w bezpieczny sposób. To podstawowy poziom bezpieczeństwa pozwalający działać ponad zabezpieczeniami cross-site scripting. HTML5 Web Messaging Podstawą jest metoda postMessage, pozwalająca nawiązywać komunikację. Co ważne należy uzyskać dostęp do obiektu Window dokumentu docelowego. […]

Program control

Wielowątkowość w JavaScript i HTML5 web workers

„Skrypt nie odpowiada”, „Przerwij działanie skryptu” i tym podobne irytujące komunikaty. W końcu JavaScript idealny nigdy nie był i pewnie nie będzie. Mimo wszystko jego obecne możliwości i poziom optymalizacji imponują. Dużym krokiem naprzód w stronę większych możliwości były HTML5 Web Workers. Wiąże się to z kwestiami wielowątkowości, z której możemy korzystać w JavaScript! Popracujmy […]

geo_navi2_earth

Geolokalizacja w HTML5

Dziś kilka słów o geolokalizacji, z którą zdarza nam się pracować podczas realizacji niektórych aplikacji WWW. HTML5 oferuje programistom (i użytkownikom) interesujące, wcześniej niespotykane możliwości, osiągalne z poziomu przeglądarek (zarówno desktopowych jak i mobilnych). Jedną z takich możliwości jest API geolokalizacji. Geolokalizacja w HTML5 Z powiązaną tematyką spotkaliśmy się już w jednym z tutoriali 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.

audio_speaker

HTML5 Audio. Obsługa dźwięku w HTML5 i JavaScript.

HTML5 oferuje nam nie tylko takie rewelacyjne elementy jak Canvas, ale wiele innych cennych funkcjonalności, ułatwiających tworzenie aplikacji on-line. Przykładem może być obsługa dźwięku (HTML5 Audio) i video, przy czym nie musimy korzystać z różnych dziwnych rozwiązań, typu aplety Java, ani nawet z obiektów Flash. Więcej o HTML5 Audio Jest to część specyfikacji HTML5 pozwalająca […]