Responsible is perfect for designing in the browser with WordPress or for some quick responsive testing when you don’t have access to all the different devices. You can then generate your own bookmarklet using the Viewport Resizer tool. If you prefer using the the tool as a bookmarklet, the plugin comes with a filter that allows you register a custom bookmarklet. Add your own devices if you don´t find anything that suits your needs.
Supports both external and internal network (localhost). It is primarily for developers who want to test how a page responds to different devices.
#Responsive resize plugin install#
Once you have located the plugin, click the Install Now button. In the Search plugins box, enter Resize Image After Upload. In the left column navigation, mouse over the Plugins link and click the Add New link. Apple iPhone 5: 320×568 (Portrait), Ratio: 40:71 This extension also uses the correct User-Agent, but it does not render web pages in the same way as the mobile device. Installing the Resize Image After Upload Plugin.Responsible includes the following common viewport sizes for testing, in addition to custom sizes: Below is an example of viewing a website at iPhone dimensions: It adds a little viewer icon to the admin bar, which refreshes the page with the viewport resizing panel.Ĭlicking on the device icons will automatically resize the site, whether in the admin or on the frontend. If you’ve ever used a browser bookmarklet in the past to test how a site appears in different devices, the Responsible plugin essentially replicates that same experience within the WordPress admin. Responsible is a plugin that adds viewport resizing to the WordPress admin bar with support for six different device sizes. As mobile traffic is on the rise, designing in the browser has become more popular, as it offers better tools for testing sites against various devices. January 2014 marked the first month that mobile traffic has overtaken PC traffic on the internet in the US, accounting for 55% of Internet usage.
0 kommentar(er)
