{"id":8287,"date":"2019-11-01T07:20:15","date_gmt":"2019-11-01T01:50:15","guid":{"rendered":"http:\/\/www.animationkolkata.com\/blog\/?p=8287"},"modified":"2019-09-18T10:11:56","modified_gmt":"2019-09-18T04:41:56","slug":"sneak-peek-cross-browser-compatibility","status":"publish","type":"post","link":"https:\/\/animationkolkata.com\/blog\/2019\/11\/01\/sneak-peek-cross-browser-compatibility\/","title":{"rendered":"Sneak Peek Into Cross Browser Compatibility"},"content":{"rendered":"<p>Hello Readers, are you familiar with Cross browser compatibility?<\/p>\n<p>Well in today\u2019s blog we shall discuss about what is Cross browser compatibility.<\/p>\n<p>Number of websites has increased from <a href=\"https:\/\/www.lambdatest.com\/blog\/what-is-cross-browser-compatibility-and-why-we-need-it\/\">2.4<\/a> million in 1998 to 1.8 billion presently along with the growth of internet users and mobile users.<\/p>\n<p>Currently <a href=\"https:\/\/en.wikipedia.org\/wiki\/Web_browser\">4.3<\/a> billion people uses a browser and the most popular browsers are Chrome, Firefox, Safari, Internet Explorer and Edge.<\/p>\n<p>Cross-browser compatibility is the capability of a <a href=\"http:\/\/www.animationkolkata.com\/blog\/2018\/04\/20\/design-website-useful-plugins\/\">website<\/a> to function in any version of the browser.<\/p>\n<p>Generally a web browser helps to fetch information from the web and display them on user\u2019s device.<\/p>\n<p>A <a href=\"http:\/\/www.animationkolkata.com\/blog\/2017\/12\/18\/web-designing-trendiest-career-choice\/\">web<\/a> developer must be sure that their website is compatible with every browser and therefore cross browser compatibility testing is required.<\/p>\n<p>For a web page developer it is quite challenging to make the website compatible with different browsers.<\/p>\n<h2><strong><u>Mastering Cross Browser Compatibility<\/u><\/strong><\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-8290\" src=\"http:\/\/www.animationkolkata.com\/blog\/wp-content\/uploads\/2019\/10\/1_mU0CJDAOsii17OPzPPVJzA-300x200.jpeg\" alt=\"Mastering Cross Browser Compatibility With Animation Institute Kolkata\" width=\"749\" height=\"499\" srcset=\"https:\/\/animationkolkata.com\/blog\/wp-content\/uploads\/2019\/10\/1_mU0CJDAOsii17OPzPPVJzA-300x200.jpeg 300w, https:\/\/animationkolkata.com\/blog\/wp-content\/uploads\/2019\/10\/1_mU0CJDAOsii17OPzPPVJzA.jpeg 600w\" sizes=\"auto, (max-width: 749px) 100vw, 749px\" \/><\/p>\n<p>The major aim of the cross browser compatibility is accessibility.<\/p>\n<p>A website must be accessible or work with all versions of all browsers.<\/p>\n<p>Cross browser compatibility should provide all the users with the same experience across all the browsers.<\/p>\n<p>The <a href=\"https:\/\/www.animationkolkata.com\/blog\/2018\/06\/07\/websites-every-vfx-artist-visit\/\">website<\/a> nowadays expected to support browsers such as Mozilla Firefox, Internet Explorer, Google Chrome, Opera and Safari<\/p>\n<p>If your <a href=\"https:\/\/www.animationkolkata.com\">website<\/a> is not cross browser compatible then the user will search for another website because a user don\u2019t switches the browser generally.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-8297\" src=\"http:\/\/www.animationkolkata.com\/blog\/wp-content\/uploads\/2019\/10\/Html-Css-Js-website-300x169.jpg\" alt=\"Mastering Cross Browser Compatibility With Animation Institute Kolkata\" width=\"747\" height=\"421\" srcset=\"https:\/\/animationkolkata.com\/blog\/wp-content\/uploads\/2019\/10\/Html-Css-Js-website-300x169.jpg 300w, https:\/\/animationkolkata.com\/blog\/wp-content\/uploads\/2019\/10\/Html-Css-Js-website.jpg 534w\" sizes=\"auto, (max-width: 747px) 100vw, 747px\" \/><\/p>\n<p>Normally a website is created by the combination of <a href=\"https:\/\/www.w3schools.com\/css\/\">CSS<\/a>, <a href=\"https:\/\/en.wikipedia.org\/wiki\/HTML\">HTML<\/a> and <a href=\"https:\/\/en.wikipedia.org\/wiki\/JavaScript\">JavaScript<\/a>.<\/p>\n<p>Sometime a certain feature or technology of a website may not be supported by other browser.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-8296\" src=\"http:\/\/www.animationkolkata.com\/blog\/wp-content\/uploads\/2019\/10\/download-300x168.jpg\" alt=\"Mastering Cross Browser Compatibility With Animation Institute Kolkata\" width=\"657\" height=\"368\" \/><\/p>\n<p>Most often the developers make their website for their favorite browser without considering other browsers.<\/p>\n<p>A website might work perfectly on Google Chrome but may not work on Internet Explorer.<\/p>\n<p>In such situations Cross browser compatibility testing is necessary.<\/p>\n<p>There are several ways to create cross browser compatible website.<\/p>\n<h1><strong><u>Check For DOCTYPE<\/u><\/strong><\/h1>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-8295\" src=\"http:\/\/www.animationkolkata.com\/blog\/wp-content\/uploads\/2019\/10\/doctype-html-300x157.png\" alt=\"Mastering Cross Browser Compatibility With Animation Institute Kolkata\" width=\"619\" height=\"324\" srcset=\"https:\/\/animationkolkata.com\/blog\/wp-content\/uploads\/2019\/10\/doctype-html-300x157.png 300w, https:\/\/animationkolkata.com\/blog\/wp-content\/uploads\/2019\/10\/doctype-html-768x401.png 768w, https:\/\/animationkolkata.com\/blog\/wp-content\/uploads\/2019\/10\/doctype-html-1024x535.png 1024w, https:\/\/animationkolkata.com\/blog\/wp-content\/uploads\/2019\/10\/doctype-html.png 1200w\" sizes=\"auto, (max-width: 619px) 100vw, 619px\" \/><\/p>\n<p>Different browsers have different standards and rules.<\/p>\n<p>Make sure that you have added <a href=\"https:\/\/www.w3schools.com\/tags\/tag_doctype.asp\">DOCTYPE<\/a> in your <a href=\"https:\/\/www.w3schools.com\/html\/html_xhtml.asp\">HTML file<\/a>.<\/p>\n<p>DOCTYPE is the first line in code which describes HTML that is used in the website.<\/p>\n<p>DOCTYPE helps the browser to recognize in which language your website code is written.<\/p>\n<p>If you don\u2019t define the DOCTYPE in your website then some browser may understand it themselves but other may not be able to figure out and will render some element of your website in a way that you will not like.<\/p>\n<p>To make your website compatible with Internet Explorer, Chrome and Firefox make sure that you add Strict DOCTYPE.<\/p>\n<p>Otherwise the browser will work in <a href=\"https:\/\/www.quirksmode.org\/css\/quirksmode.html\">Quirks Mode<\/a> and will imitate the behavior of older versions.<\/p>\n<h1><strong><u>Apply CSS Reset<\/u><\/strong><\/h1>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-8294\" src=\"http:\/\/www.animationkolkata.com\/blog\/wp-content\/uploads\/2019\/10\/css-reset-300x200.jpg\" alt=\"Mastering Cross Browser Compatibility With Animation Institute Kolkata\" width=\"680\" height=\"453\" srcset=\"https:\/\/animationkolkata.com\/blog\/wp-content\/uploads\/2019\/10\/css-reset-300x200.jpg 300w, https:\/\/animationkolkata.com\/blog\/wp-content\/uploads\/2019\/10\/css-reset.jpg 512w\" sizes=\"auto, (max-width: 680px) 100vw, 680px\" \/><\/p>\n<p>Different browsers have different style; one style may work on one browser and may not work on other browser.<\/p>\n<p>You may have noticed that sometimes Submit Buttons look different on different browser that is because of <a href=\"https:\/\/www.tutorialspoint.com\/css\/\">CSS<\/a>.<\/p>\n<p>Rendering of some elements in different browsers depends upon CSS.<\/p>\n<p>CSS Reset enables setting the styles of all elements to a baseline value to ignore cross-browser differences which arises due to built-in default style settings.<\/p>\n<p>CSS is s <a href=\"https:\/\/en.wikipedia.org\/wiki\/Style_sheet_language\">Style Sheet language<\/a> used to describe the presentation of a document.<\/p>\n<p>Resetting the style enables the <a href=\"https:\/\/en.wikipedia.org\/wiki\/Web_developer\">web developers<\/a> to avoid defaulting to the browser\u2019s built-in styles which differs from browser to browser.<\/p>\n<p>Applying CSS reset means telling every browser to remove the styling to default CSS that causes cross browser incompatibility.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-8300\" src=\"http:\/\/www.animationkolkata.com\/blog\/wp-content\/uploads\/2019\/10\/tt-reset-300x146.jpg\" alt=\"Mastering Cross Browser Compatibility With Animation Institute Kolkata\" width=\"678\" height=\"330\" srcset=\"https:\/\/animationkolkata.com\/blog\/wp-content\/uploads\/2019\/10\/tt-reset-300x146.jpg 300w, https:\/\/animationkolkata.com\/blog\/wp-content\/uploads\/2019\/10\/tt-reset.jpg 615w\" sizes=\"auto, (max-width: 678px) 100vw, 678px\" \/><\/p>\n<p><a href=\"https:\/\/meyerweb.com\/eric\/css\/\">Eric Meyer\u2019s CSS<\/a> reset are used to solve browser incompatibility issue.<\/p>\n<p>Adding a CSS reset is quite simple; you only have to download the CSS File and include it in header.<\/p>\n<h1><strong><u>Separate Style Sheet<\/u><\/strong><\/h1>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-8292\" src=\"http:\/\/www.animationkolkata.com\/blog\/wp-content\/uploads\/2019\/10\/ConditionalStyles-300x104.png\" alt=\"Mastering Cross Browser Compatibility With Animation Institute Kolkata\" width=\"710\" height=\"246\" srcset=\"https:\/\/animationkolkata.com\/blog\/wp-content\/uploads\/2019\/10\/ConditionalStyles-300x104.png 300w, https:\/\/animationkolkata.com\/blog\/wp-content\/uploads\/2019\/10\/ConditionalStyles.png 670w\" sizes=\"auto, (max-width: 710px) 100vw, 710px\" \/><\/p>\n<p>Make sure that you link to different style-sheet for every browser using conditional comments so that Chrome will render Chrome\u2019s style-sheet and Firefox will render its style-sheet.<\/p>\n<p>Conditional comments help to link style-sheets for different browsers in case of <a href=\"https:\/\/www.animationkolkata.com\/blog\/2018\/07\/11\/graphic-designing-vs-web-designing\/\">designing<\/a> challenges that are common with Internet Explorer.<\/p>\n<h2><strong><u>Use Friendly Libraries and Frameworks<\/u><\/strong><\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-8299\" src=\"http:\/\/www.animationkolkata.com\/blog\/wp-content\/uploads\/2019\/10\/react-ui-component-libraries-frameworks-300x153.jpg\" alt=\"Mastering Cross Browser Compatibility With Animation Institute Kolkata\" width=\"618\" height=\"315\" srcset=\"https:\/\/animationkolkata.com\/blog\/wp-content\/uploads\/2019\/10\/react-ui-component-libraries-frameworks-300x153.jpg 300w, https:\/\/animationkolkata.com\/blog\/wp-content\/uploads\/2019\/10\/react-ui-component-libraries-frameworks-768x392.jpg 768w, https:\/\/animationkolkata.com\/blog\/wp-content\/uploads\/2019\/10\/react-ui-component-libraries-frameworks-1024x523.jpg 1024w, https:\/\/animationkolkata.com\/blog\/wp-content\/uploads\/2019\/10\/react-ui-component-libraries-frameworks.jpg 1450w\" sizes=\"auto, (max-width: 618px) 100vw, 618px\" \/><\/p>\n<p>There is a huge list of <a href=\"https:\/\/en.wikipedia.org\/wiki\/Framework\">frameworks<\/a> and <a href=\"https:\/\/www.animationkolkata.com\/blog\/2018\/06\/07\/free-animation-libraries-web\/\">libraries<\/a> used by website developers to make their work fast and convenient.<\/p>\n<p>Cross browser friendly <a href=\"https:\/\/en.wikipedia.org\/wiki\/List_of_JavaScript_libraries\">JavaScript library<\/a> like <a href=\"https:\/\/iquery.illinois.gov\/iquery\/\">iQuery<\/a> is very popular and widely used in websites throughout the world.<\/p>\n<p><a href=\"https:\/\/www.tutorialspoint.com\/reactjs\/\">React.js<\/a> is an open source library backed by Facebook.<\/p>\n<p>It helps to create small and large scale web applications and creating interactive websites.<\/p>\n<p><a href=\"https:\/\/www.glimmerjs.com\">Glimmer.js<\/a> is a new JavaScript Library for the web.<\/p>\n<p><a href=\"https:\/\/getbootstrap.com\">Bootstrap<\/a> is the framework to help with designing websites.<\/p>\n<p>It is the most popular HTML, CSS and JS framework for developing responsive projects on web.<\/p>\n<p>With Bootstrap non-designers can easily create decent-looking websites.<\/p>\n<p><a href=\"https:\/\/www.w3schools.com\/angular\/\">Angular.js<\/a> is an open source JavaScript framework created by Google.<\/p>\n<h2>\u00a0<strong><u>Keep The Code Simple<\/u><\/strong><\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-8298\" src=\"http:\/\/www.animationkolkata.com\/blog\/wp-content\/uploads\/2019\/10\/kiss-300x175.jpg\" alt=\"Mastering Cross Browser Compatibility With Animation Institute Kolkata\" width=\"718\" height=\"419\" srcset=\"https:\/\/animationkolkata.com\/blog\/wp-content\/uploads\/2019\/10\/kiss-300x175.jpg 300w, https:\/\/animationkolkata.com\/blog\/wp-content\/uploads\/2019\/10\/kiss.jpg 381w\" sizes=\"auto, (max-width: 718px) 100vw, 718px\" \/><\/p>\n<p>Coding must be simple yet effective.<\/p>\n<p>Avoid ten lines of code to a feature that only needs three lines.<\/p>\n<p>Simple code is cross browser friendly and more maintainable at the time when you have to adjust it for compatibility.<\/p>\n<p>Focus on quality over quantity at the time of coding.<\/p>\n<h1><strong><u>Cross Browser Compatibility Testing<\/u><\/strong><\/h1>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-8290\" src=\"http:\/\/www.animationkolkata.com\/blog\/wp-content\/uploads\/2019\/10\/1_mU0CJDAOsii17OPzPPVJzA-300x200.jpeg\" alt=\"Mastering Cross Browser Compatibility With Animation Institute Kolkata\" width=\"713\" height=\"475\" srcset=\"https:\/\/animationkolkata.com\/blog\/wp-content\/uploads\/2019\/10\/1_mU0CJDAOsii17OPzPPVJzA-300x200.jpeg 300w, https:\/\/animationkolkata.com\/blog\/wp-content\/uploads\/2019\/10\/1_mU0CJDAOsii17OPzPPVJzA.jpeg 600w\" sizes=\"auto, (max-width: 713px) 100vw, 713px\" \/><\/p>\n<p>Testing for Cross Browser Compatibility is crucial and should not be missed otherwise all the effort for Cross Browser Compatible Website will go in vain.<\/p>\n<p>Without the testing you will not be sure that whether the possibilities that you have taken for making a cross browser compatible website do work or not.<\/p>\n<p>It is common that you may write something accidently that doesn\u2019t work in one browser therefore check the site which actually works on different browsers.<\/p>\n<p>Use the tool like Cross Browser Testing which gives access to thousands of browsers.<\/p>\n<p>For Example to find Cross Browser Compatibility issues with Firefox Browser the website develop may have to skip some elements that Firefox browsers do not support such as <a href=\"https:\/\/www.tutorialspoint.com\/html5\/html5_web_sql\">Web SQL Database<\/a>, <a href=\"https:\/\/en.wikipedia.org\/wiki\/XHTML%2BSMIL\">XHTML +SMIL animation<\/a>, File Writer API and EOT Fonts.<\/p>\n<p>Using the technologies and styles that does not support Firefox will lead your website to break even in latest version of Firefox.<\/p>\n<p>Similarly CSS overflow-anchor, <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Web_Authentication_API\">Web Authentication<\/a> API does not work in Safari Browsers.<\/p>\n<p>Web Authentication API is supported in the latest browser versions of Firefox and Chrome and therefore it will not work in other versions; will show Cross Browser Incompatibility problems.<\/p>\n<p>So make sure that you use all browser supported technologies.<\/p>\n<p>Be with our reputed <a href=\"https:\/\/www.animationkolkata.com\/multimedia-graphics-3d-animation-visual-effects-gaming-vfx.php\">MAAC Kolkata Centre<\/a> to get informed about latest technologies.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hello Readers, are you familiar with Cross browser compatibility? Well in today\u2019s blog we shall discuss about what is Cross browser compatibility. Number of websites has increased from 2.4 million &hellip; <\/p>\n","protected":false},"author":1,"featured_media":8293,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[72],"tags":[382,893,391,205],"class_list":["post-8287","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-desigining","tag-best-web-designing-institute","tag-cross-browser-compatibility","tag-web","tag-web-developer"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Sneak Peek Into Cross Browser Compatibility At Animation Kolkata<\/title>\n<meta name=\"description\" content=\"Hello Readers, are you familiar with Cross browser compatibility? Animation Kolkata blog we discuss about what is Cross browser compatibility.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/animationkolkata.com\/blog\/2019\/11\/01\/sneak-peek-cross-browser-compatibility\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Sneak Peek Into Cross Browser Compatibility At Animation Kolkata\" \/>\n<meta property=\"og:description\" content=\"Hello Readers, are you familiar with Cross browser compatibility? Animation Kolkata blog we discuss about what is Cross browser compatibility.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/animationkolkata.com\/blog\/2019\/11\/01\/sneak-peek-cross-browser-compatibility\/\" \/>\n<meta property=\"og:site_name\" content=\"MAAC AT CHOWRINGHEE | RASHBEHARI | ULTADANGA\" \/>\n<meta property=\"article:published_time\" content=\"2019-11-01T01:50:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/animationkolkata.com\/blog\/wp-content\/uploads\/2019\/10\/cross-browser-compatibility-1024x526.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"526\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"animationkolkata\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"animationkolkata\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/animationkolkata.com\/blog\/2019\/11\/01\/sneak-peek-cross-browser-compatibility\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/animationkolkata.com\/blog\/2019\/11\/01\/sneak-peek-cross-browser-compatibility\/\"},\"author\":{\"name\":\"animationkolkata\",\"@id\":\"https:\/\/animationkolkata.com\/blog\/#\/schema\/person\/342258c94a92754895a4c46ef599b25c\"},\"headline\":\"Sneak Peek Into Cross Browser Compatibility\",\"datePublished\":\"2019-11-01T01:50:15+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/animationkolkata.com\/blog\/2019\/11\/01\/sneak-peek-cross-browser-compatibility\/\"},\"wordCount\":1049,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/animationkolkata.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/animationkolkata.com\/blog\/2019\/11\/01\/sneak-peek-cross-browser-compatibility\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/animationkolkata.com\/blog\/wp-content\/uploads\/2019\/10\/cross-browser-compatibility-1024x526.jpg\",\"keywords\":[\"best web designing institute\",\"Cross Browser Compatibility\",\"web\",\"web developer\"],\"articleSection\":[\"Web Desigining\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/animationkolkata.com\/blog\/2019\/11\/01\/sneak-peek-cross-browser-compatibility\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/animationkolkata.com\/blog\/2019\/11\/01\/sneak-peek-cross-browser-compatibility\/\",\"url\":\"https:\/\/animationkolkata.com\/blog\/2019\/11\/01\/sneak-peek-cross-browser-compatibility\/\",\"name\":\"Sneak Peek Into Cross Browser Compatibility At Animation Kolkata\",\"isPartOf\":{\"@id\":\"https:\/\/animationkolkata.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/animationkolkata.com\/blog\/2019\/11\/01\/sneak-peek-cross-browser-compatibility\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/animationkolkata.com\/blog\/2019\/11\/01\/sneak-peek-cross-browser-compatibility\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/animationkolkata.com\/blog\/wp-content\/uploads\/2019\/10\/cross-browser-compatibility-1024x526.jpg\",\"datePublished\":\"2019-11-01T01:50:15+00:00\",\"description\":\"Hello Readers, are you familiar with Cross browser compatibility? Animation Kolkata blog we discuss about what is Cross browser compatibility.\",\"breadcrumb\":{\"@id\":\"https:\/\/animationkolkata.com\/blog\/2019\/11\/01\/sneak-peek-cross-browser-compatibility\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/animationkolkata.com\/blog\/2019\/11\/01\/sneak-peek-cross-browser-compatibility\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/animationkolkata.com\/blog\/2019\/11\/01\/sneak-peek-cross-browser-compatibility\/#primaryimage\",\"url\":\"https:\/\/animationkolkata.com\/blog\/wp-content\/uploads\/2019\/10\/cross-browser-compatibility-1024x526.jpg\",\"contentUrl\":\"https:\/\/animationkolkata.com\/blog\/wp-content\/uploads\/2019\/10\/cross-browser-compatibility-1024x526.jpg\",\"width\":1024,\"height\":526,\"caption\":\"Mastering Cross Browser Compatibility With Animation Institute Kolkata\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/animationkolkata.com\/blog\/2019\/11\/01\/sneak-peek-cross-browser-compatibility\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/animationkolkata.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Sneak Peek Into Cross Browser Compatibility\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/animationkolkata.com\/blog\/#website\",\"url\":\"https:\/\/animationkolkata.com\/blog\/\",\"name\":\"MAAC AT CHOWRINGHEE | RASHBEHARI | ULTADANGA\",\"description\":\"LEARN ANIMATION | VFX | WEB DESIGNING | GRAPHICS\",\"publisher\":{\"@id\":\"https:\/\/animationkolkata.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/animationkolkata.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/animationkolkata.com\/blog\/#organization\",\"name\":\"MAAC AT CHOWRINGHEE | RASHBEHARI | ULTADANGA\",\"url\":\"https:\/\/animationkolkata.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/animationkolkata.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/animationkolkata.com\/blog\/wp-content\/uploads\/2018\/05\/maac-NEW-logo.png\",\"contentUrl\":\"https:\/\/animationkolkata.com\/blog\/wp-content\/uploads\/2018\/05\/maac-NEW-logo.png\",\"width\":1512,\"height\":610,\"caption\":\"MAAC AT CHOWRINGHEE | RASHBEHARI | ULTADANGA\"},\"image\":{\"@id\":\"https:\/\/animationkolkata.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/animationkolkata.com\/blog\/#\/schema\/person\/342258c94a92754895a4c46ef599b25c\",\"name\":\"animationkolkata\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/animationkolkata.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/27857aef0145129e9de346690baaf3d888310d63a022f24489ddc332962d94b9?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/27857aef0145129e9de346690baaf3d888310d63a022f24489ddc332962d94b9?s=96&d=mm&r=g\",\"caption\":\"animationkolkata\"},\"sameAs\":[\"http:\/\/www.animationkolkata.com\"],\"url\":\"https:\/\/animationkolkata.com\/blog\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Sneak Peek Into Cross Browser Compatibility At Animation Kolkata","description":"Hello Readers, are you familiar with Cross browser compatibility? Animation Kolkata blog we discuss about what is Cross browser compatibility.","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:\/\/animationkolkata.com\/blog\/2019\/11\/01\/sneak-peek-cross-browser-compatibility\/","og_locale":"en_US","og_type":"article","og_title":"Sneak Peek Into Cross Browser Compatibility At Animation Kolkata","og_description":"Hello Readers, are you familiar with Cross browser compatibility? Animation Kolkata blog we discuss about what is Cross browser compatibility.","og_url":"https:\/\/animationkolkata.com\/blog\/2019\/11\/01\/sneak-peek-cross-browser-compatibility\/","og_site_name":"MAAC AT CHOWRINGHEE | RASHBEHARI | ULTADANGA","article_published_time":"2019-11-01T01:50:15+00:00","og_image":[{"width":1024,"height":526,"url":"https:\/\/animationkolkata.com\/blog\/wp-content\/uploads\/2019\/10\/cross-browser-compatibility-1024x526.jpg","type":"image\/jpeg"}],"author":"animationkolkata","twitter_card":"summary_large_image","twitter_misc":{"Written by":"animationkolkata","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/animationkolkata.com\/blog\/2019\/11\/01\/sneak-peek-cross-browser-compatibility\/#article","isPartOf":{"@id":"https:\/\/animationkolkata.com\/blog\/2019\/11\/01\/sneak-peek-cross-browser-compatibility\/"},"author":{"name":"animationkolkata","@id":"https:\/\/animationkolkata.com\/blog\/#\/schema\/person\/342258c94a92754895a4c46ef599b25c"},"headline":"Sneak Peek Into Cross Browser Compatibility","datePublished":"2019-11-01T01:50:15+00:00","mainEntityOfPage":{"@id":"https:\/\/animationkolkata.com\/blog\/2019\/11\/01\/sneak-peek-cross-browser-compatibility\/"},"wordCount":1049,"commentCount":0,"publisher":{"@id":"https:\/\/animationkolkata.com\/blog\/#organization"},"image":{"@id":"https:\/\/animationkolkata.com\/blog\/2019\/11\/01\/sneak-peek-cross-browser-compatibility\/#primaryimage"},"thumbnailUrl":"https:\/\/animationkolkata.com\/blog\/wp-content\/uploads\/2019\/10\/cross-browser-compatibility-1024x526.jpg","keywords":["best web designing institute","Cross Browser Compatibility","web","web developer"],"articleSection":["Web Desigining"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/animationkolkata.com\/blog\/2019\/11\/01\/sneak-peek-cross-browser-compatibility\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/animationkolkata.com\/blog\/2019\/11\/01\/sneak-peek-cross-browser-compatibility\/","url":"https:\/\/animationkolkata.com\/blog\/2019\/11\/01\/sneak-peek-cross-browser-compatibility\/","name":"Sneak Peek Into Cross Browser Compatibility At Animation Kolkata","isPartOf":{"@id":"https:\/\/animationkolkata.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/animationkolkata.com\/blog\/2019\/11\/01\/sneak-peek-cross-browser-compatibility\/#primaryimage"},"image":{"@id":"https:\/\/animationkolkata.com\/blog\/2019\/11\/01\/sneak-peek-cross-browser-compatibility\/#primaryimage"},"thumbnailUrl":"https:\/\/animationkolkata.com\/blog\/wp-content\/uploads\/2019\/10\/cross-browser-compatibility-1024x526.jpg","datePublished":"2019-11-01T01:50:15+00:00","description":"Hello Readers, are you familiar with Cross browser compatibility? Animation Kolkata blog we discuss about what is Cross browser compatibility.","breadcrumb":{"@id":"https:\/\/animationkolkata.com\/blog\/2019\/11\/01\/sneak-peek-cross-browser-compatibility\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/animationkolkata.com\/blog\/2019\/11\/01\/sneak-peek-cross-browser-compatibility\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/animationkolkata.com\/blog\/2019\/11\/01\/sneak-peek-cross-browser-compatibility\/#primaryimage","url":"https:\/\/animationkolkata.com\/blog\/wp-content\/uploads\/2019\/10\/cross-browser-compatibility-1024x526.jpg","contentUrl":"https:\/\/animationkolkata.com\/blog\/wp-content\/uploads\/2019\/10\/cross-browser-compatibility-1024x526.jpg","width":1024,"height":526,"caption":"Mastering Cross Browser Compatibility With Animation Institute Kolkata"},{"@type":"BreadcrumbList","@id":"https:\/\/animationkolkata.com\/blog\/2019\/11\/01\/sneak-peek-cross-browser-compatibility\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/animationkolkata.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Sneak Peek Into Cross Browser Compatibility"}]},{"@type":"WebSite","@id":"https:\/\/animationkolkata.com\/blog\/#website","url":"https:\/\/animationkolkata.com\/blog\/","name":"MAAC AT CHOWRINGHEE | RASHBEHARI | ULTADANGA","description":"LEARN ANIMATION | VFX | WEB DESIGNING | GRAPHICS","publisher":{"@id":"https:\/\/animationkolkata.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/animationkolkata.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/animationkolkata.com\/blog\/#organization","name":"MAAC AT CHOWRINGHEE | RASHBEHARI | ULTADANGA","url":"https:\/\/animationkolkata.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/animationkolkata.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/animationkolkata.com\/blog\/wp-content\/uploads\/2018\/05\/maac-NEW-logo.png","contentUrl":"https:\/\/animationkolkata.com\/blog\/wp-content\/uploads\/2018\/05\/maac-NEW-logo.png","width":1512,"height":610,"caption":"MAAC AT CHOWRINGHEE | RASHBEHARI | ULTADANGA"},"image":{"@id":"https:\/\/animationkolkata.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/animationkolkata.com\/blog\/#\/schema\/person\/342258c94a92754895a4c46ef599b25c","name":"animationkolkata","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/animationkolkata.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/27857aef0145129e9de346690baaf3d888310d63a022f24489ddc332962d94b9?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/27857aef0145129e9de346690baaf3d888310d63a022f24489ddc332962d94b9?s=96&d=mm&r=g","caption":"animationkolkata"},"sameAs":["http:\/\/www.animationkolkata.com"],"url":"https:\/\/animationkolkata.com\/blog\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/animationkolkata.com\/blog\/wp-json\/wp\/v2\/posts\/8287","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/animationkolkata.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/animationkolkata.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/animationkolkata.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/animationkolkata.com\/blog\/wp-json\/wp\/v2\/comments?post=8287"}],"version-history":[{"count":3,"href":"https:\/\/animationkolkata.com\/blog\/wp-json\/wp\/v2\/posts\/8287\/revisions"}],"predecessor-version":[{"id":8301,"href":"https:\/\/animationkolkata.com\/blog\/wp-json\/wp\/v2\/posts\/8287\/revisions\/8301"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/animationkolkata.com\/blog\/wp-json\/wp\/v2\/media\/8293"}],"wp:attachment":[{"href":"https:\/\/animationkolkata.com\/blog\/wp-json\/wp\/v2\/media?parent=8287"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/animationkolkata.com\/blog\/wp-json\/wp\/v2\/categories?post=8287"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/animationkolkata.com\/blog\/wp-json\/wp\/v2\/tags?post=8287"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}