You are looking at archived content. The hot new stuff is happening at Veerle's blog 3.0. You should check it out!

Jun 12

Updated Link section

29 comments 2006 at 02.04 am posted by Veerle Pieters

Almost two years ago I created a PDF document full of handy CSS resources. Most of the links are still ok but I personally found that it was high time for an update. In our everyday work life we discover so many new links to bookmark. Personally I always have a hard time finding back my links in those bookmarks when I need them.

May 29

The Expression Engine phase of my new blog

49 comments 2006 at 01.37 am posted by Veerle Pieters

Most of you will already know that I use Expression Engine as tool for my site (further referred to as EE) and that I enjoy working with this tool mainly because of its flexibility and user friendlyness.

May 22

Netsquared project part 2

22 comments 2006 at 12.27 am posted by Veerle Pieters

As promised this the sequel to our chat about the Net2 project that I finished a while ago. In part 1 I talked about creating the brand/identity for NetSquared so if you didn’t read it,  I suggest that you go there first to get a better understanding about the project. This part will be about the creation of the website. Once you have the final logo and colors beaten down you’re all set to start the design phase of the website.

Apr 30

The XHTML/CSS template phase of my new blog, part 2

34 comments 2006 at 12.46 pm posted by Veerle Pieters

In part 1 I’ve showed you how I divided the design into different container div areas. In this post I’m going more into detail on the CSS/XHTML of the horizontal navigation. As I mentioned already in part 1, I use a technique called the Navigation Matrix written by Didier Hilhorst. In this technique, you use only 1 background image for the whole navigation. This background image is then placed to its pixel precise position using CSS background positioning.

Apr 24

The XHTML/CSS template phase of my new blog, part 1

46 comments 2006 at 02.06 am posted by Veerle Pieters

Most of you might already know that if you create your pages using CSS, you need to switch off ‘slice-mode’. Slicing and tables are yesterday’s news if you are a web professional. I guess I don’t have to explain why, so we move right onto the practical question: How did I start converting my blog design? First you need to analyze your design and define the areas that will be converted into a container div using an ID or a class.

Apr 18

Internet Explorer 7 and phantom spaces when using lists

28 comments 2006 at 03.05 am posted by Veerle Pieters

Microsoft released a new Beta preview release of IE 7 at MIX06 a few weeks ago and said that it is feature complete and that no stuff will be added anymore. For me this was the perfect opportunity to test how my blog renders with this new version. For those who have no intension to read further I can say the browser is doing very well and there was only 1 minor issue but more on that later. There are still some bugs left but to me it is surprising that Microsoft is actually listening to us now and that alone is a very welcome change. The IE team has also set up an Internet Explorer Feedback site and issues reported during the IE 7 Beta 2 will be looked at. They will do their best to fix issues reported. So that’s why I wrote this article.

Apr 14

Flickr badge W3C valid

43 comments 2006 at 07.00 am posted by Veerle Pieters

Some of you might be interested in how the Flickr pictures are implemented on my blog. I use the HTML version of the Flickr badge. After completing the 5 steps you’ll get the code that you’ll need to implement in your site. As we like to keep things clean and W3C valid, we need to do some ‘house cleaning’ first. The styles that Flickr provide are of no use to me so I throw them out and we’ll control everything in our own (external) stylesheet…

Feb 01


2 comments 2006 at 12.02 pm posted by Veerle Pieters

FACE stands for: Faruk’s Animated CSS Enhancements. It is a technique that combines JavaScript with the flexibility of CSS. It’s a way for designers to create animations without having to know Flash or JavaScript, so you could say that it fits in the world of and MOOFx.

Dec 12


26 comments 2005 at 06.53 am posted by Veerle Pieters

A very common problem with CSS layouts is that if you float an image left or right, the content that follows this image will float next to the image. That’s obvious since that’s exactly what it should do. Sometimes we want this effect only to a certain point.

Nov 22

Div thinking cap

39 comments 2005 at 05.53 am posted by Veerle Pieters

Time for a bit of CSS styling fun! When working with CSS you need to have the ability to analyze your layout and see how you would place your div containers. That’s what differs from working with a classic table layout. You need a whole different approach and think more in terms of containers. Stop thinking of how you’ll slice your layout, start thinking on how to put each graphic into a container… How much containers do I need without overdoing it?

Page 2 of 7 pages  <  1 2 3 4 >  Last »