everysize

Check your responsive webpage in every size 🖥 💻 📱 👀

4 followers

Check your responsive webpage in every size 🖥 💻 📱 👀

4 followers

Visit website

Web browsers

•

UI frameworks

•

Testing and QA software

Never have to resize your window again! With everysize, you can review your responsive webpage in all the sizes that matter in one go 🙃

Launch tags:

Web App•User Experience•Developer Tools

Launch Team

Krupali

NFT of the Day

Maker

Hello everyone 👋 We're a husband-wife duo who built everysize as part of easter weekend's Pioneer hackathon - the husband (@krishan711) is the engineer and wife (@krupali_patel) is the product manager. We're building a responsive landing page builder and kept getting annoyed by having to review different layouts for different screen sizes. We made everysize to solve this problem. We hope it will help other developers and designers to test their pages in various device sizes, in a simpler and less manual way. everysize lets you set up a tailored dashboard which you can leave open whilst you develop your reactive site and watch it reload everywhere in real time (if hot reloading is enabled). It's browser based which means there is no need to download anything. Since we use iframes you can even test pages with authentication without having to re-enter your credentials and the browser will keep you safe! We'd love your feedback, and we'd appreciate if you can share this with anyone you know who may benefit from it :)

Report

5yr ago

Devanand Premkumar

@krishan711 @krupali_patel Congrats to both of you for the launch. Just got a quick question on how are you planning to handle web-sites which do not support iframe for security reasons. Also when I checked, you were recommending to try localhost, which might not be feasible for Linux servers which are hosted without GUI enabled. Just curious me, as this highly useful and we need to ensure it reaches all audience irrespective of their environment. Just a thought :)

Report

5yr ago

Krishan

GasBuddy

Maker

@krupali_patel @devaonbreaches Hey Devanand, great question! The simplest way would be to add a header allowing (only) everysize to see your page via iframe by adding a header to your server like: X-Frame-Options: allow-from https://everysize-app.kibalabs.com on nginx you can do it by: server { add_header X-Frame-Options "allow-from https://everysize-app.kibalabs.com"; ... } (not sure how to do code snippets on PH, apparently its not mardown :(

Report

5yr ago

Devanand Premkumar

@krupali_patel @krishan711 Perfect! This looks viable. Also I would suggest you can add this to the app when you detect iframe and give them an option. So it helps the developer to enable this and test their web-apps. I liked the way you showed the config for nginx. Cheers.

Report

5yr ago

Krishan

GasBuddy

Maker

@krupali_patel @devaonbreaches Great idea, will do 👍

Report

5yr ago

Matthew Johnson

Startup-Investor Fit

This is great! I always forget that not everyone has a huge monitor 🤦‍♂️

Report

5yr ago

Krishan

GasBuddy

Maker

@mattcrail Ha I have exactly the opposite problem - it looks great on my desktop then i send someone a link and they're like wtf is going on here cos they open it on mobile 🤦‍♂️

Report

5yr ago

Krupali

NFT of the Day

Maker

@mattcrail Thanks for checking out everysize Matt 🙂 and thank you for sharing the checklist which really helped us in prep for the launch!

Report

5yr ago

Matthew Johnson

Startup-Investor Fit

@krupali_patel glad it was useful 😊

Report