everysize
p/everysize-2
Check your responsive webpage in every size πŸ–₯ πŸ’» πŸ“± πŸ‘€
Krupali

everysize β€” Check your responsive webpage in every size πŸ–₯ πŸ’» πŸ“± πŸ‘€

Featured
39
β€’
Never have to resize your window again! With everysize, you can review your responsive webpage in all the sizes that matter in one go πŸ™ƒ

Add a comment

Replies
Best
Krupali
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 :)
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 :)
Krishan
@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 :(
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.
Krishan
@krupali_patel @devaonbreaches Great idea, will do πŸ‘
Dave Stewart
This is a great little product! It's particularly cool to run a localhost site and see all windows update at the same time when you save your work. Will definitely add this to the list of "must use" web development resources.
Krishan
@dave_stewart Thanks Dave πŸ™Œ
Matthew Johnson
This is great! I always forget that not everyone has a huge monitor πŸ€¦β€β™‚οΈ
Krishan
@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 πŸ€¦β€β™‚οΈ
Krupali
@mattcrail Thanks for checking out everysize Matt πŸ™‚ and thank you for sharing the checklist which really helped us in prep for the launch!
Francoo
hi , i ve tested and simulation do no match reality. What do you use for generating the views ?
Krupali
@francoolaami hi, thanks for checking out everysize :) we use browser iframes so it will depend on the browser you are using, which browser are you using?
Ronil Mutha
I have made so many mistaked while making a site responisve. Specially on tablet sizes and screens bigger than my laptop's. This is going to be a great asset.
Krupali
@ronil_mutha we were facing similar issues and we're glad we're able to help others in the same boat!
Aldo Borrero
I tried it with my own website and it's very cool! Congrats! It reminds me to this little tool (https://github.com/seek-oss/play...) very useful when coding but yours is for front-end users :)
Krishan
@aldo_borrero Oh wow I hadn't heard of playground before, its actually awesome! thanks for sharing :)
Mike Ivancie
What a brilliant product! Great work! Small note: I'm noticing the menus are white text on white background for me.
Krupali
@mikei Thank you Mike! We'll look into that, thanks for letting us know.
Tyler Hall
Looks great! Are you considering supporting HTTP Authenticated sites?
Krishan
@itshall Hey Tyler, I would expect them to work out of the box. Is something not workign as expected for you?
Tyler Hall
@krishan711 I'm not prompted to enter a username and password so the screen stays white on all sizes.
Yevhenii Peteliev
Niiceee! Looks very useful. I can't wait when I try it :) Congratulations!
Krishan
@peteliev Let us know what you think about it :)
Phil Baretto
This is so simple and easy to use. Like how it itself is responsive too!
Krupali
@_baretto Awesome! Thanks for the feedback 😊
Guillaume
So handy to work in parallel on multiple screen sizes.
Krupali
@gsempe glad to hear you're finding it handy πŸ‘ thanks!
Ry Mawby
This is great - adding this to my testing workflow for side projects.
Krupali
@rymawby awesome, that's great!
Muhammad Qasim
Great product and simple intuitive implementation! Will definitely be using this on my next project.
Krupali
@muhammadibn thank you, best of luck on your next project :)
deepak shakya
Nice and handy web utility product!
Krupali
@deepakshakya Thank you Deepak!
Sanghun
Great!