[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:  celloexpressions  |       Owner:
     Type:  feature request   |      Status:  new
 Priority:  normal            |   Milestone:  Awaiting Review
Component:  Customize         |     Version:
 Severity:  normal            |  Resolution:
 Keywords:  has-patch         |     Focuses:  ui, administration
------------------------------+---------------------------------

Comment (by westonruter):

 Replying to [comment:1 philiparthurmoore]:
 > > Many of these ideas have been explored in the WordPress.com skinning
 of the Customizer, largely unsuccessfully (depending on who you ask). But
 I think a carefully considered approach here could be a big benefit for
 core.
 >
 > I'd argue that responsiveness is one of the things that .com gets right
 in many ways. I have to say I really like your initial approach much
 better, though.
 >
 > (Adding WordPress.com responsive demo for future reference.)

 Note that the WordPress.com Customizer skin has been
 [https://github.com/Automattic/vip-quickstart/issues/257 reverted],
 ''except'' for the Device Preview plugin, which I agree is a nice
 addition.

 BTW, in lieu of this WordPress.com Customizer Device Preview plugin being
 available in VIP Quickstart, I've put together a temporary standalone
 plugin that makes it available on any WordPress install:
 https://github.com/xwp/wp-customizer-device-preview

 As an aside, we've got a VIP client for whom we're going to be extending
 the Device Preview plugin to change the current `previewUrl` when the
 selected device changes so that the selected device can be passed as a
 query var for the URL loaded in the Customizer preview, allowing us to
 properly preview an adaptive (non-responsive) theme, i.e. when
 `jetpack_is_mobile()`.

 Any device preview functionality added to the Customizer should allow a
 theme to indicate whether it is completely responsive, or if it has
 adaptive elements that necessitate a URL change when toggling between
 desktop/mobile.

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