But you are inevitably going to be limited by HTML and browser limitations, so why not work with a tool that respects them? I can see the value in wysiwyg editors for non-coders but using photoshop itself for layout design never made a lot of sense to me.
Then again I still do most of my coding in sublime text and use ftp which is apparently terrible so what do I know?
Think of Photoshop as a sketchpad without the limitations/insanity of HTML and CSS... so you can be totally right brain dreaming up stuff; your mind is thinking only on the look at that point, not whether IE 8 is gonna blow it all out of the water.
Once you get the layout into something good then you fire up notepad or whatever and go into left-brain mode and hack your mock-up it into something that works.
I, myself, find Photoshop (or any freeform graphics tool) a bad tool for web mock-ups and HTML/CSS a dreadful syntax to format with... so, either way of doing those is a struggle for me. :-D
so you can be totally right brain dreaming up stuff; your mind is thinking only on the look at that point, not whether IE 8 is gonna blow it all out of the water.
Yeah that would be my stumbling block, i'd always be thinking 'ok this looks nice but how will I make it work?' People like me are why they made Bootstrap I guess. Which is odd, since I have a graphic design background originally... but I guess my brain just doesn't like moving between the two modes (or I want to avoid the "turn the psd into html" part of the process...)
It's a long drawn out process no matter how you look at it. The elements of your design have to be broken down and translated into code. Not just any code though, code that works on all major browsers and operating systems. The same change that fixes a bug on Firefox could break your layout on Opera. And you'll need a dozen Virtual Machines to even track down the bugs.
Comments
But you are inevitably going to be limited by HTML and browser limitations, so why not work with a tool that respects them? I can see the value in wysiwyg editors for non-coders but using photoshop itself for layout design never made a lot of sense to me.
Then again I still do most of my coding in sublime text and use ftp which is apparently terrible so what do I know?
Think of Photoshop as a sketchpad without the limitations/insanity of HTML and CSS... so you can be totally right brain dreaming up stuff; your mind is thinking only on the look at that point, not whether IE 8 is gonna blow it all out of the water.
Once you get the layout into something good then you fire up notepad or whatever and go into left-brain mode and hack your mock-up it into something that works.
I, myself, find Photoshop (or any freeform graphics tool) a bad tool for web mock-ups and HTML/CSS a dreadful syntax to format with... so, either way of doing those is a struggle for me. :-D
so you can be totally right brain dreaming up stuff; your mind is thinking only on the look at that point, not whether IE 8 is gonna blow it all out of the water.
Yeah that would be my stumbling block, i'd always be thinking 'ok this looks nice but how will I make it work?' People like me are why they made Bootstrap I guess. Which is odd, since I have a graphic design background originally... but I guess my brain just doesn't like moving between the two modes (or I want to avoid the "turn the psd into html" part of the process...)
A photoshop design can always be coded into pixel-perfect HTML/CSS. Whether you know how is a different question though.
Good point -- I don't know the efficient way to do that.
It's a long drawn out process no matter how you look at it. The elements of your design have to be broken down and translated into code. Not just any code though, code that works on all major browsers and operating systems. The same change that fixes a bug on Firefox could break your layout on Opera. And you'll need a dozen Virtual Machines to even track down the bugs.
I really miss the days when I just had to choose to ignore Internet Explorer.