Responsive Web Design

CoderFromHell

CoderFromHell

Power Member
Joined
Mar 19, 2019
Messages
727
Reaction score
341
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.
 
Advertise on BHW
FUTUR TIM said:
What program do you use?
Click to expand...
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
 
Try Brackets from Adobe, if I remember well they had some live preview back in the days when I was using it.
 
CoderFromHell said:
I can just shrink my browser and use that to see how my code responds to smaller sized screens
Click to expand...

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.
 
Appreciate this, I'll def try all of these.
 
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.
 
CoderFromHell said:
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.
Click to expand...
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. :)
 
Gogol said:
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. :)
Click to expand...

This is how I do it also, fairly easy way of doing it.
 
Advertise on BHW
You must log in or register to reply here.
Sign up now!

Main Menu

Home Main Forum List Black Hat SEO White Hat SEO BHW Newbie Guide Blogging Black Hat Tools Social Media Downloads

Marketplace

Account Selling Content / Copywriting EBooks / Methods Hosting Misc Proxies For Sale SEO - Link building SEO - Packages Social Media Social Media - Panels Web Design More

Making Money

Affiliate Programs Hire a Freelancer IM Journeys Making Money Pay Per Click Site Flipping Want to Buy

BlackHat World

Dispute Resolution Forum Suggestions & Feedback Introductions Lounge
Back
Top