Comments on: CSS Nuggets in Scrunchup

By: John McFarlane

John McFarlane — Wed, 10 Mar 2010 11:57:52 +0000

Awesome article Anna, some really great tips for everyone. keep up the great work!

By: Anton Palitsyn

Anton Palitsyn — Mon, 30 Nov 2009 13:57:26 +0000

Great article, Anna. But the lack of IE support is a real deal-breaker for most of the clients we work with.

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.

By: Andy

Andy — Fri, 06 Nov 2009 10:49:25 +0000

Superb article. You have truly inspired me to investigate some of these more obscure CSS properties. The grid issue in particular had me thrown recently. I ended up resolving it with some php and complex div nesting, but wasnt perfect. Wished I’d known about nth-of-type.

By: Daniel Lambert

Daniel Lambert — Thu, 05 Nov 2009 02:23:04 +0000

Some pretty good tricks here will deffo take a note.

By: Andy Walpole

Andy Walpole — Wed, 04 Nov 2009 19:29:44 +0000

Or alternatively instead of:

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

This:

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

By: Bram.us » CSS Nuggets in Scrunchup

Bram.us » CSS Nuggets in Scrunchup — Wed, 04 Nov 2009 16:49:00 +0000

[...] Some lovely CSS2.1/CSS3 tricks used in Scrunchup Spread the word! [...]

By: gordee

gordee — Mon, 02 Nov 2009 16:35:26 +0000

Really useful tips Anna – thanks!

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 :)

By: Simon Hamp

Simon Hamp — Mon, 02 Nov 2009 16:21:54 +0000

Great article Anna! I like these practical examples. Definitely stuff I will be putting to good use in my designs.

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 :)

By: Anna Debenham

Anna Debenham — Mon, 02 Nov 2009 12:18:45 +0000

Thanks Martin, well spotted. I’ve changed that now.

By: Martin Bean

Martin Bean — Mon, 02 Nov 2009 11:56:45 +0000

I think you have a typo…

“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”?