Initializr - ovvero come iniziare

Web Design Mod. A a.a. 2013/2014

Lezione 1

Introduzione al Design Adattivo per diversi device; progettazzione di wireframe di riferimento ai contenuti direttamente in HTML/CSS; HTML5: Web Design e mark-up semantico; Responsive Design: Layout e compatibilità.
Lezione 2

Introduzione a jQuery, Inclusione di jQuery, jQuery syntax; Introduzione a jQueryUI.

Progettazione e realizzazione di un accordion grafico orizzontale con jQuery.

Lezione 3
jQueryUI: Introduzione ai widget; realizzazione di un accordion verticale (UI); utilizzo del themeroller, personalizzazioni.

jQuery Plugin: Struttura, collocazione, buone prassi, esempi: Colorbox: a jQuery lightbox, jQuery Zoom: a plugin to enlarge images on touch, click, or mouseover; jQuery Picture to add support for responsive images.

Lezione 4
CSS3: Nuovi selettori di attributo, pseudo classi; Web Font ed effetti tipografici; bordi e sfondi; effetti di trasformazione e animazione su box e immagini.
Introduzione ad Initializr per generare un template basato su HTML5 Boilerplate.

Esercitazione finale:
Scrivere un layout adattivo in HTML5/CSS3 per il catalogo presente su: http://www.museoaccessibile.it/gipsoteca/catalogo.html (prendere come riferimento un singolo artista o un piccolo museo) utilizzando:

1. Colorbox: a jQuery lightbox;
2. jQuery Zoom: a plugin to enlarge images on touch, click, or mouseover;
3. jQueryUI: realizzazione di un accordion verticale (UI);
4. Themeroller, personalizzazioni.