Category archive: Learn

Online tools for CSS3 transforms, gradients and other effects

Here is a recommendation for those of you who are curious about what CSS3 can be used for, as well as for everyone who wants to get started with using CSS3 transforms in a really easy way: John Allsopp, the main developer of the excellent visual CSS editor Style Master, has created a set of…

How to add multiple image sections to “This is me” v1.0

To add support for more than one gallery section in the “This is me” and “This is me (dark)” templates, there are a few things that need to be done in the HTML and CSS code. The following step-by-step tutorial works for both the light and the dark version of the “This is me” template….

“This is me” template with inverted colorscheme

On request, here is a quick example of how the colors can be changed in the new This is me template. To make the color switch easy to revert, I will do it using a custom class on the body element in the HTML. Step 1: Add the body class In index.html, find the <body>…

From template to complete website in 10 minutes

The most popular posts in this blog are the six parts of the Building your first website tutorial. However, going through that tutorial takes some time, and this post is written for those of you who want things to go faster. I am going to explain how you could turn the latest template release, the…

Centered horizontal menus with CSS

I got an e-mail asking how to make a centered horizontal menu, using XHTML and CSS. It may sound easy, but it cause me a lot of headache before I learned how to do it. After trying a lot of “text-align:center” and “margin: 0 auto;” approaches that didn’t work as I wanted, I realized that…

Menu