Conectați-vă sau înregistrați-vă Form Design de la zero (Ziua 2)

După ce ați finalizat proiectul nostru de formular în Photoshop, acum ne vom îndrepta atenția asupra piulițelor și șuruburilor procesului. Să alcătuiți PSD-ul, să sortați niște marcaj, să stylizați întregul lot, să adăugați niște flori jQuery, apoi să terminați cu o validare a formei inline.

Sunt multe de făcut, deci să începem!


Secțiunea 4: Marcajul HTML

Să ne continuăm formularea prin stabilirea marcajului HTML bazat pe designul nostru.


Secțiunea 5: Sliczirea PSD

Acum este momentul să ne îndreptăm din nou atenția spre PSD. Vom sclipi elementele vizuale de care avem nevoie, apoi vom începe un stil în CSS.


Secțiunea 6: Modificarea formularului de înscriere

După ce ne-am desenat structura tab-ului de bază, să analizăm semnul în formă.


Secțiunea 7: Formarea formularului de înscriere

Acum vom trata forma noastră de înscriere într-un mod similar. Să adăugăm, de asemenea, niște magie jQuery la aspectul filelor.


Secțiunea 8: Validarea în linie

După ce ați finalizat construirea formularelor noastre, să ne concentrăm acum asupra funcționalității. Vom aplica o serie de validări inline și vom lustrui ultimele atingeri.


Citirea și trimiterile utile

  • Smashing Magazine Modele de proiectare a formularului web
  • Webdesigntuts + Introducere în teoria culorilor pentru designeri web
  • Șase revizuiesc o privire în teoria culorilor în Web Design
  • dezinerfolio.com30 Icoane gratuite pentru vectori
  • Nettuts + Construieste un formular de contact HTML5
  • Divează-te în HTML5 O formă de nebunie
  • O listă cu excepția validării formularului de gândire
  • Nettuts + 8 expresii regulate trebuie să știți
  • Modele de intrare HTML5
  • Elementul CSS Tricks Force pentru a-și auto-delimita copiii
  • Stilul de cod Font builder
  • Icoane de mătase FamFamFam