Property development in NW11 London

Callisti has been helping Glentree new homes with their new Aylmer Place apartment development in north west London. The luxury apartments are at the Hampstead Garden Suburb area near Hampstead Heath so there is access to urban parkland.

The website is a customised wordpress child theme based on the twentyten theme so takes advantage of the custom menu feature and widget sidebars. CSS3 was used to create background gradients in the main content container area and the featured thumbnails were used to give each page a unique header image (required a minor functions.php tweak)

2 of the 5 apartments (prices starting at around a cool £1.15m!) have already been reserved ...

Rotate text in Internet Explorer using CSS and Matrix transform...

Not sure about Internet Explorer 9 yet but there is an excellent online tool for calculating the correct values for Internet Explorer 6, 7 and 8 css filters:

Enter the degrees of rotation and click 'Set'

This will generate CSS for the equivalent values for Firefox, Safari/Chrome and Opera but these can now be more simply stated using, e.g.

-moz-transform:rotate(25deg);
-webkit-transform:rotate(25deg);
-o-transform:rotate(25deg);

The basic filter for IE only allows 90 degree rotations (0, 90, 180, 270) so if you want text or images at a jaunty angle it's not enough. It's worth the extra effort to keep text as text and not resort to imagery.

However, don't expect the text to be as smooth as in other, more capable browsers...

The maths

Vertical text

CSS3 is providing a selection of memes. The old age problem of browser rendering and cross-browser testing heads up again though.

ScottGale.com gives a working solution.

The axis of rotation can vary between browsers and pre Internet Explorer 8 offerings are jippy.