Bouwen aan een Coming Soon -pagina met HTML en LESS

Onze hebben ontworpen Komt binnenkort pagina in Photoshop, laten we nu beginnen met het bouwproces met wat markup en styling. We versnellen het hele proces door MINDER te gebruiken - als je nog geen dynamische stylesheets hebt gebruikt, beloof ik je dat je dit na het bekijken van deze!


HTML-markup

We beginnen met het opstarten van Espresso (hoewel je natuurlijk de code-editor kunt gebruiken die je verkiest) en een opsomming geven.

Of download de video of abonneer je op Webdesigntuts + screencasts via iTunes of YouTube!


MINDER Styling

Laten we nu eens kijken naar het opdelen van onze PSD en het stylen van de opmaak die we hebben opgesteld. Zoals eerder vermeld, zullen we het hele proces versnellen door LESS te gebruiken met LiveReload.

Of download de video of abonneer je op Webdesigntuts + screencasts via iTunes of YouTube!


Aanvullende bronnen

  • 20 Herhaalbare patronen op premiumpixels
  • Afgeronde hoeken Gedaan op Webdesigntuts+
  • Reset CSS door Erik Meyer
  • MINDER: de dynamische stijlbladtaal
  • LiveReload