Category archive: Learn

Validating your code using Unicorn

I am a big fan of the W3C web standards, for several reasons which I will write more about in future posts. All free website templates on andreasviklund.com are written using valid XHTML and CSS, and I recommend everyone to do their best to keep their code valid. One of the easiest ways to find…

How to add text shadows using CSS

One of many new possibilities that comes with CSS3 is the ability to add shadows on texts. It is an easy way of making a regular design a bit prettier, but it can also be useful to make some text elements easier to read. Browser support for text shadows is still not perfect as Internet…

How to edit the Variant Multi layout options (part 2)

Continuing from part one of the short guide to editing the Variant Multi template layout, the next part to look at is the footer area. As seen in the examples included in the template (download variant-multi.zip to get the code), the footer can have 2-4 columns using two different widths. The footer: Halves and Quarters…

How to edit the Variant Multi layout options (part 1)

The latest free website template release, Variant Multi, offers a lot of layout options. But how do the different layouts work? Here is the first part of a short walkthrough of the ideas behind the Variant Multi design… One CSS file, many small tricks As you may have seen from the screenshots or the live…

Changing body fonts

Changing fonts in the templates can give the design a very different look. For a long time, the selection of fonts to use on websites has been limited to a few standardized “web-safe” fonts. But this is no longer the case, there are ways to include own fonts like @font-family – a topic for a…

Menu