Tag archive: tutorials
A quick overview of new tags in HTML5
The more I read about HTML5, the more I like it. But what is new, and how can the new features be used? And more specifically, how is a HTML5 website template different from an XHTML template? In an effort to find a good answer I would like to start with listing new HTML tags…
Variant Whitespace – reversed layout added
As promised in the post from yesterday, I have updated the Variant Whitespace template today and added a secondary layout with the sidebar on the left side. The original layout with the right sidebar is still included as the default style (index.html), while the new layout is added in a new .HTML file called index-reversed.html….
How to align images using CSS classes
The two latest templates that I have released, Variant Creative and Variant Whitespace, both have CSS classes added for aligning images in the text content. I have used similar classes in older templates as well, but since Variant Creative I am using the same class names as are used in WordPress to make the classes…
Variant Creative updated with new 2-column layout
A few days ago, the Variant Creative template was released. Today I have updated the template and added a second layout option with two columns, to show how the template can be customized in an easy way. This is what the new layout looks like: What has been added? Basically, all I have added is…
How to move the Basic Reader sidebar
A few days ago I got an e-mail asking how to modify the Basic Reader template to move the sidebar to the left side. For a design as simple as Basic reader it is a pretty simple change to do. Here is a step-by-step guide: The starting point The two content areas in the template…