{"id":1504,"date":"2021-02-14T10:53:00","date_gmt":"2021-02-14T08:53:00","guid":{"rendered":"https:\/\/html-online.com\/articles\/?p=1504"},"modified":"2025-02-04T19:53:50","modified_gmt":"2025-02-04T17:53:50","slug":"user-centric-web-design","status":"publish","type":"post","link":"https:\/\/html-online.com\/articles\/user-centric-web-design\/","title":{"rendered":"6 Unique Ways for Adopting User-Centric Web Design"},"content":{"rendered":"<p>We&#8217;re two decades into what has been termed \u2018the information age\u2019. Rather than enduring a worst-case scenario of AI-driven technology that&#8217;s cold and impersonal, we&#8217;re experiencing trends in the other direction. It seems that the more our lives and processes are automated, the more customers crave &#8211; and businesses strive for &#8211; ways to provide personalized services.<\/p>\n<p><!--more--><\/p>\n<p>One major trend is a shift toward <a href=\"\/articles\/web-design-skill-tips\/\">user-centric design<\/a> (UCD) concepts and practices. This term seems, on the surface, to refer to creating user-friendly interfaces that help you avoid making <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/html-online.com\/articles\/common-web-design-mistakes-avoid\/\">common web design mistakes<\/a> that could potentially damage your business. It does, to some extent. But, UCD goes much deeper than that.<\/p>\n<p class=\"aligncenter\"><a href=\"https:\/\/html5-templates.com\/preview\/masonry.html\" rel=\"nofollow noopener\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2021\/04\/masonry.jpg\" alt=\"masonry\"><\/a><\/p>\n<h2>What is \u2018user-centric design\u2019?<\/h2>\n<p>The term user-centric is often used interchangeably with customer-centric design. However, both terms are different in several key ways.<\/p>\n<p>First of all, \u2018user-centric design\u2019 allows developers to design for a specific set of users rather than users in general. Second, it invites that set of users into the design process while an app is in production rather than simply split-testing various elements in a pre-launch beta phase.<\/p>\n<p class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2021\/04\/diagram.jpg\" alt=\"diagram\"><\/p>\n<p>UCD is an iterative process that&#8217;s <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/usabilitygeek.com\/user-centered-design-introduction\/\">based on traditional user-generated tools<\/a> and methodologies like user surveys and interviews, which are then combined with developer-side generative methods, such as brainstorming and collaboration. The way research and development are conducted provides a deeper understanding of user requirements and how individuals interact with a product, which is then incorporated into the final design.<\/p>\n<h2>Benefits of user-centric design<\/h2>\n<p>Today&#8217;s user demands certain features in an app such as clean interfaces, easy navigation, and speed. They also want more control over how their apps respond and their appearance.<\/p>\n<p>Adopting a user-centric approach provides several advantages such as an enhancement of the user experience, improved safety, and security, increased page rankings, more accessibility and it supports better outcomes.<\/p>\n<p>This can be rolled out across all of the systems and tools you use to run a successful business. Providing that personalized approach with professional software <a target=\"_blank\" href=\"https:\/\/www.waveapps.com\/invoicing\" rel=\"noopener\">that offers many benefits<\/a> such as customization, user-friendly designs, and easy management of information can add customers feel special and secure as you build trust and connection with them.<\/p>\n<p>Now that you have a better understanding of the processes and ROI involved, here are some innovative ways of incorporating UCD into your development best practices.<\/p>\n<p>It&#8217;s enacted in four distinct phases: a contextual phase, research phase, design phase, and evaluation phase:<\/p>\n<h3>1 &#8211; Context Phase<\/h3>\n<p>This is where you&#8217;ll <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/blog.hubspot.com\/marketing\/buyer-persona-research\">create an ideal persona<\/a> rather than relying on a generic set of users\u2019 characteristics. This persona is a highly detailed version of the target audience that uses more granular data about user values, goals, demographics, and the context or circumstances under which the app will be used.<\/p>\n<h3>2 &#8211; Research Phase<\/h3>\n<p>The personas that have been created using granular data are then used to research and determine specific app requirements, such as features, functions, and capabilities.<\/p>\n<h3>3 &#8211; Design Phase<\/h3>\n<p>The development team then uses the research they collected to design an app with very tailored capabilities. Often, users are brought in at their point opt work with the design team to test features and functions as they are created.<\/p>\n<h3>4 &#8211; Evaluation Phase<\/h3>\n<p>This phase is used to test the product and see how well it performs according to the research using a variety of testing tools that offer optimization. According to online marketing expert Sia Mohajer of Blue Tree, there are a &gt;number of essential tools to help you with this, saying, \u201cIn today\u2019s competitive market, smart business leaders will use every tool available to keep people on their pages and clicking through instead of clicking away. One of the best ways to do this is through optimization. The best A\/B testing tools will let you create minor variations of a single page, offer them to live users, and determine which version of the page does best.\u201d<\/p>\n<p>The goal is to see how well the app or website performs in engaging and meeting the specific set of user needs, requirements, and expectations.<\/p>\n<p>The process takes the whole user experience into consideration to create a truly personalized interaction. In order for the process to be meaningful and provide the best results, it also needs to incorporate four basic principles of UCD by being:<\/p>\n<ul>\n<li><b>Visual: <\/b>users need to know at a glance what the app does and how it works.<\/li>\n<li><b>Accessible: <\/b>the information and actions should be easy to locate, understand, and use.&nbsp;<\/li>\n<li><b>Legible: <\/b>text should be clear, readable, and well laid out.<\/li>\n<li><b>Simple: <\/b>language should have short sentences, familiar terms, and be free of jargon.<\/li>\n<\/ul>\n<h2>How businesses are incorporating a UCD-based approach<\/h2>\n<p>If UCD means inviting users into the design process to better understand how they will interact with your product, then any design features that improve UX can be deployed to provide a richer, more personal experience.<\/p>\n<p class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2021\/04\/usability.jpg\" alt=\"usability diagram\"><\/p>\n<p>There are dozens of design innovations that could fall under the umbrella of UCD.<\/p>\n<h3>1 &#8211; 3D and Interactive Design<\/h3>\n<p>Interactive designs such as <a href=\"\/articles\/css3-cube\/\">modern 3D animations<\/a> can be woven into the page layout rather than being imposed atop the content. They allow you to enhance minimalist page payouts, adding interest and depth. When combined with interactive capabilities, they guide the user through the page which increases engagement and reduces bounce rates.<\/p>\n<p>It can be implemented in conjunction with user-initiated animations or scrolling to enhance UX without degrading page performance or speed.<\/p>\n<h3>2 &#8211; Preference-Based Design<\/h3>\n<p>You may have noticed a trend toward offering users an opportunity to personalize the UI by switching to dark mode, alternate navigation, and other customizations. These preference-based designs offer users choices to tailor their app for a more custom look and feel such as toggling between modes, that are user-initiated and controlled.<\/p>\n<h3>3 &#8211; Horizontal Scrolling<\/h3>\n<p>This isn&#8217;t the awkward, click-and-hold performance of old. This type of horizontal scrolling allows you to add more information to a page in a manner that leaves it uncluttered. Content is only revealed if and when the user wants it. Examples include order forms located under an image, before\/after images, and any other type of content that&#8217;s layered to supplement other information.<\/p>\n<p>However, make sure that it&#8217;s a choice rather than the only option, that it is used infrequently and strategically, and that performance and appearance are minimalist and elegant.<\/p>\n<h3>4 &#8211; Augmented Reality (AR)<\/h3>\n<p>This trend combines the best use cases for 3D and virtual reality (VR) to provide the user with a <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.fi.edu\/what-is-augmented-reality\">more realistic and immersive experience<\/a>. Examples of AR include the ability to see how design elements would look after a remodel, how clothes will look on the buyer, 3D tours, and similar means of realistically testing products for suitability before purchase.<\/p>\n<h3>5 &#8211; Data Visualization<\/h3>\n<p>If you have a business, you need to be able to analyze your data effectively. However, most people are visual learners who have a difficult time taking in information unless it&#8217;s presented in a visually appealing manner. Data visualization strategies can present data in a way that&#8217;s engaging and easier to understand such as in the form of infographics, colorful charts, and interactive displays that provide context and meaning.<br \/>\nTry to replace unnecessary text with pics where possible: for example, use <a target=\"_blank\" href=\"https:\/\/icons8.com\/app\/windows\" rel=\"noopener\">Windows icon creator<\/a> to make familiar mini-pics that will replace tabs\u2019 or sections\u2019 titles.<\/p>\n<h3>6. Voice User Interface (VUI)<\/h3>\n<p>We&#8217;ve seen this trend over the past few years with home assistants like Alexa and Siri. Now, VUI is becoming more popular for searches and navigating apps and web pages. The trick to this is getting the keywords needed for activation right. Around 20 percent of searches are initiated using the same 25 words. In order for it to be effective, developers would have to conduct precise research in conjunction with users.<\/p>\n<h2>Final Thoughts<\/h2>\n<p>If you&#8217;re looking for a way to engage users on a more granular, intensive level &#8211; consider the benefits of a user-centric approach to web and app design. Finding <a href=\"\/articles\/html-css-js-cheat-sheets\/\">innovative ways and tools<\/a> to incorporate UCD will make you a more cutting-edge developer while providing end-users with a better quality experience that truly reflects their needs and behaviors.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>We&#8217;re two decades into what has been termed \u2018the information age\u2019. Rather than enduring a worst-case scenario of AI-driven technology that&#8217;s cold and impersonal, we&#8217;re experiencing trends in the other direction. It seems that the more our lives and processes are automated, the more customers crave &#8211; and businesses strive for &#8211; ways to provide &hellip; <a href=\"https:\/\/html-online.com\/articles\/user-centric-web-design\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;6 Unique Ways for Adopting User-Centric Web Design&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1504","post","type-post","status-publish","format-standard","hentry","category-articles"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>6 Unique Ways for Adopting User-Centric Web Design<\/title>\n<meta name=\"description\" content=\"One major trend is a shift toward user-centric design (UCD) concepts and practices. On surface, to refer to creating user-friendly interfaces\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/html-online.com\/articles\/user-centric-web-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"6 Unique Ways for Adopting User-Centric Web Design\" \/>\n<meta property=\"og:description\" content=\"One major trend is a shift toward user-centric design (UCD) concepts and practices. On surface, to refer to creating user-friendly interfaces\" \/>\n<meta property=\"og:url\" content=\"https:\/\/html-online.com\/articles\/user-centric-web-design\/\" \/>\n<meta property=\"og:site_name\" content=\"HTML Online\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/htmlcoding\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-02-14T08:53:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-02-04T17:53:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2021\/04\/masonry.jpg\" \/>\n<meta name=\"author\" content=\"HTML Editor\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"HTML Editor\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/html-online.com\/articles\/user-centric-web-design\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/html-online.com\/articles\/user-centric-web-design\/\"},\"author\":{\"name\":\"HTML Editor\",\"@id\":\"https:\/\/html-online.com\/articles\/#\/schema\/person\/019f9afa07f209153df0fecfc90b8c1d\"},\"headline\":\"6 Unique Ways for Adopting User-Centric Web Design\",\"datePublished\":\"2021-02-14T08:53:00+00:00\",\"dateModified\":\"2025-02-04T17:53:50+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/html-online.com\/articles\/user-centric-web-design\/\"},\"wordCount\":1363,\"publisher\":{\"@id\":\"https:\/\/html-online.com\/articles\/#organization\"},\"image\":{\"@id\":\"https:\/\/html-online.com\/articles\/user-centric-web-design\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2021\/04\/masonry.jpg\",\"articleSection\":[\"Articles\"],\"inLanguage\":\"en-GB\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/html-online.com\/articles\/user-centric-web-design\/\",\"url\":\"https:\/\/html-online.com\/articles\/user-centric-web-design\/\",\"name\":\"6 Unique Ways for Adopting User-Centric Web Design\",\"isPartOf\":{\"@id\":\"https:\/\/html-online.com\/articles\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/html-online.com\/articles\/user-centric-web-design\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/html-online.com\/articles\/user-centric-web-design\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2021\/04\/masonry.jpg\",\"datePublished\":\"2021-02-14T08:53:00+00:00\",\"dateModified\":\"2025-02-04T17:53:50+00:00\",\"description\":\"One major trend is a shift toward user-centric design (UCD) concepts and practices. On surface, to refer to creating user-friendly interfaces\",\"breadcrumb\":{\"@id\":\"https:\/\/html-online.com\/articles\/user-centric-web-design\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/html-online.com\/articles\/user-centric-web-design\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/html-online.com\/articles\/user-centric-web-design\/#primaryimage\",\"url\":\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2021\/04\/masonry.jpg\",\"contentUrl\":\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2021\/04\/masonry.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/html-online.com\/articles\/user-centric-web-design\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/html-online.com\/articles\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"6 Unique Ways for Adopting User-Centric Web Design\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/html-online.com\/articles\/#website\",\"url\":\"https:\/\/html-online.com\/articles\/\",\"name\":\"HTML Online Articles\",\"description\":\"Tips, tricks, tutorials\u2026\",\"publisher\":{\"@id\":\"https:\/\/html-online.com\/articles\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/html-online.com\/articles\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/html-online.com\/articles\/#organization\",\"name\":\"HTML Online\",\"url\":\"https:\/\/html-online.com\/articles\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/html-online.com\/articles\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2022\/06\/logo.jpg\",\"contentUrl\":\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2022\/06\/logo.jpg\",\"width\":350,\"height\":350,\"caption\":\"HTML Online\"},\"image\":{\"@id\":\"https:\/\/html-online.com\/articles\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/htmlcoding\/\",\"https:\/\/www.linkedin.com\/in\/ferencdenes\/\",\"https:\/\/www.youtube.com\/channel\/UCn38Jw1sJzbjVHO95Zp0Sww\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/html-online.com\/articles\/#\/schema\/person\/019f9afa07f209153df0fecfc90b8c1d\",\"name\":\"HTML Editor\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/html-online.com\/articles\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7c1d8f5e7f1dc3e261766a96ac50c6a907fa5c236e87ab73379c57c9114e92cd?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7c1d8f5e7f1dc3e261766a96ac50c6a907fa5c236e87ab73379c57c9114e92cd?s=96&d=mm&r=g\",\"caption\":\"HTML Editor\"},\"description\":\"In 2013, while wrestling with a mountain of client articles and an uncooperative CMS, I decided enough was enough. So, I created an online HTML editor purely out of necessity (and mild frustration). What began as a tool for my own sanity quickly evolved into a gift for the world\u2014or at least for anyone trying to avoid breaking their website's code. Since then, I've shared my tech notes on my blog, which serves as both a handy reference and a digital diary of the adventures and misadventures of a coder.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/ferencdenes\/\",\"https:\/\/www.youtube.com\/@htmlg\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"6 Unique Ways for Adopting User-Centric Web Design","description":"One major trend is a shift toward user-centric design (UCD) concepts and practices. On surface, to refer to creating user-friendly interfaces","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:\/\/html-online.com\/articles\/user-centric-web-design\/","og_locale":"en_GB","og_type":"article","og_title":"6 Unique Ways for Adopting User-Centric Web Design","og_description":"One major trend is a shift toward user-centric design (UCD) concepts and practices. On surface, to refer to creating user-friendly interfaces","og_url":"https:\/\/html-online.com\/articles\/user-centric-web-design\/","og_site_name":"HTML Online","article_publisher":"https:\/\/www.facebook.com\/htmlcoding\/","article_published_time":"2021-02-14T08:53:00+00:00","article_modified_time":"2025-02-04T17:53:50+00:00","og_image":[{"url":"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2021\/04\/masonry.jpg","type":"","width":"","height":""}],"author":"HTML Editor","twitter_card":"summary_large_image","twitter_misc":{"Written by":"HTML Editor","Estimated reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/html-online.com\/articles\/user-centric-web-design\/#article","isPartOf":{"@id":"https:\/\/html-online.com\/articles\/user-centric-web-design\/"},"author":{"name":"HTML Editor","@id":"https:\/\/html-online.com\/articles\/#\/schema\/person\/019f9afa07f209153df0fecfc90b8c1d"},"headline":"6 Unique Ways for Adopting User-Centric Web Design","datePublished":"2021-02-14T08:53:00+00:00","dateModified":"2025-02-04T17:53:50+00:00","mainEntityOfPage":{"@id":"https:\/\/html-online.com\/articles\/user-centric-web-design\/"},"wordCount":1363,"publisher":{"@id":"https:\/\/html-online.com\/articles\/#organization"},"image":{"@id":"https:\/\/html-online.com\/articles\/user-centric-web-design\/#primaryimage"},"thumbnailUrl":"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2021\/04\/masonry.jpg","articleSection":["Articles"],"inLanguage":"en-GB"},{"@type":"WebPage","@id":"https:\/\/html-online.com\/articles\/user-centric-web-design\/","url":"https:\/\/html-online.com\/articles\/user-centric-web-design\/","name":"6 Unique Ways for Adopting User-Centric Web Design","isPartOf":{"@id":"https:\/\/html-online.com\/articles\/#website"},"primaryImageOfPage":{"@id":"https:\/\/html-online.com\/articles\/user-centric-web-design\/#primaryimage"},"image":{"@id":"https:\/\/html-online.com\/articles\/user-centric-web-design\/#primaryimage"},"thumbnailUrl":"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2021\/04\/masonry.jpg","datePublished":"2021-02-14T08:53:00+00:00","dateModified":"2025-02-04T17:53:50+00:00","description":"One major trend is a shift toward user-centric design (UCD) concepts and practices. On surface, to refer to creating user-friendly interfaces","breadcrumb":{"@id":"https:\/\/html-online.com\/articles\/user-centric-web-design\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/html-online.com\/articles\/user-centric-web-design\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/html-online.com\/articles\/user-centric-web-design\/#primaryimage","url":"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2021\/04\/masonry.jpg","contentUrl":"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2021\/04\/masonry.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/html-online.com\/articles\/user-centric-web-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/html-online.com\/articles\/"},{"@type":"ListItem","position":2,"name":"6 Unique Ways for Adopting User-Centric Web Design"}]},{"@type":"WebSite","@id":"https:\/\/html-online.com\/articles\/#website","url":"https:\/\/html-online.com\/articles\/","name":"HTML Online Articles","description":"Tips, tricks, tutorials\u2026","publisher":{"@id":"https:\/\/html-online.com\/articles\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/html-online.com\/articles\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/html-online.com\/articles\/#organization","name":"HTML Online","url":"https:\/\/html-online.com\/articles\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/html-online.com\/articles\/#\/schema\/logo\/image\/","url":"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2022\/06\/logo.jpg","contentUrl":"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2022\/06\/logo.jpg","width":350,"height":350,"caption":"HTML Online"},"image":{"@id":"https:\/\/html-online.com\/articles\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/htmlcoding\/","https:\/\/www.linkedin.com\/in\/ferencdenes\/","https:\/\/www.youtube.com\/channel\/UCn38Jw1sJzbjVHO95Zp0Sww"]},{"@type":"Person","@id":"https:\/\/html-online.com\/articles\/#\/schema\/person\/019f9afa07f209153df0fecfc90b8c1d","name":"HTML Editor","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/html-online.com\/articles\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7c1d8f5e7f1dc3e261766a96ac50c6a907fa5c236e87ab73379c57c9114e92cd?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7c1d8f5e7f1dc3e261766a96ac50c6a907fa5c236e87ab73379c57c9114e92cd?s=96&d=mm&r=g","caption":"HTML Editor"},"description":"In 2013, while wrestling with a mountain of client articles and an uncooperative CMS, I decided enough was enough. So, I created an online HTML editor purely out of necessity (and mild frustration). What began as a tool for my own sanity quickly evolved into a gift for the world\u2014or at least for anyone trying to avoid breaking their website's code. Since then, I've shared my tech notes on my blog, which serves as both a handy reference and a digital diary of the adventures and misadventures of a coder.","sameAs":["https:\/\/www.linkedin.com\/in\/ferencdenes\/","https:\/\/www.youtube.com\/@htmlg"]}]}},"_links":{"self":[{"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/posts\/1504","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/comments?post=1504"}],"version-history":[{"count":6,"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/posts\/1504\/revisions"}],"predecessor-version":[{"id":1898,"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/posts\/1504\/revisions\/1898"}],"wp:attachment":[{"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/media?parent=1504"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/categories?post=1504"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/tags?post=1504"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}