{"id":49,"date":"2014-11-14T19:44:26","date_gmt":"2014-11-14T14:14:26","guid":{"rendered":"http:\/\/superdevresources.com\/?p=49"},"modified":"2020-06-18T12:11:57","modified_gmt":"2020-06-18T06:41:57","slug":"prevent-page-zoom","status":"publish","type":"post","link":"https:\/\/superdevresources.com\/prevent-page-zoom\/","title":{"rendered":"Prevent page zoom by user in Mobile Browser"},"content":{"rendered":"<p>Many websites and web apps prevent page zoom by user in mobile browsers such as Safari on iOS. If you are wondering how this is done then you will be amazed to know that it is possible without any JavaScript. All you need is to add a simple META tag to the head section of your webpage.<\/p>\n<p>Preventing user scaling in this manner allows your web-app layout to feel more native as now users can&#8217;t zoom in and zoom out on double taps or by using pinch and stretch gestures.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-59 size-full\" src=\"https:\/\/superdevresources.com\/wp-content\/uploads\/2014\/11\/prevent-page-zoom-mobile.jpg\" alt=\"prevent page zoom on mobile browser\" width=\"826\" height=\"367\" srcset=\"https:\/\/superdevresources.com\/wp-content\/uploads\/2014\/11\/prevent-page-zoom-mobile.jpg 826w, https:\/\/superdevresources.com\/wp-content\/uploads\/2014\/11\/prevent-page-zoom-mobile-300x133.jpg 300w, https:\/\/superdevresources.com\/wp-content\/uploads\/2014\/11\/prevent-page-zoom-mobile-768x341.jpg 768w, https:\/\/superdevresources.com\/wp-content\/uploads\/2014\/11\/prevent-page-zoom-mobile-500x222.jpg 500w, https:\/\/superdevresources.com\/wp-content\/uploads\/2014\/11\/prevent-page-zoom-mobile-800x355.jpg 800w, https:\/\/superdevresources.com\/wp-content\/uploads\/2014\/11\/prevent-page-zoom-mobile-600x267.jpg 600w\" sizes=\"auto, (max-width: 826px) 100vw, 826px\" \/><\/p>\n<h2>META tag to prevent page zoom<\/h2>\n<p>Add the following META tag in &lt;head&gt; section of your HTML.<\/p>\n<pre>&lt;meta name=\"viewport\"\ncontent=\"width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0\"&gt;<\/pre>\n<p>If you use this meta tag, it will prevent the user from scaling and will also prevent scaling due to input focus or due to device orientation changes.<\/p>\n<p>The &#8220;viewport meta tag&#8221; was introduced by Mobile Safari to let web developers control the viewport&#8217;s size and scale. Many other mobile browsers (Internet Explorer on Windows Phone, Chrome on Android etc.) support this tag, although it is not part of any web standard.<\/p>\n<p>Mobile browsers would generally set the viewport width to 320px for your page when you set width=device-width. You can read in detail about the viewport meta tag on <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Mozilla\/Mobile\/Viewport_meta_tag\" target=\"_blank\" rel=\"noopener\">Mozilla&#8217;s doc<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Many websites and web apps prevent page zoom by user in mobile browsers such as Safari on iOS. &#8230; <a title=\"Prevent page zoom by user in Mobile Browser\" class=\"read-more\" href=\"https:\/\/superdevresources.com\/prevent-page-zoom\/\" aria-label=\"Read more about Prevent page zoom by user in Mobile Browser\"><span><\/span><\/a><\/p>\n","protected":false},"author":3,"featured_media":59,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[3],"tags":[155,173],"class_list":["post-49","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-development","tag-html-css","tag-web-apps","generate-columns","tablet-grid-50","mobile-grid-100","grid-parent","grid-50","no-featured-image-padding","resize-featured-image"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Prevent page zoom by user in Mobile Browser - Super Dev Resources<\/title>\n<meta name=\"description\" content=\"Many websites and web apps prevent page zoom by user in mobile browsers such as Safari on iOS. If you are wondering how this is done then you will be\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/45.32.231.40\/prevent-page-zoom\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Prevent page zoom by user in Mobile Browser - Super Dev Resources\" \/>\n<meta property=\"og:description\" content=\"Many websites and web apps prevent page zoom by user in mobile browsers such as Safari on iOS. If you are wondering how this is done then you will be\" \/>\n<meta property=\"og:url\" content=\"https:\/\/45.32.231.40\/prevent-page-zoom\/\" \/>\n<meta property=\"og:site_name\" content=\"Super Dev Resources\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/superdevresources\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/kanishkkunal\" \/>\n<meta property=\"article:published_time\" content=\"2014-11-14T14:14:26+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-06-18T06:41:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/45.32.231.40\/wp-content\/uploads\/2014\/11\/prevent-page-zoom-mobile.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"826\" \/>\n\t<meta property=\"og:image:height\" content=\"367\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Kanishk Kunal\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@kanishkkunal\" \/>\n<meta name=\"twitter:site\" content=\"@superdevres42\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kanishk Kunal\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/45.32.231.40\\\/prevent-page-zoom\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/45.32.231.40\\\/prevent-page-zoom\\\/\"},\"author\":{\"name\":\"Kanishk Kunal\",\"@id\":\"https:\\\/\\\/45.32.231.40\\\/#\\\/schema\\\/person\\\/f9643723f546eebd0f61d356d1b71a6d\"},\"headline\":\"Prevent page zoom by user in Mobile Browser\",\"datePublished\":\"2014-11-14T14:14:26+00:00\",\"dateModified\":\"2020-06-18T06:41:57+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/45.32.231.40\\\/prevent-page-zoom\\\/\"},\"wordCount\":223,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\\\/\\\/45.32.231.40\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/45.32.231.40\\\/prevent-page-zoom\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/superdevresources.com\\\/wp-content\\\/uploads\\\/2014\\\/11\\\/prevent-page-zoom-mobile.jpg\",\"keywords\":[\"HTML &amp; CSS\",\"Web Apps\"],\"articleSection\":[\"Development\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/45.32.231.40\\\/prevent-page-zoom\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/45.32.231.40\\\/prevent-page-zoom\\\/\",\"url\":\"https:\\\/\\\/45.32.231.40\\\/prevent-page-zoom\\\/\",\"name\":\"Prevent page zoom by user in Mobile Browser - Super Dev Resources\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/45.32.231.40\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/45.32.231.40\\\/prevent-page-zoom\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/45.32.231.40\\\/prevent-page-zoom\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/superdevresources.com\\\/wp-content\\\/uploads\\\/2014\\\/11\\\/prevent-page-zoom-mobile.jpg\",\"datePublished\":\"2014-11-14T14:14:26+00:00\",\"dateModified\":\"2020-06-18T06:41:57+00:00\",\"description\":\"Many websites and web apps prevent page zoom by user in mobile browsers such as Safari on iOS. If you are wondering how this is done then you will be\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/45.32.231.40\\\/prevent-page-zoom\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/45.32.231.40\\\/prevent-page-zoom\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/45.32.231.40\\\/prevent-page-zoom\\\/#primaryimage\",\"url\":\"https:\\\/\\\/superdevresources.com\\\/wp-content\\\/uploads\\\/2014\\\/11\\\/prevent-page-zoom-mobile.jpg\",\"contentUrl\":\"https:\\\/\\\/superdevresources.com\\\/wp-content\\\/uploads\\\/2014\\\/11\\\/prevent-page-zoom-mobile.jpg\",\"width\":826,\"height\":367,\"caption\":\"prevent page zoom on mobile browser\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/45.32.231.40\\\/prevent-page-zoom\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/superdevresources.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Development\",\"item\":\"https:\\\/\\\/superdevresources.com\\\/category\\\/development\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Prevent page zoom by user in Mobile Browser\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/45.32.231.40\\\/#website\",\"url\":\"https:\\\/\\\/45.32.231.40\\\/\",\"name\":\"Super Dev Resources\",\"description\":\"Design, Development, Business &amp; Marketing Resources\",\"publisher\":{\"@id\":\"https:\\\/\\\/45.32.231.40\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/45.32.231.40\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/45.32.231.40\\\/#organization\",\"name\":\"Super Dev Resources\",\"url\":\"https:\\\/\\\/45.32.231.40\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/45.32.231.40\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/superdevresources.com\\\/wp-content\\\/uploads\\\/2016\\\/12\\\/sdr.png\",\"contentUrl\":\"https:\\\/\\\/superdevresources.com\\\/wp-content\\\/uploads\\\/2016\\\/12\\\/sdr.png\",\"width\":512,\"height\":512,\"caption\":\"Super Dev Resources\"},\"image\":{\"@id\":\"https:\\\/\\\/45.32.231.40\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/superdevresources\",\"https:\\\/\\\/x.com\\\/superdevres42\",\"https:\\\/\\\/www.pinterest.com\\\/superdevres42\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/45.32.231.40\\\/#\\\/schema\\\/person\\\/f9643723f546eebd0f61d356d1b71a6d\",\"name\":\"Kanishk Kunal\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5424ef843870b34c2c001631cda37a0d41253eb5e019710f0f3eb11a38c0b2f7?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5424ef843870b34c2c001631cda37a0d41253eb5e019710f0f3eb11a38c0b2f7?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5424ef843870b34c2c001631cda37a0d41253eb5e019710f0f3eb11a38c0b2f7?s=96&d=mm&r=g\",\"caption\":\"Kanishk Kunal\"},\"description\":\"Kanishk is a Software Engineer turned Online Entrepreneur who has created many successful apps and websites. He devotes most of his time punching his keyboard and swiping his smartphone. Follow him on Twitter @kanishkkunal\",\"sameAs\":[\"https:\\\/\\\/kanishkkunal.com\",\"https:\\\/\\\/www.facebook.com\\\/kanishkkunal\",\"https:\\\/\\\/www.instagram.com\\\/kanishkkunal\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/kanishkkunal\",\"https:\\\/\\\/in.pinterest.com\\\/kanishkkunal\\\/\",\"https:\\\/\\\/x.com\\\/kanishkkunal\",\"kanishkkunal\"],\"url\":\"https:\\\/\\\/superdevresources.com\\\/author\\\/kanishk\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Prevent page zoom by user in Mobile Browser - Super Dev Resources","description":"Many websites and web apps prevent page zoom by user in mobile browsers such as Safari on iOS. If you are wondering how this is done then you will be","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/45.32.231.40\/prevent-page-zoom\/","og_locale":"en_US","og_type":"article","og_title":"Prevent page zoom by user in Mobile Browser - Super Dev Resources","og_description":"Many websites and web apps prevent page zoom by user in mobile browsers such as Safari on iOS. If you are wondering how this is done then you will be","og_url":"https:\/\/45.32.231.40\/prevent-page-zoom\/","og_site_name":"Super Dev Resources","article_publisher":"https:\/\/www.facebook.com\/superdevresources","article_author":"https:\/\/www.facebook.com\/kanishkkunal","article_published_time":"2014-11-14T14:14:26+00:00","article_modified_time":"2020-06-18T06:41:57+00:00","og_image":[{"width":826,"height":367,"url":"https:\/\/45.32.231.40\/wp-content\/uploads\/2014\/11\/prevent-page-zoom-mobile.jpg","type":"image\/jpeg"}],"author":"Kanishk Kunal","twitter_card":"summary_large_image","twitter_creator":"@kanishkkunal","twitter_site":"@superdevres42","twitter_misc":{"Written by":"Kanishk Kunal","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/45.32.231.40\/prevent-page-zoom\/#article","isPartOf":{"@id":"https:\/\/45.32.231.40\/prevent-page-zoom\/"},"author":{"name":"Kanishk Kunal","@id":"https:\/\/45.32.231.40\/#\/schema\/person\/f9643723f546eebd0f61d356d1b71a6d"},"headline":"Prevent page zoom by user in Mobile Browser","datePublished":"2014-11-14T14:14:26+00:00","dateModified":"2020-06-18T06:41:57+00:00","mainEntityOfPage":{"@id":"https:\/\/45.32.231.40\/prevent-page-zoom\/"},"wordCount":223,"commentCount":2,"publisher":{"@id":"https:\/\/45.32.231.40\/#organization"},"image":{"@id":"https:\/\/45.32.231.40\/prevent-page-zoom\/#primaryimage"},"thumbnailUrl":"https:\/\/superdevresources.com\/wp-content\/uploads\/2014\/11\/prevent-page-zoom-mobile.jpg","keywords":["HTML &amp; CSS","Web Apps"],"articleSection":["Development"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/45.32.231.40\/prevent-page-zoom\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/45.32.231.40\/prevent-page-zoom\/","url":"https:\/\/45.32.231.40\/prevent-page-zoom\/","name":"Prevent page zoom by user in Mobile Browser - Super Dev Resources","isPartOf":{"@id":"https:\/\/45.32.231.40\/#website"},"primaryImageOfPage":{"@id":"https:\/\/45.32.231.40\/prevent-page-zoom\/#primaryimage"},"image":{"@id":"https:\/\/45.32.231.40\/prevent-page-zoom\/#primaryimage"},"thumbnailUrl":"https:\/\/superdevresources.com\/wp-content\/uploads\/2014\/11\/prevent-page-zoom-mobile.jpg","datePublished":"2014-11-14T14:14:26+00:00","dateModified":"2020-06-18T06:41:57+00:00","description":"Many websites and web apps prevent page zoom by user in mobile browsers such as Safari on iOS. If you are wondering how this is done then you will be","breadcrumb":{"@id":"https:\/\/45.32.231.40\/prevent-page-zoom\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/45.32.231.40\/prevent-page-zoom\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/45.32.231.40\/prevent-page-zoom\/#primaryimage","url":"https:\/\/superdevresources.com\/wp-content\/uploads\/2014\/11\/prevent-page-zoom-mobile.jpg","contentUrl":"https:\/\/superdevresources.com\/wp-content\/uploads\/2014\/11\/prevent-page-zoom-mobile.jpg","width":826,"height":367,"caption":"prevent page zoom on mobile browser"},{"@type":"BreadcrumbList","@id":"https:\/\/45.32.231.40\/prevent-page-zoom\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/superdevresources.com\/"},{"@type":"ListItem","position":2,"name":"Development","item":"https:\/\/superdevresources.com\/category\/development\/"},{"@type":"ListItem","position":3,"name":"Prevent page zoom by user in Mobile Browser"}]},{"@type":"WebSite","@id":"https:\/\/45.32.231.40\/#website","url":"https:\/\/45.32.231.40\/","name":"Super Dev Resources","description":"Design, Development, Business &amp; Marketing Resources","publisher":{"@id":"https:\/\/45.32.231.40\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/45.32.231.40\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/45.32.231.40\/#organization","name":"Super Dev Resources","url":"https:\/\/45.32.231.40\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/45.32.231.40\/#\/schema\/logo\/image\/","url":"https:\/\/superdevresources.com\/wp-content\/uploads\/2016\/12\/sdr.png","contentUrl":"https:\/\/superdevresources.com\/wp-content\/uploads\/2016\/12\/sdr.png","width":512,"height":512,"caption":"Super Dev Resources"},"image":{"@id":"https:\/\/45.32.231.40\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/superdevresources","https:\/\/x.com\/superdevres42","https:\/\/www.pinterest.com\/superdevres42\/"]},{"@type":"Person","@id":"https:\/\/45.32.231.40\/#\/schema\/person\/f9643723f546eebd0f61d356d1b71a6d","name":"Kanishk Kunal","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/5424ef843870b34c2c001631cda37a0d41253eb5e019710f0f3eb11a38c0b2f7?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/5424ef843870b34c2c001631cda37a0d41253eb5e019710f0f3eb11a38c0b2f7?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5424ef843870b34c2c001631cda37a0d41253eb5e019710f0f3eb11a38c0b2f7?s=96&d=mm&r=g","caption":"Kanishk Kunal"},"description":"Kanishk is a Software Engineer turned Online Entrepreneur who has created many successful apps and websites. He devotes most of his time punching his keyboard and swiping his smartphone. Follow him on Twitter @kanishkkunal","sameAs":["https:\/\/kanishkkunal.com","https:\/\/www.facebook.com\/kanishkkunal","https:\/\/www.instagram.com\/kanishkkunal\/","https:\/\/www.linkedin.com\/in\/kanishkkunal","https:\/\/in.pinterest.com\/kanishkkunal\/","https:\/\/x.com\/kanishkkunal","kanishkkunal"],"url":"https:\/\/superdevresources.com\/author\/kanishk\/"}]}},"jetpack_featured_media_url":"https:\/\/superdevresources.com\/wp-content\/uploads\/2014\/11\/prevent-page-zoom-mobile.jpg","jetpack-related-posts":[{"id":8359,"url":"https:\/\/superdevresources.com\/redirects-jekyll-github-pages\/","url_meta":{"origin":49,"position":0},"title":"How to redirect URLs on Jekyll site hosted on GitHub Pages","author":"Kanishk Kunal","date":"February 14, 2015","format":false,"excerpt":"While hosting your site or blog with GitHub pages is quite useful in terms of saving time and money, there are certain limitations too, such as not being in control of the webserver which is serving your website. Usually redirects are recommended to be setup on the webserver, however if\u2026","rel":"","context":"In &quot;Development&quot;","block_context":{"text":"Development","link":"https:\/\/superdevresources.com\/category\/development\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/superdevresources.com\/wp-content\/uploads\/2014\/12\/octojekyll-opt.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":1655,"url":"https:\/\/superdevresources.com\/zoom-effect-image-css\/","url_meta":{"origin":49,"position":1},"title":"Zoom Effect on Image Hover with CSS","author":"Kanishk Kunal","date":"December 28, 2014","format":false,"excerpt":"There are many ways you can add a little spice to your web design projects and one of them is adding a Zoom Effect on Images when user hovers over them. In this post I will share a simple way we can add zoom effect on Image hover with CSS.\u2026","rel":"","context":"In &quot;Development&quot;","block_context":{"text":"Development","link":"https:\/\/superdevresources.com\/category\/development\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/superdevresources.com\/wp-content\/uploads\/2014\/12\/lions.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/superdevresources.com\/wp-content\/uploads\/2014\/12\/lions.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/superdevresources.com\/wp-content\/uploads\/2014\/12\/lions.jpg?resize=525%2C300&ssl=1 1.5x"},"classes":[]},{"id":27108,"url":"https:\/\/superdevresources.com\/how-your-website-design-affects-your-google-rankings\/","url_meta":{"origin":49,"position":2},"title":"How your Website Design Affects your Google Rankings","author":"SDR Team","date":"June 16, 2021","format":false,"excerpt":"SEO is an important digital marketing strategy because it helps people searching for your brand name find your business online via a web browser search. The most popular search engine is Google, and as such, your web design strategy should always focus on Google on-page ranking signals. According to Net\u2026","rel":"","context":"In &quot;Digital Marketing&quot;","block_context":{"text":"Digital Marketing","link":"https:\/\/superdevresources.com\/category\/marketing\/"},"img":{"alt_text":"website design google rankings","src":"https:\/\/i0.wp.com\/superdevresources.com\/wp-content\/uploads\/2021\/06\/website-design-google-rankings.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/superdevresources.com\/wp-content\/uploads\/2021\/06\/website-design-google-rankings.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/superdevresources.com\/wp-content\/uploads\/2021\/06\/website-design-google-rankings.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/superdevresources.com\/wp-content\/uploads\/2021\/06\/website-design-google-rankings.png?resize=700%2C400&ssl=1 2x"},"classes":[]},{"id":3177,"url":"https:\/\/superdevresources.com\/support-pinning-live-tile-for-websites\/","url_meta":{"origin":49,"position":3},"title":"How to support pinning of live tile for websites","author":"Kanishk Kunal","date":"April 27, 2014","format":false,"excerpt":"Pinning of\u00a0live tile for websites has been available in Windows 8.1 for quite some time now. With the announcement of Internet Explorer 11\u00a0in Windows Phone 8.1,\u00a0pinning of\u00a0live tile for websites\u00a0will soon be\u00a0supported on Windows Phone too. This means, websites and webapp owners must not miss the opportunity\u00a0to add the support\u2026","rel":"","context":"In &quot;Development&quot;","block_context":{"text":"Development","link":"https:\/\/superdevresources.com\/category\/development\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/superdevresources.com\/wp-content\/uploads\/2014\/04\/live-tile-windows.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/superdevresources.com\/wp-content\/uploads\/2014\/04\/live-tile-windows.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/superdevresources.com\/wp-content\/uploads\/2014\/04\/live-tile-windows.jpg?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/superdevresources.com\/wp-content\/uploads\/2014\/04\/live-tile-windows.jpg?resize=700%2C400&ssl=1 2x"},"classes":[]},{"id":16493,"url":"https:\/\/superdevresources.com\/agency-designers-developers-collaborate-effectively\/","url_meta":{"origin":49,"position":4},"title":"How Your Agency&#8217;s Designers and Developers Can Collaborate More Effectively","author":"SDR Team","date":"August 27, 2019","format":false,"excerpt":"It isn't uncommon for designers and developers at agencies to clash when building a website \u2014 that is, if their collaboration process isn't streamlined. As the designers crystalize the look of the site's front end, they could overlook the functionalities that the developers are hard coding on the backend of\u2026","rel":"","context":"In &quot;Design&quot;","block_context":{"text":"Design","link":"https:\/\/superdevresources.com\/category\/design\/"},"img":{"alt_text":"team collaboration","src":"https:\/\/i0.wp.com\/superdevresources.com\/wp-content\/uploads\/2019\/08\/team-collaboration.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/superdevresources.com\/wp-content\/uploads\/2019\/08\/team-collaboration.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/superdevresources.com\/wp-content\/uploads\/2019\/08\/team-collaboration.jpg?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/superdevresources.com\/wp-content\/uploads\/2019\/08\/team-collaboration.jpg?resize=700%2C400&ssl=1 2x"},"classes":[]},{"id":31251,"url":"https:\/\/superdevresources.com\/why-does-your-mobile-app-fail-to-scale\/","url_meta":{"origin":49,"position":5},"title":"Why Does your Mobile App Fail to Scale","author":"SDR Team","date":"October 7, 2022","format":false,"excerpt":"Scalability is important to the success of any mobile app, and yet lots of promising new releases fall at this hurdle. The key to avoiding this is understanding what common causes for failing to scale exist, so here\u2019s the lowdown on the things that could be holding you back. You\u2026","rel":"","context":"In &quot;Business &amp; Startups&quot;","block_context":{"text":"Business &amp; Startups","link":"https:\/\/superdevresources.com\/category\/business\/"},"img":{"alt_text":"mobile app","src":"https:\/\/i0.wp.com\/superdevresources.com\/wp-content\/uploads\/2022\/10\/mobile-app.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/superdevresources.com\/wp-content\/uploads\/2022\/10\/mobile-app.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/superdevresources.com\/wp-content\/uploads\/2022\/10\/mobile-app.jpg?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/superdevresources.com\/wp-content\/uploads\/2022\/10\/mobile-app.jpg?resize=700%2C400&ssl=1 2x"},"classes":[]}],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/superdevresources.com\/wp-json\/wp\/v2\/posts\/49","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/superdevresources.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/superdevresources.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/superdevresources.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/superdevresources.com\/wp-json\/wp\/v2\/comments?post=49"}],"version-history":[{"count":0,"href":"https:\/\/superdevresources.com\/wp-json\/wp\/v2\/posts\/49\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/superdevresources.com\/wp-json\/wp\/v2\/media\/59"}],"wp:attachment":[{"href":"https:\/\/superdevresources.com\/wp-json\/wp\/v2\/media?parent=49"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/superdevresources.com\/wp-json\/wp\/v2\/categories?post=49"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/superdevresources.com\/wp-json\/wp\/v2\/tags?post=49"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}