CSS
A parallax illusion with CSS: The Horse in Motion

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.

Optical Illusion CSS Parallax

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.


Tags:  css optical illusion horse motion fun
 
AJAX-style image loading using CSS

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.

AJAX Loader

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.


Tags:  CSS webdesign internet programming
 
Top 22 CSS tutorials

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.

Top 22 CSS tutorials

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.


Tags:  CSS top programming webdesign internet tutorial
 
Hiding email addresses from spambots using CSS

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

Hiding email addresses from spambots 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.


Tags:  hide spam programming CSS email
 
Create valid CSS floating corners

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.

Floating Corner

Tags:  CSS how to webdesign internet
 
CSS Tab Designer

So, you want some nice CSS-based tabs on your own website? Sure, it's piece of cake when you're good at creating CSS. But what if you aren't so good at CSS or if you're lazy and just want to create a CSS menu fast. Than Overzone 's CSS Tab Designer can help you. Big time.

CSS Tab Designer is unique and easy to use

CSS Tabs

Tags:  CSS tab webdesign internet
 
<< Start < Prev 1 2 Next > End >>

Results 1 - 6 of 7
Subscribe
Navigation
Search
Search:
          
Sponsors
   



Blogrush