DEV Community

Cover image for I made an app for Web Developers!
Virej Dasani
Virej Dasani

Posted on

I made an app for Web Developers!

Responsivize

A must have tool to develop responsive websites!

Download here

What is Responsivize?

  • Responsivize is an open-source, cross-platform, desktop app that is used to develop responsive websites!
  • Responsivize is made with a popular framework called Electron.

This is Responsivize!

A star ๐ŸŒŸ to the GitHub repo would be amazing!

How does it work?

With Responsivize, you can test your web apps on popular devices like iPhones, Android phones, iPads, MacBooks, and you can even set custom dimension devices, that you set the dimensions for!

This gives you the ability to test your apps on everything from widescreen monitors to smart fridge screens!

Responsivize Home Page ๐Ÿ‘†

Responsivize Mobile View ๐Ÿ‘†

Responsivize Tablet View ๐Ÿ‘†

Responsivize Tablet View ๐Ÿ‘†

Responsivize Laptop View ๐Ÿ‘†

Responsivize Custom Size View ๐Ÿ‘†

Top comments (35)

Collapse
ย 
alekseiberezkin profile image
Aleksei Berezkin โ€ข

Thanks for sharing! How's that different from the Mobile view in Chrome dev tools?

Collapse
ย 
stephanie profile image
Stephanie Handsteiner โ€ข โ€ข Edited

You can have several views next to each other, saving you from needing to change to another view every so often, and a view like that makes it overall easier to compare different viewports to one another.

Developer focussed browsers like Sizzy have the same feature included.

Collapse
ย 
ivan_jrmc profile image
Ivan Jeremic โ€ข

But is it really so hard to switch views in devtools?

Thread Thread
ย 
robvirtuoso profile image
robvirtuoso โ€ข

Why can't we be happy for the 16 yr old student for his achievement and just congratulate him for his work?

Thread Thread
ย 
stephanie profile image
Stephanie Handsteiner โ€ข โ€ข Edited

Of course it's not hard to do that, I never said that it was.

In the end it's a personal choice, and both is valid, whatever suits ones workflow.

Some (like myself as well) like to view some viewports in parallel to compare them, maybe also with synchronised scrolling and actions (you do something in one device, and it does the same on every other screen, kinda like GhostLab allows you to do as well), some work best solely with responsive mode.

Thread Thread
ย 
alekseiberezkin profile image
Aleksei Berezkin โ€ข

Yes we are indeed happy for this achievement, really ๐Ÿ™‚ It's also okay to challenge an idea a bit so the author knows how to improve the app. Ofc, if that sounds not friendly, that's our fault.

Collapse
ย 
virejdasani profile image
Virej Dasani โ€ข

You can test on different, popular devices simultaneously and Responsivize features device frames (bezels, notches, etc.) along with browser menubars that other dev tools simply don't offer, to make the testing experience feel more real!

Collapse
ย 
robvirtuoso profile image
robvirtuoso โ€ข

Great work. Congrats!

Collapse
ย 
virejdasani profile image
Virej Dasani โ€ข

Thanks!

Collapse
ย 
ml318097 profile image
Info Comment hidden by post author - thread only accessible via permalink
Mehul Lakhanpal โ€ข

Hey, I created Note Box - A chrome extension to add notes based on URL. Read more about it here

Another project is File Ops - A VS Code extension to easily tag/alias files & quick switch between files. Read more about it here

Collapse
ย 
alimobasheri profile image
MirAli Mobasheri โ€ข

Great idea Virej! Installed it and am gonna suggest it to my colleagues.
And of course new features could be added and it could be improved๐Ÿ‘

Collapse
ย 
virejdasani profile image
Virej Dasani โ€ข

Thanks a lot and of course, this is only v1.0.0. Let me know what features you want to see and i'll make sure they make it to the next release!

Collapse
ย 
alimobasheri profile image
MirAli Mobasheri โ€ข

Ability to test simultaneosly, which was pointed out by others is a great thing. This could become a major ability if you could inspect the result on different-sized devices in one screen and can speed up the development process.

Collapse
ย 
seanmclem profile image
Seanmclem โ€ข

This is Awesome! Thanks for making this!

Collapse
ย 
virejdasani profile image
Virej Dasani โ€ข

I'm glad you liked it :)

Collapse
ย 
seanmclem profile image
Seanmclem โ€ข

I'm glad you made it! Keep making things

Thread Thread
ย 
virejdasani profile image
Virej Dasani โ€ข

Thanks a lot!

Collapse
ย 
pablowbk profile image
Pablo โ€ข

This is great Virej! Must have been lots of fun to develop. Congrats!

Collapse
ย 
virejdasani profile image
Virej Dasani โ€ข

Thanks a lot, and yes, it was really fun to build this!

Collapse
ย 
syngrowly profile image
Juan Carlos Nahuat โ€ข

Thank you!

Collapse
ย 
leonardoappio profile image
Leonardo Lima Appio โ€ข

That's very nice, congrats!

Collapse
ย 
virejdasani profile image
Virej Dasani โ€ข

Thanks a lot!

Collapse
ย 
chathunpc profile image
chathunpc โ€ข

Thanks for this tool

Collapse
ย 
virejdasani profile image
Virej Dasani โ€ข

Glad you liked it!

Collapse
ย 
cristoferk profile image
CristoferK โ€ข

Nice! This is very usefull!

Collapse
ย 
virejdasani profile image
Virej Dasani โ€ข

Thanks, glad you liked it. Also, a star to the GitHub repo would be amazing!

Some comments have been hidden by the post's author - find out more