Testing adaptive layout of a local site
Hello guys!
Today I came across an article "9 interesting and useful for a web developer" , which discusses all sorts of usefulness for web developers. Among other things, I found a cool tool for testing the site under a different extension - “dimensionsapp” ( link ). But what is the problem, I need to test the site which is located on my local web server. And then the idea came to my mind to quickly collect the same tool, only to make it work in my local area!
Requirements for Tools:
So, as a result of 3 hours of coding, a tool with the code name “Moka moka” was obtained (well, I didn’t think for a long time). Next, a couple of screenshots of the tool:
I tested the truth so far only in Chrome, Opera, Firefox.
Repository on github: github.com/sokal32/moka-moka
Today I came across an article "9 interesting and useful for a web developer" , which discusses all sorts of usefulness for web developers. Among other things, I found a cool tool for testing the site under a different extension - “dimensionsapp” ( link ). But what is the problem, I need to test the site which is located on my local web server. And then the idea came to my mind to quickly collect the same tool, only to make it work in my local area!
Requirements for Tools:
- The ability to manually select the width of the viewing area and the choice of ready-made sizes of Apple devices (iPhone and iPad)
- The ability to view 100% of the window height or completely adjust the viewing area to the size of the device
- Simple and lightweight interface (no graphics)
- 5 and 50 pixel increments
- The ability to see the current width of the viewport
So, as a result of 3 hours of coding, a tool with the code name “Moka moka” was obtained (well, I didn’t think for a long time). Next, a couple of screenshots of the tool:
I tested the truth so far only in Chrome, Opera, Firefox.
Repository on github: github.com/sokal32/moka-moka