Archiwum dla kategorii ‘Zasoby’

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

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

painting

HTML5 Canvas, JavaScript i operacje na obrazkach

Swego czasu dostaliśmy małe zadanie, którego przedmiotem było rozeznanie się i stworzenie podstaw edytora zdjęć online, na których można by operować z poziomu JS (więc i Canvas), a następnie przesyłać je w sieci. Dzisiaj prezentujemy podstawowe elementy i kilka przykładów z rozważań nad tym projektem. JavaScript, obrazki i HTML5 Canvas Podstawowo będziemy potrzebować (wszystkie biblioteki […]