5467 posts The Dude Abides
  • Top Monthly Author
  • Trendsetter
  • Weekly Top Seller
  • United States
+13 more
CodingJack
says

I think it depends on what you are by nature. If you’re a coder, you’re going to design in the browser. If you’re a designer, you’re going to use Photoshop or Fireworks.

6231 posts
  • Exclusive Author
  • Elite Author
  • Author Level 8
  • 7 Years of Membership
+13 more
VF
says

Being a coder something funny happened with my latest 2 attempts. First made a quick framework directly on html/css/javascript and tested with Apple devices just to know it doesn’t perform well there and dropped continuing it. If I have to start something with Photoshop, it will make ‘fail’ into epic fail! :D

For my case, design phase comes after completing 40 to 70% of the whole project and before that stage, only abstract wireframe keeps things going.

2 posts
  • 3 Years of Membership
  • Collector Level 1
  • Exclusive Author
  • France
ibchrisb
says

For me, I find it difficult to move between coding and design quickly, so a full PSD is definitely my choice. Once all of my creative juice has been spent (in a manner of speaking), I can crank up my right brain in the coding editor.

Swapping between a graphics program and a code editor is just too disruptive to my workflow.

273 posts The WordPress geeks
  • Beta Tester
  • Community Superstar
  • Elite Author
  • Feedback Guru
+9 more
ThemeFuzz
says

Hi,

I am in the process of creating my first wordpress theme . My process was simple :
  • 1. Create a basic wireframe
  • 2. Create a basic PSD file for the front page
  • 3. Started coding the theme
  • 4. Look at the PSD and the actual theme and realizing they are totally different
  • 5. Delete PSD file and code the rest of the theme ( i only kept the psd for different elements )

As a conclusion, i am not a good designer so for me it is easier to just code inside the browser. I create the HTML and CSS , open the page , play with firebug for small changes then copy the code inside the CSS file. For me it is a lot easier to do this as i am not so good with photoshop and now with css3 i can do a lot of design elements directly with CSS .

p.s. i always have a pen and paper next to me for drawing different wireframes when the inspiration hits me :)

Best regards, Stefan

124 posts
  • 6 Years of Membership
  • Author Level 5
  • Belarus
  • Collector Level 2
+1 more
Themico
says

Hello. I need at least a basic plan (wireframe and a “sitemap” for templates). Then i create from one to four PSD ’s templates. And then coding. Can’t imagine how you can do a nice design without trying it first in photoshop.

Last time i found a cool program which is very-very simple, and works ideally for me. It’s called FlairBuilder. After creating a sitemap of templates and few wireframes with some annotations i’m go to photoshop.

Also, i want to say that after finishing coding my templates looks very different from PSD ’s.

253 posts
  • Author Level 4
  • Affiliate Level 2
  • Sweden
  • Exclusive Author
+2 more
graphic_dev
says

I always start designing all pages in Photoshop first, but I do have the code in the back of my head all the time. It’s not like I add stuff that I would have no idea how to develop. So sometimes I might look up some jQuery plugins and stuff while designing and test them out, just to be sure that I don’t waste time designing something that I won’t be able to code.

And then I code it so that it looks (almost) exactly as in the PSD . If I have some new ideas when developing then I might make some changes in the PSD , but going back and forth like that can be very time consuming, so I try to be completely happy with the design before I start coding.

44 posts
  • 4 Years of Membership
  • Author Level 2
  • Belgium
  • Beta Tester
+2 more
chuck8
says

Thanks everybody for your replies! Definitly, we all have different procedures, and the best seems just to be the one that suits us best :)

93 posts
  • 5 Years of Membership
  • Author Level 2
  • Collector Level 1
  • Exclusive Author
+1 more
UniquePixelWeb
says

It depends. If I plan to make the template design heavy then starting with Photoshop is must. But for minimal layout I don’t use Photoshop that much.

44 posts
  • 4 Years of Membership
  • Author Level 2
  • Belgium
  • Beta Tester
+2 more
chuck8
says

It depends. If I plan to make the template design heavy then starting with Photoshop is must. But for minimal layout I don’t use Photoshop that much.

Agree

4 posts
  • 3 Years of Membership
  • Exclusive Author
StefanSinca
says

The drill is : Sketch -> PSD -> HTML & CSS -> The Almighty WordPress / Magento / Joomla or whatever-you-want. :)

by
by
by
by
by
by