Time for some fun with CSS and optical illusions. For those people that are feed subscribers for a while, will know that I really love optical illusions. I already wrote several articles with optical illusions (15 cool word illusions, Illusion of a 3D dragon and more), and now it's time to create one myself with the help of CSS.

One of the optical illusion video's that I saw a while ago, was the example of the book called Magic Moving Images. The video clearly explains how this optical illusion works and I really liked it.

I wanted to recreate the effect of the illusion with the help of parallax and CSS. Chris Coyier wrote an article about Starry Night: Incredible 3D Background Effect with Parallax. This was the foundation of the effect of an optical illusion.

Check out the demo page with can be created by combining those two awesome techniques.

AJAX let's you show a nice loader when doing a XMLHttpRequest. It's great for the visitor, because it can see that something is loading. Bad thing for the web developer is, is that AJAX is hard to learn. So here's a small little CSS trick for some great user experience, making it look like you made an AJAX loader for images.

You can implement this on a web page with an image/photo gallery or to a page where you have to load big images, like wallpapers. It's very easy to set-up and implement to your site.

This technique doesn't work with any form of AJAX. It just emulates the style of loading, giving the visitor and indicator that there is activity going on.

Every well-respected webdesigner knows how to use a CSS file. With this you can add markup to your webpage. I created a list of my personal top 22 favorite different subject CSS tutorials. They are listed below and are in random order. Read, learn and implement it on your own website.

Remember that a website styles with CSS can look otherwise in different browsers. Use this browser CSS rules checker to make sure you make the correct code. Additionally, don't forget to use the CSS Validation Service to have your CSS to the W3 standards. When you're done with your CSS file, use the CSS Superdouche to trim your CSS file down, making it smaller causing it to use less bandwith.

Nobody likes to receive spam. There are several ways to avoid your email address found by a spambot. For example you could use HTML character entities, Javascript, CAPTCHA etc. It just makes the address readable for humans and not for spambots. Some of those techniques work better then others, but here's a new way of hiding your mail address. Simply by using CSS

Too bad that there's just one big catch when using this technique: It doesn't work on Internet Explorer (IE) (yet). This is because IE doesn't support CSS generated content, something which is implemented in Firefox and other webbrowsers. I'm still sharing this knowledge with you, because I think this is very useful and IE will support generated content later on.

Many websites have eye-catching CSS floating corners. These can be used for many purposes, such as advertations. In this post I'll explain how to create those CSS floating corners.