Custom IDX Solutions

- Laura

.tag-cloud a:link:nth-of-type(3n+1) {
-moz-transform:rotate(2deg);
}

Do you know if

transform:rotate()

can be used on text elements?

We (where I work) recently had an internal discussion about rounded corners, for example. Safari, Firefox and Chrome support rounded corners introduced in CSS3, but IE doesn’t… of course. So we thought that for IE we could just use a javascript solution. We don’t want people with REAL browsers downloading extra images and it really is a waste of time creating nested divs just for rounded corners. In worst case scenario, IE users with JS disabled would get regular corners.

But the aim should always be to create a similar experience for the majority of the audience.

filter:shadow(color=gray, direction=100,
strength=5);

This:

filter:progid:DXImageTransform.Microsoft.Shadow(color=’#666666′, Direction=100, Strength=5)

Read more here:

http://msdn.microsoft.com/en-us/library/ms533086%28VS.85%29.aspx

I’m playing around with the transform:rotate; with images and I think it adds a nice touch to a page but do you have any advice about flowing text around a rotated image? At the moment I’m losing some text ‘behind’ the image once it has been rotated…

scrunchup is great by the way – I will be keeping an eye on it from now on :)

It’s hard trying to be a developer, designer, entrepreneur and doing it all satisfactorily! Maybe I just lack vision?

Keep up the good work :)

“The href*=’.pdf’ bit looks for anything that contains the string http://flickr.com.”

Should the href*=’.pdf’ be, in fact, href*=”http://flickr.com”?

p {font-size: 100%}

h1 + p {font-size: 150%}

This isn’t too foolproof, though – for example, if you have an image between the h1 and p, you need:

h1 + img + p {…}

but it’s a fairly nice alternate way to achieve that effect!