News for hackers. Stuff that matters.
Re:Ask HN: Modern web design resources? by metamemetics on Saturday July 10, 2010 @12:12PM (#1503865)
Perhaps HNers could share general design tips as well?

These are the two most important to me:

1) Don't use Adobe Photoshop. Use Adobe Fireworks. It's faster and simpler and everything you need for web stuff (gradients, masks, etc.). Use PNGCrush on any PNGs to remove all the extra info and layers before deploying.

2) Spacing\padding is one of the most important things that determines how professional a site looks to users, even if they can't verbalize it. For navigation buttons or tabs, a background height to inner font-height ratio of 2:1 looks way more professional than 1:1.

Re:Ask HN: Modern web design resources? by nnash on Saturday July 10, 2010 @01:56PM (#1504050)
> Don't use Adobe Photoshop

I'll disagree and say that Photoshop is faster and simpler, why? Because I'm better with it.

Use whatever graphics program you're best with.

First of all if you're only using gradients and layer effects like multiple borders most of that stuff can be done with CSS now.

The links below are for buttons and shapes but you can apply those effects to anything:

http://blog.anomalyinnovations.com/2010/03/creating-a-realis...

http://net.tutsplus.com/tutorials/html-css-techniques/build-...

http://net.tutsplus.com/tutorials/html-css-techniques/quick-...

Also photoshop is just as competent at saving images with those effects if you convert it to a smart object and rasterize it first.

Re:Ask HN: Modern web design resources? by metamemetics on Sunday July 11, 2010 @02:16PM (#1505883)
CSS3 or webkit extensions or mozilla extensions != CSS. I would never use any of those methods (for say, the next 2 years or if it was only a personal site I didn't care about and not a customer site).

Also the learning curve to do stuff faster with Fireworks than Photoshop is maybe 30 minutes, it's that simple.

Re:Ask HN: Modern web design resources? by nnash on Monday July 12, 2010 @08:28AM (#1507584)
I wish I had enough karma to down-vote you for insinuating that the current browser implementations of the CSS3 draft aren't CSS.
Re:Ask HN: Modern web design resources? by metamemetics on Tuesday July 13, 2010 @12:50AM (#1510401)
1. CSS==CSS1, CSS3==CSS3. CSS3!=CSS1. 100% of users see CSS1, 50% see CSS3.

2. Everything was explicit, there were no insinuations.

3. You aren't allowed to downvote replies to your own comment even if you had higher karma.