Mobile Friendly Website


Doing it with style


Example One
A demo of pop-up boxes, opacity and top to bottom text.
Weft Fonts
Using any font you like with IE Weft.
Vertical Align
A method of vertical alignment using CSS.
Vertical Tab Menu
Using 'writing-mode' to make a vertical tab menu.
3 pixel bug fix
Fixing the old IE6 3px vertical gaps in three column layouts
PNG image map » 19-11-2009
Using background png images for irregular shape imagemaps.
Three IE7/8 Galleries

Using Microsoft timeAction scripting to produce three galleries.
IE6 png fix » 01-10-2010
IE6 png fix for foreground images with no extra markup.
An IE7 bug
A bug found in IE7 and a workaround.
IE10 specific styles » 09-02-2013
IE10 Grid layout with three columns center exclusion zone and touch scrolling
Windows 8 & IE10/IE11 specific styles » 28-09-2013
A full screen responsive left/right swipe action gallery using just CSS (NO javascript)


Although some of the demonstrations in this section are a little dated, I have kept them to show how CSS has progressed over the last ten years.

This section is for Internet Explorer owners only, and is here to explore this browsers expressions. Mainly using :hover and :filters,

IE also has the ability to use any font you like by creating a special font file using WEFT which has a free download from the Microsoft website. A demonstration of this is included in the list above.
Whilst this is only for Internet Explorer, it would be nice if there were some standard method of allowing any font to be 'embedded' into your page.

We now have @font-face to have fonts easily embedded into web pages.

If you like any of these demonstrations I have left the css in the page source so help yourself.

Most of my demonstrations can be used without asking for permission. However, some will require email approval first. Just check each page for the copyright requirements before use.

If you are having problems integrating any of my demonstrations into your website then I now offer a service to fault find and correct any errors that you may have introduced. Please email me for more information.


Your donations keep CSS PLAY running.
If your donation is for the use of a demo then please email me with the demo url after making your donation.


Facebook Twitter rss feed Facebook Fan Page