Workshop examples and small demos showing HTML5 APIs and techniques.
Open the HTML files in a browser to try the examples.
Files and short descriptions:
- M01_semantic.html — Demonstrates semantic HTML5 elements and basic page structure.
- M02_canvas_basic.html — Basic Canvas drawing example (trees, gradients, patterns).
- M02_canvas_ampliat.html — Expanded Canvas example with multiple objects and textures.
- M02_canvas_animacio.html — Canvas animation example using requestAnimationFrame (sun/earth/moon).
- escacs.html — Simple chessboard drawn on a canvas.
- M03_audio.html — Audio playback controls and current-time display using the Audio API.
- M04_video.html — Video element example with basic playback controls and time display.
- M05_geolocalitzacio.html — Geolocation demos using OpenLayers and mapping APIs.
- M06_drag_and_drop.html — Drag-and-drop demo showing draggable images and drop targets.
- M07_webstorage.html — localStorage example to save and list simple key/value items.
- M08_indexedDB.html — IndexedDB example demonstrating object stores and cursors.
- M09_ServiceWorker.html — AppCache demo migrat a Service Worker; mostra registre, Cache API i comportament offline.
- M10_webworkers.html — Web Workers example processing image data in background threads.
- M11_server_sent_events.html — Server-Sent Events (SSE) example listening to a /events endpoint.
- M12_moduls.html — ES modules example with module imports and usage.
- M13_Firebase.html — Firebase Firestore demo for storing and querying documents.
- M14_history.html — History API demo (pushState, replaceState, navigation).
- M15_file_api.html — File API demo: select/drag, preview, read and download files.