n0sleeves Posted May 5, 2013 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.
n0sleeves Posted May 5, 2013 Author 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.
antknight Posted May 5, 2013 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.
n0sleeves Posted May 9, 2013 Author Posted May 9, 2013 Thanks for the reply! That site only gives the width of the specified grid element, not the browser size, correct?
apeisa Posted May 9, 2013 Posted May 9, 2013 This gives all you need: http://mqtest.io/ (also build be real superhero - Viljami) 1
diogo Posted May 9, 2013 Posted May 9, 2013 On chrome you can use dev tools. When open it gives the screen size while resizing. 1
Martijn Geerts Posted May 10, 2013 Posted May 10, 2013 http://responsivepx.com/?processwire.com (tnx Remy Sharp) 2
OrganizedFellow Posted December 29, 2015 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
Recommended Posts