n0sleeves Posted May 5, 2013 Share Posted May 5, 2013 I'm getting into the whole responsive design thing and learning about breakpoints. I don't want to media query default breakpoint sizes since I'm removing myself from the device-based-breakpoints mindset. Instead, I'm focusing on the design based breakpoints, making adjustments where the design dictates. Since I am not using standard sizes, how do I determine/see the size of my browser as I adjust it at various sizes? I'm looking for a quick way.Thanks guys. Link to comment Share on other sites More sharing options...
n0sleeves Posted May 5, 2013 Author Share Posted May 5, 2013 Think I found a solution. http://benfrain.com/easily-display-the-viewport-size-of-your-page-for-responsive-designs/Looking forward to still hearing your ways. Link to comment Share on other sites More sharing options...
antknight Posted May 5, 2013 Share Posted May 5, 2013 Have a look at http://unsemantic.com/demo-responsive there is a bit of javascript buried in there that will show you the width of an element as it is resized. Link to comment Share on other sites More sharing options...
n0sleeves Posted May 9, 2013 Author Share Posted May 9, 2013 Thanks for the reply! That site only gives the width of the specified grid element, not the browser size, correct? Link to comment Share on other sites More sharing options...
apeisa Posted May 9, 2013 Share Posted May 9, 2013 This gives all you need: http://mqtest.io/ (also build be real superhero - Viljami) 1 Link to comment Share on other sites More sharing options...
diogo Posted May 9, 2013 Share Posted May 9, 2013 On chrome you can use dev tools. When open it gives the screen size while resizing. 1 Link to comment Share on other sites More sharing options...
Martijn Geerts Posted May 10, 2013 Share Posted May 10, 2013 http://responsivepx.com/?processwire.com (tnx Remy Sharp) 2 Link to comment Share on other sites More sharing options...
kongondo Posted May 10, 2013 Share Posted May 10, 2013 @apeisa and Martijn, Nice ones! Never seen them b4. Link to comment Share on other sites More sharing options...
OrganizedFellow Posted December 29, 2015 Share Posted December 29, 2015 On chrome you can use dev tools. When open it gives the screen size while resizing. HOLY MOLY GUACMOLE!!!!!!! I learned something new today!!! Thank you! 1 Link to comment Share on other sites More sharing options...
Recommended Posts