Veerle's blog

A few weeks ago I posted an article about the collapsing effect you get when a float is contained within a container box that has a visible background and how you can solve this problem. It seems that there is a smatter solution that involves no extra code in the HTML to solve this.

I’ve found an interesting article on how to clear floats without structural markup. This page explains why this effect happens and how to solve it in both the “old-fashion” way (using “clear:both” and 1 line of HTML code) or the smarter way (no HTML code needed) using the :after CSS 2 property.

The background takes an important part of the entire webpage design. Pixel patterns are a trend these days and lots of weblogs use them as a background. I like the sharpness and crispness of it. The complex patterns do fascinate me and I tend to analyze them by making a screenshot and zoom in to see how it's drawn.

Some of them look like old fashion wallpaper, I don't always like these but still, I admire the designer who made this. It's stunning and quit difficult!

Sometimes it can be hard to create an original pixel pattern. And some of you do wonder how to make these. I have found some high quality resources about this matter. There are probably much more websites on pixel patterns, but these 2 are the best ones I've found so far:

• Squidfingers
• K10k's Pixel patterns

2 tools to help you make pixel patterns:

• Simplesetter, is free but requires the font Tenacity
• Tiles12 and Tiles16

If anybody wants to share other high quality resouces, please don't hesitate.

The developer connection at Apple has put a page online where you can quickly discover how far along CSS support is in Safari. All tags are linked to W3C for more explanation what they stand for. Even for Windows users this link can be handy since a good webdesigner should develop cross platform.

CSS support in Safari

Time for al little break as the week is coming to an end. I posted all previous games of Yeti and the Penguin, so without further delay here is part 4 called Albatross Overload.

Especially my Ozi visitors will like the game since it takes place on a Australian beach. As you probably guessed the penguin has yet again a central role but this time you have to aim it so that the penguin flies together with the albatross.

The first click is to shoot the penguin at the right moment and all other clicks are used to flap the wings of the albatross. The secret here is not to click too much but letting the albatross glide so that his wing power gets a boast.

After a few games I was able to collect this score 2862,32 ;-)

A friend and reader of my blog, Travis Crips, helped me out on a webpage design in CSS. I got stuck on some errors and didn’t know how to fix them. Travis found the error and pointed me at some interesting floating issues that I would like to share with you…