News for hackers. Stuff that matters.
Re:Designers read this and developers will love you by justjimmy on Tuesday March 13, 2012 @09:30AM (#3698280)
I know this isn't the gospel and there is no right/wrong way to hand the files to the developers, but I was wondering if anyone else slice up all the images and organize them before handing it off to their developers?

Especially when drop shadows for images/png are involved, I tend to slice it all myself for pixel perfection and organize into appropriately file names for the developers.

Re:Designers read this and developers will love you by jurre on Tuesday March 13, 2012 @10:02AM (#3698440)
I don't think a lot of people are still slicing up photoshop mockups? At least I hope not as the need for it should be fairly limited with CSS3.
Re:Designers read this and developers will love you by tomjen3 on Tuesday March 13, 2012 @10:51AM (#3698666)
In practice much of those go away with -- we need to support ie7 (or even ie8).

Sadly.

Re:Designers read this and developers will love you by jurre on Tuesday March 13, 2012 @11:06AM (#3698744)
css3pie[0] fixes most of that!

[0]http://css3pie.com/

Re:Designers read this and developers will love you by justjimmy on Tuesday March 13, 2012 @10:15AM (#3698501)
Sorry, I'm not very proficient with CSS3 yet – you can create drop shadows along the free form outline of png images?
Re:Designers read this and developers will love you by jurre on Tuesday March 13, 2012 @10:43AM (#3698628)
Well you can't create PNG images with free form outline I'm afraid (if I'm understanding you correctly, you're talking about ignoring the transparant parts of a png right?) so that won't be possible, the drop shadow would just wrap around the actual outlines. Although it is possible to apply a border radius to your png and add a drop shadow to those, so rounded corners or circle pictures should work.

But yes, if you have actual free form outlines you would want to shade you'll have to resort to adding them to the PNG, but for most elements we can use CSS.