Responsive Web Design

[CoderFromHell]

Currently using windows and building a website/blog. Was curious if their were any IDE's or applications that would allow me to see the results of my Responsive programming in real time, so I know which lines of code are beneficial for iPhones and Tablets as I write the code.

 

[FUTUR TIM]

What program do you use?

 

[CoderFromHell]

What program do you use?

HTML and CSS for now, later I'll add PHP but Im coding in ATOM for now. Im gonna assume, I can just shrink my browser and use that to see how my code responds to smaller sized screens

 

[Apriori]

Try Brackets from Adobe, if I remember well they had some live preview back in the days when I was using it.

 

[FUTUR TIM]

I can just shrink my browser and use that to see how my code responds to smaller sized screens

Yes, I don't know how it's done in Atom, in VSCode you can put two windows side by side and see the edits live.

 

[Apriori]

Yes, I don't know how it's done in Atom, in VSCode you can put two windows side by side and see the edits live.

CTRL-SHIFT-H in the editor to open the preview pane.

 

[uncutu]

Brackets supports that feature. They call it "live preview". http://brackets.io/

 

[CoderFromHell]

Appreciate this, I'll def try all of these.

 

[foodog]

You can also try Visual Studio Code with Live Server extension. That way you can have live reload (live preview) for your static or dynamic page in a local development environment.

 

[Gogol]

Currently using windows and building a website/blog. Was curious if their were any IDE's or applications that would allow me to see the results of my Responsive programming in real time, so I know which lines of code are beneficial for iPhones and Tablets as I write the code.

Well, I use Chrome's developer tool for the same. Pressing Ctrl + shift + m (while the developer tool is open) will give you a responsive preview. No need for fancy tools for that lol.

Btw, as for great IDEs, Visual Studio Code won my heart! I have started using this editor recently, and boy oh boy.. what an editor!! That too for free.

 

[SamLewis]

Well, I use Chrome's developer tool for the same. Pressing Ctrl + shift + m (while the developer tool is open) will give you a responsive preview. No need for fancy tools for that lol.

Btw, as for great IDEs, Visual Studio Code won my heart! I have started using this editor recently, and boy oh boy.. what an editor!! That too for free.

This is how I do it also, fairly easy way of doing it.