Costruire una pagina Coming Soon con HTML e LESS

Avendo progettato il nostro Prossimamente pagina in Photoshop, iniziamo ora il processo di compilazione con alcuni markup e styling. Velocizzeremo l'intero processo usando LESS - se non hai ancora usato i fogli di stile dinamici prometto che vorrai dopo aver visto questo!


Markup HTML

Inizieremo licenziando Espresso (anche se puoi ovviamente utilizzare qualsiasi editor di codice che preferisci) e impostando dei markup.

In alternativa, scarica il video o iscriviti a Webdesigntuts + screencast tramite iTunes o YouTube!


MENO Styling

Ora vediamo come tagliare il nostro PSD e stilare il markup che abbiamo preparato. Come già accennato, accelereremo l'intero processo usando LESS con LiveReload.

In alternativa, scarica il video o iscriviti a Webdesigntuts + screencast tramite iTunes o YouTube!


Risorse addizionali

  • 20 pattern ripetibili su pixel Premium
  • Angoli arrotondati eseguiti direttamente su Webdesigntuts+
  • Ripristina CSS di Erik Meyer
  • MENO: il linguaggio dinamico del foglio di stile
  • LiveReload