[Trufa]

I'm a little bit confused of the workflow they are suggesting.

I'm a web developer with "good design taste" but I definitely can't design myself, I always pair up with a designer that does the PSD.

But of course this doesn't mean that when I see a navbar that has a gradient I copy a paste the image of the navbar in my website with a <img>, my job is porting this images to HTML, CSS and JS.

If you're actually putting images from the PSD, you're definitely doing it wrong, but in my case, I still need a highly detailed design that I can make a website, otherwise I have to design it myself, wireframes only get you that far.

When I'm working with a good designer, that knows about how the web works, I feel it's a great workflow.

[yogo]

You're doing it the right way. The PSD is a blueprint for what the end result should look like. You implement it the best way possible for use in the browser (gradients, border-radius, etc.). For responsive, either the designer puts together comps for the various breakpoints or there is a discussion about how the main comp will change at various resolutions.

The point about bootstap made in the article I only see as relevant where your goal is to have something that looks standard or use a theme for bootstrap, for anything unique or visually appealing it's often faster to play with certain concepts in photoshop before building it out.

None of these things are really a problem if the designer is really a web designer. You can be backed into a corner real fast when you have print designers designing for the web.

[bryanlarsen]

this doesn't mean that when I see a navbar that has a gradient I copy a paste the image of the navbar in my website with a <img>

At one point in time you couldn't do gradients in CSS, so that's exactly what you did. Luckily, that era is over.

[RandallBrown]

I have designer type friends who don't do the design in photoshop at all. They just do their design in html and CSS.

This has the obvious advantage that when you're "done" with your design, the UI code is already written.

Of course it's way easier to do things like adjust gradients in photoshop. I also assume that most people will be able to do things in photoshop that they might not know how to do in HTML/CSS.