Tag archive: css

How to create a CSS button menu (part 1)

This is the first post in a tutorial series about creating a navigation button menu using only CSS and HTML. In this part, I will start easy and create a very simple (and therefore not so pretty) horizontal button menu. I will explain how I do it, and in forthcoming posts I will expand the…

How to keep the CSS code clean

When I work with HTML, CSS, PHP or any other code or scripting language, I always try to keep the code in order to make sure it will remain easy to get into for future updates. Well-structured code makes it easier to spot errors, and also easier to get an idea of what the design…

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…

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…

Menu