{"id":28423,"date":"2018-03-04T12:22:14","date_gmt":"2018-03-04T10:22:14","guid":{"rendered":"https:\/\/mamchenkov.net\/wordpress\/?p=28423"},"modified":"2018-03-04T12:22:14","modified_gmt":"2018-03-04T10:22:14","slug":"a-comprehensive-guide-to-web-design","status":"publish","type":"post","link":"https:\/\/mamchenkov.net\/wordpress\/2018\/03\/04\/a-comprehensive-guide-to-web-design\/","title":{"rendered":"A Comprehensive Guide To Web Design"},"content":{"rendered":"<!-- google_ad_section_start -->\n<p>&#8220;<a href=\"https:\/\/www.smashingmagazine.com\/2017\/11\/comprehensive-guide-web-design\/\">A Comprehensive Guide To Web Design<\/a>&#8221; is a rather lengthy article that focuses on the non-technical bits of the web design.\u00a0 It&#8217;s not about the tools and technologies, but more about the meaning and good practices.\u00a0 The article covers the design of navigation, content, call to action, web forms, accessibility, and other important bits which are frequently forgotten.<\/p>\n<!-- google_ad_section_end -->\n","protected":false},"excerpt":{"rendered":"<!-- google_ad_section_start -->\n<p>&#8220;A Comprehensive Guide To Web Design&#8221; is a rather lengthy article that focuses on the non-technical bits of the web design.\u00a0 It&#8217;s not about the tools and technologies, but more about the meaning and good practices.\u00a0 The article covers the design of navigation, content, call to action, web forms, accessibility, and other important bits which &hellip; <a href=\"https:\/\/mamchenkov.net\/wordpress\/2018\/03\/04\/a-comprehensive-guide-to-web-design\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">A Comprehensive Guide To Web Design<\/span><\/a><\/p>\n<!-- google_ad_section_end -->\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"A Comprehensive Guide To Web Design #WebDesign #WebDev #UI #UX #BestPractices","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},"_links_to":"","_links_to_target":""},"categories":[1,18,62,1334],"tags":[3069,1158,1157,1330],"keyring_services":[],"class_list":["post-28423","post","type-post","status-publish","format-standard","hentry","category-general","category-programming","category-technology","category-web-work","tag-best-practices","tag-user-interfaces","tag-web-design","tag-web-development"],"aioseo_notices":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack-related-posts":[{"id":23194,"url":"https:\/\/mamchenkov.net\/wordpress\/2014\/12\/22\/http-api-design-guide\/","url_meta":{"origin":28423,"position":0},"title":"HTTP API Design Guide","author":"Leonid Mamchenkov","date":"December 22, 2014","format":"link","excerpt":"HTTP API Design Guide This guide describes a set of HTTP+JSON API design practices, originally extracted from work on the Heroku Platform API. This guide informs additions to that API and also guides new internal APIs at Heroku. We hope it\u2019s also of interest to API designers outside of Heroku.\u2026","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":24062,"url":"https:\/\/mamchenkov.net\/wordpress\/2015\/05\/06\/1994-web-design-from-apple-microsoft\/","url_meta":{"origin":28423,"position":1},"title":"1994 web design from Apple, Microsoft","author":"Leonid Mamchenkov","date":"May 6, 2015","format":false,"excerpt":"Jason Kottke links to some examples of the early (circa 1994) web design from both Apple and Microsoft (still online, by the way) Quite\u00a0an evolution we went through! \u00a0Here are some interesting bits to notice: \"If your browser doesn't support images\" on the Microsoft one. Painted grey background, even though\u2026","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"apple-early-homepage","src":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2015\/05\/apple-early-homepage-500x334.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":27922,"url":"https:\/\/mamchenkov.net\/wordpress\/2017\/09\/05\/50-things-you-probably-forgot-to-design\/","url_meta":{"origin":28423,"position":2},"title":"50 Things You [Probably] Forgot To Design","author":"Leonid Mamchenkov","date":"September 5, 2017","format":false,"excerpt":"\"50 Things You [Probably] Forgot To Design\" is a collection of all those tiny (and not so tiny) details that are often left out during the design process for a website, web application, or mobile app. \u00a0It covers a variety of bits from favicons to login forms, splash screens, pagination,\u2026","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":24774,"url":"https:\/\/mamchenkov.net\/wordpress\/2015\/09\/28\/on-responsive-images\/","url_meta":{"origin":28423,"position":3},"title":"On responsive images","author":"Leonid Mamchenkov","date":"September 28, 2015","format":false,"excerpt":"Toptal runs the article \"One Size Fits Some: A Guide to Responsive Web Design Image Solutions\", which discusses one of the trickiest problems of today's web design and development - responsive images. \u00a0They cover several tools and approaches - from HTML5 elements to on-the-fly image resizing and source shuffling. Much\u2026","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"responsive images","src":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2015\/09\/responsive-images-500x500.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":21850,"url":"https:\/\/mamchenkov.net\/wordpress\/2014\/05\/22\/principles-of-mobile-site-design-delight-users-and-drive-conversions\/","url_meta":{"origin":28423,"position":4},"title":"Principles of Mobile Site Design: Delight Users and Drive Conversions","author":"Leonid Mamchenkov","date":"May 22, 2014","format":"link","excerpt":"Principles of Mobile Site Design: Delight Users and Drive Conversions","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":36247,"url":"https:\/\/mamchenkov.net\/wordpress\/2019\/02\/26\/refactoring-guru-design-patterns-php\/","url_meta":{"origin":28423,"position":5},"title":"Refactoring.Guru : Design Patterns + PHP","author":"Leonid Mamchenkov","date":"February 26, 2019","format":false,"excerpt":"Refactoring.Guru is a great resource for learning about refactoring best practices and design patterns. A lot of the website's content is also available as Dive into Design Patterns ebook. Today I came across this GitHub repository, which makes this resource even better specifically for PHP developers. Yup, that's right, the\u2026","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2019\/02\/refactoring.guru_.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2019\/02\/refactoring.guru_.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2019\/02\/refactoring.guru_.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2019\/02\/refactoring.guru_.png?resize=700%2C400&ssl=1 2x"},"classes":[]}],"jetpack_sharing_enabled":true,"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts\/28423","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/comments?post=28423"}],"version-history":[{"count":0,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts\/28423\/revisions"}],"wp:attachment":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/media?parent=28423"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/categories?post=28423"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/tags?post=28423"},{"taxonomy":"keyring_services","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/keyring_services?post=28423"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}