48 posts
  • 4 Years of Membership
  • Author Level 1
  • Collector Level 1
  • Exclusive Author
+1 more
H4run
says

Hi, I’m confused about workflow recently and i wonder about your workflow.

Personally If i design a Theme with Photoshop i cannot consider Jquery or css3 at the beginnig. So i build first the divs and code the main css and some jquery elements using Firebug or Developer tools. After all i can start designing in photoshop.

Please tell me about your workflow. it would be very helpful for me and the other Autors to increase our workflow.

Thank you very much.

1034 posts
  • Author Level 3
  • Beta Tester
  • Collector Level 1
  • Exclusive Author
+2 more
BenSheppard
says

I’m not much of a designer and I feel when I just open up text editor and start adding divs I prefer it, so it’s normally, piece of paper and a pencil then divs

48 posts
  • 4 Years of Membership
  • Author Level 1
  • Collector Level 1
  • Exclusive Author
+1 more
H4run
says

Thank you for replies. Design in the browser means; u create files, in the code editor writing the code and changing them with firebug right ?

213 posts
  • Trendsetter
  • Author Level 6
  • 5 Years of Membership
  • Affiliate Level 2
+4 more
ThemeChills
says

Thank you for replies. Design in the browser means; u create files, in the code editor writing the code and changing them with firebug right ?

My understanding of ‘designing in the browser’ is that you bypass Photoshop and begin your design as you code.

Essentially you’re conceptualizing the site as you go along. Some authors may sketch the main structure on paper first, then implement the necessary look/feel of the design on the fly.

698 posts Fuel Your Web
  • Trendsetter
  • Weekly Top Seller
  • Elite Author
  • Winner
+6 more
Pirenko
says

I make a rough sketch on a paper and I start coding straight away. All design testing and adjustments is made through coding :grin:

1034 posts
  • Author Level 3
  • Beta Tester
  • Collector Level 1
  • Exclusive Author
+2 more
BenSheppard
says

Design in the browser for me literally means, google chrome on one monitor and text editor on the other, I can work out what I need with the design in my head, where the divs would go and such and how to code it, when it comes to adding little details I’ll use photoshop to create icons and such

48 posts
  • 4 Years of Membership
  • Author Level 1
  • Collector Level 1
  • Exclusive Author
+1 more
H4run
says

its intresting, in the whole web there is no tutorial of Design in Browser. in all tutorials 1 Photoshop-2 Slicing- 3 Html-css – 4Jqery. Do you know any tutorial to get inspired of ?

As i see you sketcht the Boxes and in code editor build the Divs than comes Color-graphic. Souns good.

1034 posts
  • Author Level 3
  • Beta Tester
  • Collector Level 1
  • Exclusive Author
+2 more
BenSheppard
says

It’s not something you learn it’s something you teach yourself

510 posts Ngoc Viet
  • Affiliate Level 3
  • Author Level 7
  • Collector Level 3
  • Elite Author
+3 more
wopethemes
says

LOL why you trying to understand “design in browsers” and looking for some tips.
Just think you skip the photoshop step and begin to code the theme to html,css with your imagine.
“design in browsers” is now common because the minimal and highlight line trend so it does not require too much photoshop works.

by
by
by
by
by
by