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 ๐Ÿ‘†

Oldest 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
 
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
 
robvirtuoso profile image
robvirtuoso

Great work. Congrats!

Collapse
 
virejdasani profile image
Virej Dasani

Thanks!

Collapse
 
ashishk1331 profile image
Ashish Khare๐Ÿ˜Ž

Yes devs know how all f12 features work. Plus, this is not a web app. If true, it won't work for people.
Why? Just f12!

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!

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
 
hyggedev profile image
Chris Hansen

This is awesome! I have wanted something like this for a while. One page, bam, all the viewports right there. Can code side by side.
Thanks so much and we'll done! ๐Ÿค˜

Collapse
 
virejdasani profile image
Virej Dasani

Glad you liked it, also, if you haven't already, a star to the repo would be amazing!

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
 
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!

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