4 ms·

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

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.

nnash 16y ago
> 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-realistic-looking-button-with-css3/ http://blog.anomalyinnovations.com/2010/03/creating-a-realis... http://net.tutsplus.com/tutorials/html-css-techniques/build-kick-ass-practical-css3-buttons/ http://net.tutsplus.com/tutorials/html-css-techniques/build-... http://net.tutsplus.com/tutorials/html-css-techniques/quick-tip-practical-css-shapes/ 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.
- metamemetics 16y ago
  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.
  - nnash 16y ago
    I wish I had enough karma to down-vote you for insinuating that the current browser implementations of the CSS3 draft aren't CSS.
    - metamemetics 16y ago
      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.

nnash 16y ago

> 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-realistic-looking-button-with-css3/ http://blog.anomalyinnovations.com/2010/03/creating-a-realis... http://net.tutsplus.com/tutorials/html-css-techniques/build-kick-ass-practical-css3-buttons/ http://net.tutsplus.com/tutorials/html-css-techniques/build-... http://net.tutsplus.com/tutorials/html-css-techniques/quick-tip-practical-css-shapes/ 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.

metamemetics 16y ago
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.
- nnash 16y ago
  I wish I had enough karma to down-vote you for insinuating that the current browser implementations of the CSS3 draft aren't CSS.
  - metamemetics 16y ago
    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.