Tag archive: tutorials
“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…
Video tutorials: Learn to write XHTML and CSS manually
After being asked about HTML/CSS coding tutorials for beginners, I ran across a site with a number of excellent guides: LearnWebCode.com. In a number of simple steps, you can learn the basics of both (X)HTML and CSS, and along with the texts you can find a number of videos that give you a visual guide…
Graceful degradation vs. Progressive enhancement (part 1)
The graceful degradation philosophy, making full-featured designs work acceptable on older computers and mobile devices, is more and more getting replaced by a new philosophy called progressive enhancement. In a series of posts, I’ll write about differencies between the two, and explain why I will focus on progressive enhancement in the future…