Veerle's blog

Since using CSS to code the design of my webpages I came to the conclusion that less slices are needed compared to old-school table layout. And because of that I just crop and export my images right from Photoshop instead of FireWorks like I used to. For me this is faster and easier, since you have only 1 document instead of 2.

This is part 6 of our tutorial. (Previous parts: part 1, part 2, part 3, part 4 and of course last week’s part 5). Now we will add the content part of our webpage. Next week we’ll be adding the (favorite) links under our navigation and I’ll also explain how to create a footer.

In our previous part we implemented our very first CSS code. For first time visitors here is: part 1, part 2, part 3 and part 4. In this part of the tutorial we will be implementing our navigation on the left.

There’s a lot of talk these days about where the women of CSS are. Molly is asking, Douglas Bowman is asking,… Why are there far less women then men in this field? Maybe there are women out there but they are less vocal or haven’t reached the “celebrity” status as some men do. Of course I haven’t been around long enough so my time might still come where people will remember my name who knows. Also I’m still learning myself, so I’m far from an expert (yet). I can only yell “hello?! I’m here” but if you don’t get heard then I’m one of the many women in this CSS world.

Today I will bring you the next step of our tutorial about designing a CSS based template page. This part is about choosing the right color scheme and creating a nice background pattern for our webpage. Here is part 1 for those who missed it and want to catch up.

As you all know, my initial idea was to give you a small tutorial on how to create glassy buttons in an easy way. That’s why it might look a bit odd to you that we will think about color-schemes in the 2nd part of our tutorial. This should actually be our first step, then the creation of the buttons, the background etc.