Posty otagowane ‘Canvas’

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

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

html5-tutorial-canvas-image-hot-points_128

Tutorial HTML5: zdjęcie na Canvas z klikalnymi elementami

Rezultatem pracy nad dzisiejszym przykładem będzie efekt, który może być przydatny w wielu projektach z różnych branż. Chodzi o efekt będący swego rodzaju komentarzem do danego punktu na zdjęciu. Możemy w tym miejscu zaprogramować określoną akcję np. pokazanie szczegółowych informacji. Tutorial HTML5 – klikalne punkty na zdjęciu Trzeba mieć na uwadze, że konfiguracja klikalnych punktów […]

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

html5

Niezwykłe możliwości HTML5 i JavaScript – przykłady

Pracując z JavaScript i HTML5 można napotkać na różne ciekawe rozwiązania, a jeszcze ciekawsze mogą być przykłady stworzone głównie w celu demonstracji możliwości tych technologii. Niezwykłe możliwości HTML5 i JavaScript oraz CSS W dzisiejszym artykule rzucimy okiem na niektóre z licznych przykładów tego typu. Czasami aż trudno uwierzyć że jest to możliwe w samych językach […]

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

html5

Nauka HTML5 Canvas i JavaScript – krok po kroku

Opublikowaliśmy już podstawowy kurs HTML5, który dał solidne podstawy do nauki (lub przypomnienia pewnych zagadnień). Daję one możliwość szybkiego pójścia naprzód i zgłębiania kolejnych tematów. Samą naukę HTML5, jak i tworzenie konkretnych rozwiązań, najlepiej rozłożyć na mniejsze części i opracowywać krok po kroku. Dalsza nauka HTML5 Canvas Nauka idzie świetnie poprzez realizację konkretnych przykładów. Zatem […]

html5

Szybki kurs HTML5. Część 2 – podsumowanie.

W drugiej, podsumowującej części podstawowego kursu HTML5 przyjrzymy się bliżej kolejnym zagadnieniom. Szybki kurs HTML5: biblioteka Modernizr Już na początku dodamy sobie ułatwienie pracy w postaci biblioteki Modernizr. Jest to biblioteka JavaScript, która wykrywa dostępność funkcji HTML5 i CSS3 w przeglądarce użytkownika. Możemy pobrać Modernizr z oficjalnej strony, gdzie jest także narzędzie, dzięki któremu możemy […]

html5

HTML5 Canvas i JavaScript. Wprowadzenie.

Wstęp do HTML5 zaczniemy od jednego z najważniejszych elementów tej technologii, mianowicie HTML5 Canvas. Powiemy krótko o tym, jak wygląda programowanie w JavaScript w kontekście elementu Canvas (oraz innych elementów w przyszłych artykułach). HTML5 Canvas HTML5 daje nam wiele nowych możliwości, w tym nowy element Canvas, będącego częścią specyfikacji języka HTML5. Element ten to jakoby […]

Power

JavaScript – po co i dlaczego? Motywacja do zgłębiania języka

JavaScript? Jestem prawie pewien że wśród ludzi znajdziemy całe spektrum – od pełnych pasji entuzjastów po nienawidzących ten język i gardzących nim i jego programistami. Tymczasem my z czystym sumieniem mówimy, że JS jest potężniejszy, niż wielu sądzi! Odpowiedzmy sobie na pytania: Czy JavaScript jest taki mocny i potrzebny? Czy nie jest to język gorszej […]