[wp-trac] [WordPress Trac] #31195: Add a user-friendly way to preview site responsiveness in the Customizer

[WordPress Trac]

#31195: Add a user-friendly way to preview site responsiveness in the Customizer
--------------------------+------------------------------------------------
 Reporter:                |       Owner:
  celloexpressions        |      Status:  new
     Type:  feature       |   Milestone:  Future Release
  request                 |     Version:
 Priority:  normal        |  Resolution:
Component:  Customize     |     Focuses:  ui, accessibility, administration
 Severity:  normal        |
 Keywords:  has-patch     |
--------------------------+------------------------------------------------

Comment (by Fab1en):

 I would like to add my 2 cents to this discussion. @celloexpressions said
 that previewing and customizing could be as simple as resizing the browser
 window, but I think some use cases are forgotten here.

 First, @westonruter mentioned adaptive websites that needs a full page
 refresh to load different markup for small screens. But I would like to go
 a little bit further. As a theme author, I want to let user decide the
 layout of their site in the customizer, and this layout can be different
 for small and wide screens. '''So changing the size of the preview window
 could also toggle some controls that are specific to the screen size'''.

 Let me take an example : in Bootstrap 3 grid system, you can define
 columns using classes like `col-md-4` (that will make a 4/12 width column
 on medium size display) and `col-xs-6` (that will make a 6/12 width column
 on very small size display). So I would like a slider to define the number
 of columns on medium size display, and another slider to define columns on
 a very small size display. Adaptive website would have the same needs :
 some controls in the customizer could be only for the mobile version of
 the site.

 Second : how will you determine the '''sizes breakpoints''' ? Will you use
 iPhone / iPad / iMac typical display sizes ? But we now have plenty of
 different display sizes. So that could be nice to let theme author define
 the size breakpoints themselves (there are the one that know which size
 needs previewing). I would even add a new requirement : why not enable
 people that have medium size displays to preview their site on a wide
 display ? That's possible if you extend the size of the iframe and use
 scrollbars.

--
Ticket URL: <https://core.trac.wordpress.org/ticket/31195#comment:19>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform