{"id":6,"date":"2022-05-11T00:06:00","date_gmt":"2022-05-10T23:06:00","guid":{"rendered":"http:\/\/www.friezedesign.co.uk\/blog\/?p=6"},"modified":"2024-10-13T12:42:32","modified_gmt":"2024-10-13T11:42:32","slug":"web-standards","status":"publish","type":"post","link":"https:\/\/www.friezedesign.co.uk\/blog\/web-standards\/","title":{"rendered":"Web Standards : Maximise Website Compatibility"},"content":{"rendered":"<style>.wp-block-kadence-advancedheading.kt-adv-heading_9be5f7-8c, .wp-block-kadence-advancedheading.kt-adv-heading_9be5f7-8c[data-kb-block=\"kb-adv-heading_9be5f7-8c\"]{text-align:center;font-weight:400;font-style:normal;font-family:Georgia, serif;text-transform:capitalize;color:#ea024d;}.wp-block-kadence-advancedheading.kt-adv-heading_9be5f7-8c mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading_9be5f7-8c[data-kb-block=\"kb-adv-heading_9be5f7-8c\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading_9be5f7-8c img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading_9be5f7-8c[data-kb-block=\"kb-adv-heading_9be5f7-8c\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h4 class=\"kt-adv-heading_9be5f7-8c wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading_9be5f7-8c\">&#8220;What do people see when they visit your website? It almost certainly won&#8217;t be the same as what you see when you visit it&#8221;<\/h4>\n\n\n\n<p>Unlike most other visual media, &#8220;one size fits all&#8221; doesn&#8217;t work for web design, as it has to adapt to a whole range of different viewing scenarios.<\/p>\n\n\n\n<!--more-->\n\n\n\n<h3 class=\"wp-block-heading\">Every Website Visitor Is Different<\/h3>\n\n\n\n<p>Each visitor to your website will see something different because the hardware and software set-up they use to view it, will vary. <\/p>\n\n\n\n<p>These set-up variations will include:<\/p>\n\n\n<style>.wp-block-kadence-iconlist.kt-svg-icon-list-items_d3fed1-7b:not(.this-stops-third-party-issues){margin-top:0px;margin-bottom:0px;}.wp-block-kadence-iconlist.kt-svg-icon-list-items_d3fed1-7b ul.kt-svg-icon-list:not(.this-prevents-issues):not(.this-stops-third-party-issues):not(.tijsloc){margin-top:0px;margin-right:0px;margin-bottom:var(--global-kb-spacing-sm, 1.5rem);margin-left:0px;}.wp-block-kadence-iconlist.kt-svg-icon-list-items_d3fed1-7b ul.kt-svg-icon-list{grid-row-gap:5px;}.wp-block-kadence-iconlist.kt-svg-icon-list-items_d3fed1-7b ul.kt-svg-icon-list .kt-svg-icon-list-item-wrap .kt-svg-icon-list-single{margin-right:10px;}.kt-svg-icon-list-items_d3fed1-7b ul.kt-svg-icon-list .kt-svg-icon-list-level-0 .kt-svg-icon-list-single svg{font-size:44px;}.kt-svg-icon-list-items_d3fed1-7b ul.kt-svg-icon-list .kt-svg-icon-list-level-1 .kt-svg-icon-list-single svg{font-size:40px;}.kt-svg-icon-list-items_d3fed1-7b ul.kt-svg-icon-list .kt-svg-icon-list-level-2 .kt-svg-icon-list-single svg{font-size:28px;}.kt-svg-icon-list-items_d3fed1-7b ul.kt-svg-icon-list .kt-svg-icon-list-level-3 .kt-svg-icon-list-single svg{font-size:44px;}<\/style>\n<div class=\"wp-block-kadence-iconlist kt-svg-icon-list-items kt-svg-icon-list-items_d3fed1-7b kt-svg-icon-list-columns-1 alignnone kt-list-icon-aligntop\"><ul class=\"kt-svg-icon-list\"><li class=\"kt-svg-icon-list-style-default kt-svg-icon-list-item-wrap kt-svg-icon-list-item-0 kt-svg-icon-list-level-undefined\"><div style=\"display:inline-flex;justify-content:center;align-items:center\" class=\"kt-svg-icon-list-single kt-svg-icon-list-single-fe_arrowRightCircle\"><svg style=\"display:inline-block;vertical-align:middle\" viewBox=\"0 0 24 24\" height=\"44\" width=\"44\" fill=\"none\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"12 16 16 12 12 8\"><\/polyline><line x1=\"8\" y1=\"12\" x2=\"16\" y2=\"12\"><\/line><\/svg><\/div><span class=\"kt-svg-icon-list-text\"><strong>Their Screen<\/strong>\u00a0&#8211; Screen Type, Screen Size, Screen Resolution, Screen Colour Profile, Screen Ratio<\/span><\/li><li class=\"kt-svg-icon-list-style-default kt-svg-icon-list-item-wrap kt-svg-icon-list-item-1 kt-svg-icon-list-level-undefined\"><div style=\"display:inline-flex;justify-content:center;align-items:center\" class=\"kt-svg-icon-list-single kt-svg-icon-list-single-fe_arrowRightCircle\"><svg style=\"display:inline-block;vertical-align:middle\" viewBox=\"0 0 24 24\" height=\"40\" width=\"40\" fill=\"none\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"12 16 16 12 12 8\"><\/polyline><line x1=\"8\" y1=\"12\" x2=\"16\" y2=\"12\"><\/line><\/svg><\/div><span class=\"kt-svg-icon-list-text\"><strong>Their Operating System (Platform)<\/strong>\u00a0&#8211; Windows, Android, Apple Mac OS, iOS, Linux &#8230; etc.<\/span><\/li><li class=\"kt-svg-icon-list-style-default kt-svg-icon-list-item-wrap kt-svg-icon-list-item-2 kt-svg-icon-list-level-undefined\"><div style=\"display:inline-flex;justify-content:center;align-items:center\" class=\"kt-svg-icon-list-single kt-svg-icon-list-single-fe_arrowRightCircle\"><svg style=\"display:inline-block;vertical-align:middle\" viewBox=\"0 0 24 24\" height=\"28\" width=\"28\" fill=\"none\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"12 16 16 12 12 8\"><\/polyline><line x1=\"8\" y1=\"12\" x2=\"16\" y2=\"12\"><\/line><\/svg><\/div><span class=\"kt-svg-icon-list-text\"><strong>Their Web Browser <\/strong>&#8211; Chrome, MS Edge, Firefox, Safari &#8230; etc.<\/span><\/li><li class=\"kt-svg-icon-list-style-default kt-svg-icon-list-item-wrap kt-svg-icon-list-item-3 kt-svg-icon-list-level-undefined\"><div style=\"display:inline-flex;justify-content:center;align-items:center\" class=\"kt-svg-icon-list-single kt-svg-icon-list-single-fe_arrowRightCircle\"><svg style=\"display:inline-block;vertical-align:middle\" viewBox=\"0 0 24 24\" height=\"44\" width=\"44\" fill=\"none\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"12 16 16 12 12 8\"><\/polyline><line x1=\"8\" y1=\"12\" x2=\"16\" y2=\"12\"><\/line><\/svg><\/div><span class=\"kt-svg-icon-list-text\"><strong>Their Browser Configuration<\/strong>\u00a0&#8211; Text Size, Plugin Usage, Scripting Set-up, Accessibility Settings<\/span><\/li><\/ul><\/div>\n\n\n\n<p>The reality is, you can&#8217;t completely control how your website is going to look to every single person who visits it. But there are two important things you should do &#8211; maximise compatibility, and <a href=\"https:\/\/www.friezedesign.co.uk\/blog\/website-usability\/\" data-type=\"post\" data-id=\"260\">ensure your website always remains usable<\/a>.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Web Standards + Custom Web Design<\/h4>\n\n\n\n<p>There is no single working &#8216;one design fits all&#8217; compatibility model when it comes to web design, and this incidentally, is where the DIY, Web Builder services often fall down. You can&#8217;t have an automated design system that works for every customer&#8217;s unique website requirements, it&#8217;s just not possible.<\/p>\n\n\n\n<p>Add to this the fact many people using these DIY web design services aren&#8217;t <a href=\"https:\/\/www.friezedesign.co.uk\/blog\/professional-web-design\/\" data-type=\"post\" data-id=\"143\">professional designers<\/a>, and therefore don&#8217;t really understand the complexities of what they&#8217;re doing &#8211; the result could be a website that for some visitors, <strong>not only looks amateurish, but might not even be usable<\/strong>. <\/p>\n\n\n\n<p>This is why <a href=\"http:\/\/www.friezedesign.co.uk\">we are such strong advocates of &#8216;Web Standards&#8217;<\/a>; developing websites using code based on best practice and accepted open standards. This will give you a great foundation for the widest website compatibility possible. But this is just the start. A unique website, with unique requirements, requires a unique build &#8211; <a href=\"https:\/\/www.friezedesign.co.uk\/blog\/why-is-bespoke-better\/\" data-type=\"post\" data-id=\"422\">custom web design<\/a>.<\/p>\n\n\n\n<p>Interested in seeing <a href=\"http:\/\/www.friezedesign.co.uk\/fse-test\/\">Usability\/UX in practice &#8211; Client Prototype<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Unlike most other visual media, &#8220;one size fits all&#8221; doesn&#8217;t work for web design, as it has to adapt to a whole range of different viewing scenarios.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[8,16,17,19,18,4,79,7,6],"class_list":["post-6","post","type-post","status-publish","format-standard","hentry","category-web-design","tag-browser-compatibility","tag-responsive-design","tag-usability","tag-user-experience","tag-ux","tag-web-design","tag-web-development","tag-web-standards","tag-website-compatibility"],"_links":{"self":[{"href":"https:\/\/www.friezedesign.co.uk\/blog\/wp-json\/wp\/v2\/posts\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.friezedesign.co.uk\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.friezedesign.co.uk\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.friezedesign.co.uk\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.friezedesign.co.uk\/blog\/wp-json\/wp\/v2\/comments?post=6"}],"version-history":[{"count":87,"href":"https:\/\/www.friezedesign.co.uk\/blog\/wp-json\/wp\/v2\/posts\/6\/revisions"}],"predecessor-version":[{"id":982,"href":"https:\/\/www.friezedesign.co.uk\/blog\/wp-json\/wp\/v2\/posts\/6\/revisions\/982"}],"wp:attachment":[{"href":"https:\/\/www.friezedesign.co.uk\/blog\/wp-json\/wp\/v2\/media?parent=6"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.friezedesign.co.uk\/blog\/wp-json\/wp\/v2\/categories?post=6"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.friezedesign.co.uk\/blog\/wp-json\/wp\/v2\/tags?post=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}