Mentre guardiamo il nostro mockup di Photoshop, scriviamo per iniziare a scrivere HTML per descrivere ciò che stiamo guardando. Ovviamente stiamo usando HTML5 ogni volta che ha senso rimanere il più assolutamente semantico possibile. Ad esempio, utilizziamo l' elemento per la data di pubblicazione del , perché, sai, è intelligente e semantico.
Tocchiamo un po 'sull'uso di Zen Coding e passiamo a CodePen perché è integrato. Inoltre, fare clic sui comandi in Sublime Text 2 è fantastico.
Usiamo i commenti HTML (per ora) per indicare i tag di chiusura che sono lontani dalla loro controparte di apertura. per esempio
… lots of space Per i nostri titoli, utilizziamo alcuni titoli reali dal sito Web live, quindi stiamo lavorando con alcuni contenuti reali.