Advertisement
  1. Web Design
  2. Complete Websites
Webdesign

Building a "Coming Soon" Page With HTML and LESS

by
Difficulty:IntermediateLanguages:
This post is part of a series called Design and Build an Inviting “Coming Soon” Page.
Designing a "Coming Soon" Page in Photoshop
Adding a jQuery Countdown to Our "Coming Soon" Page

Having designed our Coming Soon page in Photoshop, let's now kick off the build process with some markup and styling. We'll speed up the whole process by using LESS - if you haven't yet used dynamic stylesheets I promise you'll want to after watching this!


HTML Markup

We'll begin by firing up Espresso (though you can obviously use whichever code editor you prefer) and setting out some markup.

Alternatively, Download the video, or subscribe to Webdesigntuts+ screencasts via iTunes or YouTube!


LESS Styling

Now let's see about slicing up our PSD and styling the markup we've laid out. As already mentioned, we'll speed up the whole process by using LESS with LiveReload.

Alternatively, Download the video, or subscribe to Webdesigntuts+ screencasts via iTunes or YouTube!


Additional Resources

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.