Giter VIP home page Giter VIP logo

virejdasani / responsivize Goto Github PK

View Code? Open in Web Editor NEW
242.0 6.0 20.0 97.49 MB

A must-have tool to develop responsive websites ๐Ÿ“ฒ

Home Page: https://virejdasani.github.io/Responsivize/

License: MIT License

HTML 23.07% JavaScript 39.22% CSS 37.71%
responsivize responsiveapp web tool web-development web-development-tools responsivize-tablet dimensions responsive-design responsive-web-design

responsivize's Introduction

Github All Releases GitHub license GitHub release GitHub issues PRs Welcome Open Source? Yes!

A must have tool to develop responsive websites!

Responsivize

What is Responsivize?

  • Responsivize is an open-source, cross-platform, desktop app that is used to develop responsive websites!

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!

  • This is what the Home Page looks like

Responsivize Home Page ๐Ÿ‘†

Responsivize Mobile View ๐Ÿ‘†

Responsivize Tablet View ๐Ÿ‘†

Responsivize Tablet View ๐Ÿ‘†

Responsivize Laptop View ๐Ÿ‘†

  • Apart from the devices available, you can also enter the dimensions (or simply the drag webview) for any other device you want to test on in the Custom Size View!

Responsivize Custom Size View ๐Ÿ‘†

Publication(s)

responsivize's People

Contributors

kazuhitonakayama avatar nivedita967 avatar virejdasani avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

responsivize's Issues

Core dump on launch - Linux

Just downloaded and cannot launch.
Electron throws a security error, then there is a problem getting a graphics driver.

Electron apps do work on this linux machine.
Ubuntu 22.04 LTS

(electron) Security Warning: A WebContents was just created with both webviewTag and contextIsolation enabled.  This combination is fundamentally less secure and effectively bypasses the protections of contextIsolation.  We strongly recommend you move away from webviews to OOPIF or BrowserView in order for your app to be more secure
libva error: vaGetDriverNameByIndex() failed with unknown libva error, driver_name = (null)
libva error: vaGetDriverNameByIndex() failed with unknown libva error, driver_name = (null)
libva error: vaGetDriverNameByIndex() failed with unknown libva error, driver_name = (null)
[23779:1004/165706.132217:FATAL:gpu_data_manager_impl_private.cc(415)] GPU process isn't usable. Goodbye.
Trace/breakpoint trap (core dumped)

UI Improvement

  1. Toggle dark mode/ light mode button.
  2. Back to top button.
  3. Images are left aligned, to be centered.

Would like to work on UI improvement on this website.

Screenshot (175)

Unable to clone properly.

Hi Nice project. I wanted to clone the repo on my machine and I got this error. So not sure if it is my machine or a general issue?

Using GitHub Desktop for Windows, and Visual Studio 2022 - same issue.

It may be the trailing space in "iOS Browser UI Kit " in the path

Cloning into 'c:\dev\projects\GitHub\Responsivize'...
remote: Enumerating objects: 1836, done.        
remote: Counting objects: 100% (84/84), done.        
remote: Compressing objects: 100% (68/68), done.        
remote: Total 1836 (delta 43), reused 40 (delta 16), pack-reused 1752        
Receiving objects: 100% (1836/1836), 93.99 MiB | 15.95 MiB/s, done.
Resolving deltas: 100% (442/442), done.
error: invalid path 'assets/apple/iOS Browser UI Kit /.DS_Store'
fatal: unable to checkout working tree
warning: Clone succeeded, but checkout failed.
You can inspect what was checked out with 'git status'
and retry with 'git restore --source=HEAD :/'

{Feature} Save Screenshot

Having a button beneath each device to save a screenshot of a rendered website with or without device frame would be nice. That will be helpful in creating/generating mockups and sharing the rendered website as image with others.

Responsivize not working on puppy linux

Puppy Linux Xenial.

The attached images speak for themselves. The buttons are not shown.
2021-08-24_083500

Only if I set a custom responsive view on dev tools the half of the first three appears.
Captura el 2021-08-24 a las 08 37 35

But your Resposivize don't look too responsive to me. And it does nothing on url input, not online or off line urls respond at all.
2021-08-24_083915

Extended Custom Layouts

Great idea, but maybe one feature is missing:

The possibility to set more than one custom layout.
I would like to have a desktop, a tablet and a mobile resolution in one view.

Basic Authentication support

Hi.
Responsivize is so COOL !

So, please support Basic Authentication because my development environment needs it. :-)

Add `https://` to URLs when searching.

Overview

Now, when searching site, we must add https:// to URL.
But is it more useful that we can be search URL without https://?

Screenshot

Without https://

image

With https://

image

Application update is installing new software on Windows

If new version of application is wanted to be installed, new software is being installed instead of upgrading current one.

In this situation, two installed application is being shown on machine, one of old version and another is new version.

Instead of installing new one, current application should be upgraded to newest one.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.