Avendo completato la nostra progettazione di moduli in Photoshop, ora rivolgeremo la nostra attenzione ai dettagli del processo. Dividiamo il PSD, risolviamo il markup, definiamo l'intero lotto, aggiungiamo alcune sfumature jQuery, quindi terminiamo con alcune validazioni in linea.
C'è molto da fare, quindi cominciamo!
Continuiamo con le nostre forme disponendo il markup HTML basato sul nostro design.
È giunto il momento di rivolgere nuovamente la nostra attenzione al PSD. Tracceremo gli elementi visivi di cui abbiamo bisogno, quindi iniziamo un po 'di stile nel CSS.
Disegnando la nostra struttura di tabulazione di base, diamo un'occhiata al modulo di accesso.
Ora tratteremo la nostra forma di registrazione in un modo simile. Aggiungiamo anche qualche magia jQuery al layout delle schede.
Dopo aver completato la compilazione delle nostre forme, concentriamoci ora sulla funzionalità. Applicheremo alcune validazioni in linea e lucideremo gli ultimi ritocchi.