We’ve finally covered the basics of HTML, HTML5, and CSS. Now it’s time to look at some effective methods of incorporating specified templates that will better enhance your online appearance.


Mr. Popular and Mrs. Not-So-Popular

In the HTML world, design and aesthetics are crucial in order to effective reach any singular audience but also captivate their attention. An HTML5, template-distributing, Creative Commons-abiding, customizable website known as HTML5 Up has released a plethora to get you started.

Now, shown below are two beautifully crafted HTML5 site templates named Spectral and Big Picture, respectively.

spectral

big picture

Take note of the smooth transitioning across various platforms of desktop, tablet, and mobile for both of the displayed templates.

You’ll be wise and attentive enough to note that both HTML templates are extraordinarily similar in terms of aesthetics and typography.

You’ll not be wise and attentive enough to note that one of these has earned 291,321 downloads while the other hardly scrapes by with a mere 70,241.

Why is this so? How can this be? And more importantly, which one is better?

The answer lies within the contextual showcasing itself. Despite the fact that Spectral and Big Picture carry a heavy resemblance to one another, they vary in layout, alignment, and format, three characteristics which make up the startling difference of 221,080 people. Bolded text and a subtle thin-lined sub-heading crafts the clean look of Big Picture, encompassing both a professional yet informal tone.


Sources

Go ahead and explore these useful links that were referenced throughout the post:

http://html5up.net/

http://html5up.net/spectral

http://html5up.net/big-picture

Advertisements