{"id":79433,"date":"2012-06-06T17:27:40","date_gmt":"2012-06-06T21:27:40","guid":{"rendered":"http:\/\/wpmu.org\/?p=79433"},"modified":"2012-11-29T13:49:32","modified_gmt":"2012-11-29T18:49:32","slug":"daily-tip-get-the-responsive-design-bookmarklet-for-website-design-testing","status":"publish","type":"post","link":"https:\/\/wpmudev.com\/blog\/daily-tip-get-the-responsive-design-bookmarklet-for-website-design-testing\/","title":{"rendered":"Get the Responsive Design Bookmarklet for Website Design Testing"},"content":{"rendered":"<p>If you need to do some quick responsive design testing, check out the <a href=\"http:\/\/responsive.victorcoulon.fr\/\" rel=\"noopener\" target=\"_blank\">Responsive Design Bookmarklet<\/a>. It&#8217;s a quick tool that you can use from your desktop to test any website&#8217;s responsiveness.<\/p>\n<p>Add the Responsive Design Bookmarklet to your bookmarks so that you can click on it from any website. You&#8217;ll get a toolbar at the top with buttons for different screen resolutions.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-79436\" title=\"rwd\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2012\/06\/rwd.png\" alt=\"Post image\" aria-hidden=\"true\" width=\"672\" height=\"265\" \/><\/p>\n<p>Here are some extra cool feature of the bookmarklet:<\/p>\n<ul>\n<li><strong>Toggle a fake keyboard<\/strong> &#8211; This allows you to see how much space is visible when users are entering data in forms.<\/li>\n<li><strong>Toggle CSS Refresh<\/strong> &#8211; As soon as you save a CSS-file, the changes are directly implemented, without having to refresh your browser. It only works in a server environment.<\/li>\n<\/ul>\n<p>To install the <a href=\"http:\/\/responsive.victorcoulon.fr\/\" rel=\"noopener\" target=\"_blank\">Responsive Design Bookmarklet<\/a>, simply drag the button in the middle of the page to your bookmarks toolbar. Visit any web page and then click on your bookmarklet to launch it.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Here&#8217;s a quick tool that you can use from your desktop to test any website&#8217;s responsiveness. <\/p>\n","protected":false},"author":4099,"featured_media":75783,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"blog_reading_time":"","wds_primary_category":0,"wds_primary_tutorials_categories":0,"footnotes":""},"categories":[263],"tags":[38],"tutorials_categories":[],"class_list":["post-79433","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","tag-design"],"_links":{"self":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/79433","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/users\/4099"}],"replies":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/comments?post=79433"}],"version-history":[{"count":1,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/79433\/revisions"}],"predecessor-version":[{"id":216344,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/79433\/revisions\/216344"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/media\/75783"}],"wp:attachment":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/media?parent=79433"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/categories?post=79433"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/tags?post=79433"},{"taxonomy":"tutorials_categories","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/tutorials_categories?post=79433"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}