{"id":575,"date":"2013-09-24T19:30:00","date_gmt":"2013-09-24T19:30:00","guid":{"rendered":"https:\/\/mohsinrasool.com\/?p=575"},"modified":"2013-09-24T19:30:00","modified_gmt":"2013-09-24T19:30:00","slug":"firefox-responsive-web-design-view-rwd","status":"publish","type":"post","link":"https:\/\/mohsinrasool.com\/firefox-responsive-web-design-view-rwd\/","title":{"rendered":"FireFox Responsive Web Design View RWD"},"content":{"rendered":"<p>My younger brother, also a programmer \ud83d\ude42 , shared with me this little nifty keyboard short-cut\u00a0 and introduced to Mozilla Firefox\u2019s awesome Responsive Design View. I am happy to share it with my readers and for my future reference.<\/p>\n<p>In the past I had to use plug-ins, or resize window manually. But Firefox has made it so simple and so great.<\/p>\n<p>1. Keyboard shortcut is : <strong>Ctrl + Shift + M\u00a0 (when you are on FireFox)<\/strong><\/p>\n<p>2. And Your Firefox will tranform itself to awesome responsive design viewer, you can check different views and enjoy.<\/p>\n<p>Also it really helps to test bigger screens sizes even on smaller screens. It really helps the developer to create responsive web design from their own laptop and quickly check the different screen views without needing any manual window resizing or third party sluggish plugins.<\/p>\n<p><strong>See my site in different views in below screenshots:<\/strong><\/p>\n<p><figure id=\"attachment_578\" aria-describedby=\"caption-attachment-578\" style=\"width: 349px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/mohsinrasool.com\/wp-content\/uploads\/2013\/09\/mobile-view.png\"><img loading=\"lazy\" class=\"size-full wp-image-578\" title=\"Small Screen View (Smartphones)\" alt=\"mobile-view\" src=\"https:\/\/mohsinrasool.com\/wp-content\/uploads\/2013\/09\/mobile-view.png\" width=\"349\" height=\"616\" \/><\/a><figcaption id=\"caption-attachment-578\" class=\"wp-caption-text\">Iphone\/Mobile View<\/figcaption><\/figure><figure id=\"attachment_577\" aria-describedby=\"caption-attachment-577\" style=\"width: 801px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/mohsinrasool.com\/wp-content\/uploads\/2013\/09\/tablet-view.png\"><img loading=\"lazy\" class=\"size-full wp-image-577\" alt=\"Medium Screen like Tablets\/Ipads View\" src=\"https:\/\/mohsinrasool.com\/wp-content\/uploads\/2013\/09\/tablet-view.png\" width=\"801\" height=\"827\" \/><\/a><figcaption id=\"caption-attachment-577\" class=\"wp-caption-text\">Medium Screen like Tablets\/Ipads View<\/figcaption><\/figure><figure id=\"attachment_576\" aria-describedby=\"caption-attachment-576\" style=\"width: 1024px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/mohsinrasool.com\/wp-content\/uploads\/2013\/09\/screen.png\"><img loading=\"lazy\" class=\"size-large wp-image-576\" alt=\"Full Screen View on Bigger Screens\" src=\"https:\/\/mohsinrasool.com\/wp-content\/uploads\/2013\/09\/screen-1024x826.png\" width=\"1024\" height=\"826\" \/><\/a><figcaption id=\"caption-attachment-576\" class=\"wp-caption-text\">Full Screen View on Bigger ScreensRespo<\/figcaption><\/figure><\/p>\n","protected":false},"excerpt":{"rendered":"<p>My younger brother, also a programmer \ud83d\ude42 , shared with me this little nifty keyboard short-cut\u00a0 and introduced to Mozilla Firefox\u2019s awesome Responsive Design View. I am happy to share it with my readers and for my future reference. In the past I had to use plug-ins, or resize window manually. But Firefox has made [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":578,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true},"categories":[10,11,14,17],"tags":[64,126],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/pLoVR-9h","_links":{"self":[{"href":"https:\/\/mohsinrasool.com\/wp-json\/wp\/v2\/posts\/575"}],"collection":[{"href":"https:\/\/mohsinrasool.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mohsinrasool.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mohsinrasool.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mohsinrasool.com\/wp-json\/wp\/v2\/comments?post=575"}],"version-history":[{"count":0,"href":"https:\/\/mohsinrasool.com\/wp-json\/wp\/v2\/posts\/575\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mohsinrasool.com\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/mohsinrasool.com\/wp-json\/wp\/v2\/media?parent=575"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mohsinrasool.com\/wp-json\/wp\/v2\/categories?post=575"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mohsinrasool.com\/wp-json\/wp\/v2\/tags?post=575"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}