{"id":1454,"date":"2019-02-10T01:54:49","date_gmt":"2019-02-10T06:54:49","guid":{"rendered":"https:\/\/kljcharters.com\/blog\/?p=1454"},"modified":"2019-02-10T12:36:25","modified_gmt":"2019-02-10T17:36:25","slug":"responsive-design","status":"publish","type":"post","link":"https:\/\/kljcharters.com\/blog\/responsive-design\/","title":{"rendered":"Responsive design"},"content":{"rendered":"\n

After much procrastination, the main site, https:\/\/www.kljcharters.com<\/a>, was updated with a responsive design. Sorta. There are thousands (!) of pages that are not responsive, but the key entry pages have been revamped.<\/p>\n\n\n\n

What is responsive design? The simplest explanation is: it works if viewed on a desktop machine, a laptop, a tablet, or a smartphone. The pages are fluid, and readjust the contents to fit the size of the screen. Non-responsive designs (most web sites) have a fixed width, usually wider than a smartphone can display, or even some tablets, forcing the user to scroll horizontally.<\/p>\n\n\n\n

There are many sins you can commit in creating a website, but forcing the user to scroll horizontally is usually fatal. Computers, tablets, and smartphones are designed for vertical scrolling. A word processor, for example, is essentially a typewriter with an endlessly long sheet of paper. Type away, and when you’ve added more than will fit on the screen, the screen scrolls – vertically. Software controls, mice, touch interfaces, etc., are all designed to easily handle a vertical scroll.<\/p>\n\n\n\n

But a horizontal scroll incites anger and uncertainty. If the website visitor doesn’t simply give up immediately (the most common response), they are brutalized by trying to read content that requires scrolling back and forth. They can’t read an entire line in a paragraph, but must scroll from side to side, hoping that they don’t lose track of the narrative and praying that astigmatism doesn’t make things worse.<\/p>\n\n\n\n

Accordingly, our site was (finally) updated with a responsive design. This is a “progressive” update, meaning that the many non-responsive pages will be updated as time allows. But at least the entry pages are easier to read.<\/p>\n\n\n\n

Some pages on the site, by the way, date back to the previous century, before anyone even thought of tablets and smartphones. This is both something of an excuse (“It’s not my fault!”) as well as an explanation of why this will take some time to complete.<\/p>\n","protected":false},"excerpt":{"rendered":"

After much procrastination, the main site, https:\/\/www.kljcharters.com, was updated with a responsive design. Sorta. There are thousands (!) of pages that are not responsive, but the key entry pages have been revamped. What is responsive design? The simplest explanation is: Continue reading Responsive design<\/span>→<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_crdt_document":"","ngg_post_thumbnail":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[354,4,358,21,60,116],"tags":[925,923,926,924],"class_list":["post-1454","post","type-post","status-publish","format-standard","hentry","category-computing","category-digital-life","category-iphone","category-lorem-ipsum","category-science","category-technology","tag-responsive-design","tag-web","tag-web-standards","tag-world-wide-web"],"yoast_head":"\nResponsive design - Kathleen Charters and Lawrence Charters<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kljcharters.com\/blog\/responsive-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Responsive design - Kathleen Charters and Lawrence Charters\" \/>\n<meta property=\"og:description\" content=\"After much procrastination, the main site, https:\/\/www.kljcharters.com, was updated with a responsive design. Sorta. There are thousands (!) of pages that are not responsive, but the key entry pages have been revamped. What is responsive design? The simplest explanation is: Continue reading Responsive design→\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kljcharters.com\/blog\/responsive-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Kathleen Charters and Lawrence Charters\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/lawrence.charters\" \/>\n<meta property=\"article:published_time\" content=\"2019-02-10T06:54:49+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-02-10T17:36:25+00:00\" \/>\n<meta name=\"author\" content=\"lcharters@gmail.com\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@lcharters\" \/>\n<meta name=\"twitter:site\" content=\"@lcharters\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"lcharters@gmail.com\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/kljcharters.com\\\/blog\\\/responsive-design\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/kljcharters.com\\\/blog\\\/responsive-design\\\/\"},\"author\":{\"name\":\"lcharters@gmail.com\",\"@id\":\"https:\\\/\\\/kljcharters.com\\\/blog\\\/#\\\/schema\\\/person\\\/dcab6b24d2bea38181db89746e7143f7\"},\"headline\":\"Responsive design\",\"datePublished\":\"2019-02-10T06:54:49+00:00\",\"dateModified\":\"2019-02-10T17:36:25+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/kljcharters.com\\\/blog\\\/responsive-design\\\/\"},\"wordCount\":337,\"commentCount\":0,\"keywords\":[\"responsive design\",\"web\",\"web standards\",\"world wide web\"],\"articleSection\":[\"computing\",\"digital life\",\"iPhone\",\"lorem ipsum\",\"science\",\"technology\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/kljcharters.com\\\/blog\\\/responsive-design\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/kljcharters.com\\\/blog\\\/responsive-design\\\/\",\"url\":\"https:\\\/\\\/kljcharters.com\\\/blog\\\/responsive-design\\\/\",\"name\":\"Responsive design - Kathleen Charters and Lawrence Charters\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/kljcharters.com\\\/blog\\\/#website\"},\"datePublished\":\"2019-02-10T06:54:49+00:00\",\"dateModified\":\"2019-02-10T17:36:25+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/kljcharters.com\\\/blog\\\/#\\\/schema\\\/person\\\/dcab6b24d2bea38181db89746e7143f7\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/kljcharters.com\\\/blog\\\/responsive-design\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/kljcharters.com\\\/blog\\\/responsive-design\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/kljcharters.com\\\/blog\\\/responsive-design\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/kljcharters.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Responsive design\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/kljcharters.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/kljcharters.com\\\/blog\\\/\",\"name\":\"Kathleen Charters and Lawrence Charters\",\"description\":\"Explorations large and small\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/kljcharters.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/kljcharters.com\\\/blog\\\/#\\\/schema\\\/person\\\/dcab6b24d2bea38181db89746e7143f7\",\"name\":\"lcharters@gmail.com\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/479185734246a3492a3cba02efaaa495bf4d937060200b50b8ec925c57aa1c60?s=96&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/479185734246a3492a3cba02efaaa495bf4d937060200b50b8ec925c57aa1c60?s=96&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/479185734246a3492a3cba02efaaa495bf4d937060200b50b8ec925c57aa1c60?s=96&r=g\",\"caption\":\"lcharters@gmail.com\"},\"description\":\"I started life as a child.\",\"sameAs\":[\"http:\\\/\\\/www.kljcharters.com\"],\"url\":\"https:\\\/\\\/kljcharters.com\\\/blog\\\/author\\\/lchartersmac-com\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Responsive design - Kathleen Charters and Lawrence Charters","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:\/\/kljcharters.com\/blog\/responsive-design\/","og_locale":"en_US","og_type":"article","og_title":"Responsive design - Kathleen Charters and Lawrence Charters","og_description":"After much procrastination, the main site, https:\/\/www.kljcharters.com, was updated with a responsive design. Sorta. There are thousands (!) of pages that are not responsive, but the key entry pages have been revamped. What is responsive design? The simplest explanation is: Continue reading Responsive design→","og_url":"https:\/\/kljcharters.com\/blog\/responsive-design\/","og_site_name":"Kathleen Charters and Lawrence Charters","article_publisher":"https:\/\/www.facebook.com\/lawrence.charters","article_published_time":"2019-02-10T06:54:49+00:00","article_modified_time":"2019-02-10T17:36:25+00:00","author":"lcharters@gmail.com","twitter_card":"summary_large_image","twitter_creator":"@lcharters","twitter_site":"@lcharters","twitter_misc":{"Written by":"lcharters@gmail.com","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kljcharters.com\/blog\/responsive-design\/#article","isPartOf":{"@id":"https:\/\/kljcharters.com\/blog\/responsive-design\/"},"author":{"name":"lcharters@gmail.com","@id":"https:\/\/kljcharters.com\/blog\/#\/schema\/person\/dcab6b24d2bea38181db89746e7143f7"},"headline":"Responsive design","datePublished":"2019-02-10T06:54:49+00:00","dateModified":"2019-02-10T17:36:25+00:00","mainEntityOfPage":{"@id":"https:\/\/kljcharters.com\/blog\/responsive-design\/"},"wordCount":337,"commentCount":0,"keywords":["responsive design","web","web standards","world wide web"],"articleSection":["computing","digital life","iPhone","lorem ipsum","science","technology"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kljcharters.com\/blog\/responsive-design\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kljcharters.com\/blog\/responsive-design\/","url":"https:\/\/kljcharters.com\/blog\/responsive-design\/","name":"Responsive design - Kathleen Charters and Lawrence Charters","isPartOf":{"@id":"https:\/\/kljcharters.com\/blog\/#website"},"datePublished":"2019-02-10T06:54:49+00:00","dateModified":"2019-02-10T17:36:25+00:00","author":{"@id":"https:\/\/kljcharters.com\/blog\/#\/schema\/person\/dcab6b24d2bea38181db89746e7143f7"},"breadcrumb":{"@id":"https:\/\/kljcharters.com\/blog\/responsive-design\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kljcharters.com\/blog\/responsive-design\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/kljcharters.com\/blog\/responsive-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kljcharters.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Responsive design"}]},{"@type":"WebSite","@id":"https:\/\/kljcharters.com\/blog\/#website","url":"https:\/\/kljcharters.com\/blog\/","name":"Kathleen Charters and Lawrence Charters","description":"Explorations large and small","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kljcharters.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/kljcharters.com\/blog\/#\/schema\/person\/dcab6b24d2bea38181db89746e7143f7","name":"lcharters@gmail.com","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/479185734246a3492a3cba02efaaa495bf4d937060200b50b8ec925c57aa1c60?s=96&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/479185734246a3492a3cba02efaaa495bf4d937060200b50b8ec925c57aa1c60?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/479185734246a3492a3cba02efaaa495bf4d937060200b50b8ec925c57aa1c60?s=96&r=g","caption":"lcharters@gmail.com"},"description":"I started life as a child.","sameAs":["http:\/\/www.kljcharters.com"],"url":"https:\/\/kljcharters.com\/blog\/author\/lchartersmac-com\/"}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p4BWbR-ns","jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/kljcharters.com\/blog\/wp-json\/wp\/v2\/posts\/1454","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kljcharters.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kljcharters.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kljcharters.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kljcharters.com\/blog\/wp-json\/wp\/v2\/comments?post=1454"}],"version-history":[{"count":2,"href":"https:\/\/kljcharters.com\/blog\/wp-json\/wp\/v2\/posts\/1454\/revisions"}],"predecessor-version":[{"id":1457,"href":"https:\/\/kljcharters.com\/blog\/wp-json\/wp\/v2\/posts\/1454\/revisions\/1457"}],"wp:attachment":[{"href":"https:\/\/kljcharters.com\/blog\/wp-json\/wp\/v2\/media?parent=1454"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kljcharters.com\/blog\/wp-json\/wp\/v2\/categories?post=1454"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kljcharters.com\/blog\/wp-json\/wp\/v2\/tags?post=1454"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}