{"id":4632,"date":"2025-04-20T14:59:27","date_gmt":"2025-04-20T21:59:27","guid":{"rendered":"https:\/\/sagedesigngroup.biz\/merch-plus-swag\/?post_type=product&#038;p=4632"},"modified":"2025-04-20T14:59:29","modified_gmt":"2025-04-20T21:59:29","slug":"code-canvas-web-design-fundamentals-for-the-modern-web-by-annette-c-sage","status":"publish","type":"product","link":"https:\/\/sagedesigngroup.biz\/merch-plus-swag\/product\/code-canvas-web-design-fundamentals-for-the-modern-web-by-annette-c-sage\/","title":{"rendered":"Code + Canvas: Web Design Fundamentals for the Modern Web by Annette C. Sage"},"content":{"rendered":"","protected":false},"excerpt":{"rendered":"<p>COMING SOON! Build digital experiences with intention in <em data-start=\"370\" data-end=\"429\">Code + Canvas: Web Design Fundamentals for the Modern Web <\/em>by Annette C. Sage. This guide explores the foundational principles of effective web design\u2014balancing aesthetics, usability, and responsive structure. Learn how to design intuitive layouts, use grids and typography on screen, and craft seamless user experiences. Whether you&#8217;re designing your first site or refining your digital skillset, this book bridges visual design and front-end thinking for today\u2019s creators.<\/p>\n","protected":false},"featured_media":4636,"comment_status":"open","ping_status":"closed","template":"","meta":{"_regular_price":["49.99"],"currency_symbol":[]},"product_brand":[],"product_cat":[729,21,23,16,17],"product_tag":[],"class_list":["post-4632","product","type-product","status-publish","has-post-thumbnail","product_cat-books-media","product_cat-computer-and-laptop-accessories","product_cat-electronics-and-gadgets","product_cat-merch-plus-swag","product_cat-office-supplies","first","onbackorder","downloadable","virtual","taxable","purchasable","product-type-simple"],"post_slider_layout_featured_media_urls":{"thumbnail":["https:\/\/sagedesigngroup.biz\/merch-plus-swag\/wp-content\/uploads\/2025\/04\/cover-4-150x150.jpg",150,150,true],"post_slider_layout_landscape_large":["https:\/\/sagedesigngroup.biz\/merch-plus-swag\/wp-content\/uploads\/2025\/04\/cover-4-1200x800.jpg",1200,800,true],"post_slider_layout_portrait_large":["https:\/\/sagedesigngroup.biz\/merch-plus-swag\/wp-content\/uploads\/2025\/04\/cover-4.jpg",1200,1200,false],"post_slider_layout_square_large":["https:\/\/sagedesigngroup.biz\/merch-plus-swag\/wp-content\/uploads\/2025\/04\/cover-4.jpg",1200,1200,false],"post_slider_layout_landscape":["https:\/\/sagedesigngroup.biz\/merch-plus-swag\/wp-content\/uploads\/2025\/04\/cover-4-600x400.jpg",600,400,true],"post_slider_layout_portrait":["https:\/\/sagedesigngroup.biz\/merch-plus-swag\/wp-content\/uploads\/2025\/04\/cover-4-600x900.jpg",600,900,true],"post_slider_layout_square":["https:\/\/sagedesigngroup.biz\/merch-plus-swag\/wp-content\/uploads\/2025\/04\/cover-4-600x600.jpg",600,600,true],"full":["https:\/\/sagedesigngroup.biz\/merch-plus-swag\/wp-content\/uploads\/2025\/04\/cover-4.jpg",1200,1200,false]},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Code + Canvas: Web Design Fundamentals for the Modern Web by Annette C. Sage - MERCH + SWAG&trade;<\/title>\n<meta name=\"description\" content=\"Build digital experiences with intention in Code + Canvas: Web Design Fundamentals for the Modern Web by Annette C. Sage. This guide explores the foundational principles of effective web design\u2014balancing aesthetics, usability, and responsive structure. Learn how to design intuitive layouts, use grids and typography on screen, and craft seamless user experiences.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/sagedesigngroup.biz\/merch-plus-swag\/product\/code-canvas-web-design-fundamentals-for-the-modern-web-by-annette-c-sage\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Code + Canvas: Web Design Fundamentals for the Modern Web by Annette C. Sage - MERCH + SWAG\u2122\" \/>\n<meta property=\"og:description\" content=\"Build digital experiences with intention in Code + Canvas: Web Design Fundamentals for the Modern Web by Annette C. Sage. This guide explores the foundational principles of effective web design\u2014balancing aesthetics, usability, and responsive structure. Learn how to design intuitive layouts, use grids and typography on screen, and craft seamless user experiences.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sagedesigngroup.biz\/merch-plus-swag\/product\/code-canvas-web-design-fundamentals-for-the-modern-web-by-annette-c-sage\/\" \/>\n<meta property=\"og:site_name\" content=\"MERCH + SWAG&trade;\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/100091303642088\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-20T21:59:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/sagedesigngroup.biz\/merch-plus-swag\/wp-content\/uploads\/2025\/04\/cover-4.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"1200\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Code + Canvas: Web Design Fundamentals for the Modern Web by Annette C. Sage - MERCH + SWAG\u2122\" \/>\n<meta name=\"twitter:description\" content=\"Build digital experiences with intention in Code + Canvas: Web Design Fundamentals for the Modern Web by Annette C. Sage. This guide explores the foundational principles of effective web design\u2014balancing aesthetics, usability, and responsive structure. Learn how to design intuitive layouts, use grids and typography on screen, and craft seamless user experiences.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/sagedesigngroup.biz\/merch-plus-swag\/wp-content\/uploads\/2025\/04\/cover-4.jpg\" \/>\n<meta name=\"twitter:site\" content=\"@merch_plus_swag\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/sagedesigngroup.biz\\\/merch-plus-swag\\\/product\\\/code-canvas-web-design-fundamentals-for-the-modern-web-by-annette-c-sage\\\/\",\"url\":\"https:\\\/\\\/sagedesigngroup.biz\\\/merch-plus-swag\\\/product\\\/code-canvas-web-design-fundamentals-for-the-modern-web-by-annette-c-sage\\\/\",\"name\":\"Code + Canvas: Web Design Fundamentals for the Modern Web by Annette C. Sage - MERCH + SWAG&trade;\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/sagedesigngroup.biz\\\/merch-plus-swag\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/sagedesigngroup.biz\\\/merch-plus-swag\\\/product\\\/code-canvas-web-design-fundamentals-for-the-modern-web-by-annette-c-sage\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/sagedesigngroup.biz\\\/merch-plus-swag\\\/product\\\/code-canvas-web-design-fundamentals-for-the-modern-web-by-annette-c-sage\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/sagedesigngroup.biz\\\/merch-plus-swag\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/cover-4.jpg\",\"datePublished\":\"2025-04-20T21:59:27+00:00\",\"dateModified\":\"2025-04-20T21:59:29+00:00\",\"description\":\"Build digital experiences with intention in Code + Canvas: Web Design Fundamentals for the Modern Web by Annette C. Sage. This guide explores the foundational principles of effective web design\u2014balancing aesthetics, usability, and responsive structure. Learn how to design intuitive layouts, use grids and typography on screen, and craft seamless user experiences.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/sagedesigngroup.biz\\\/merch-plus-swag\\\/product\\\/code-canvas-web-design-fundamentals-for-the-modern-web-by-annette-c-sage\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/sagedesigngroup.biz\\\/merch-plus-swag\\\/product\\\/code-canvas-web-design-fundamentals-for-the-modern-web-by-annette-c-sage\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/sagedesigngroup.biz\\\/merch-plus-swag\\\/product\\\/code-canvas-web-design-fundamentals-for-the-modern-web-by-annette-c-sage\\\/#primaryimage\",\"url\":\"https:\\\/\\\/sagedesigngroup.biz\\\/merch-plus-swag\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/cover-4.jpg\",\"contentUrl\":\"https:\\\/\\\/sagedesigngroup.biz\\\/merch-plus-swag\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/cover-4.jpg\",\"width\":1200,\"height\":1200,\"caption\":\"Code + Canvas: Web Design Fundamentals for the Modern Web by Annette C. Sage - MERCH + SWAG\u2122\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/sagedesigngroup.biz\\\/merch-plus-swag\\\/product\\\/code-canvas-web-design-fundamentals-for-the-modern-web-by-annette-c-sage\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"MERCH + SWAG\u2122\",\"item\":\"https:\\\/\\\/sagedesigngroup.biz\\\/merch-plus-swag\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"MERCH + SWAG\u2122\",\"item\":\"https:\\\/\\\/sagedesigngroup.biz\\\/merch-plus-swag\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Code + Canvas: Web Design Fundamentals for the Modern Web by Annette C. Sage\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/sagedesigngroup.biz\\\/merch-plus-swag\\\/#website\",\"url\":\"https:\\\/\\\/sagedesigngroup.biz\\\/merch-plus-swag\\\/\",\"name\":\"MERCH + SWAG&trade;\",\"description\":\"Empowering brands with eclectic merchandise + corporate swag.\u2122\",\"publisher\":{\"@id\":\"https:\\\/\\\/sagedesigngroup.biz\\\/merch-plus-swag\\\/#organization\"},\"alternateName\":\"MERCH + SWAG\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/sagedesigngroup.biz\\\/merch-plus-swag\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/sagedesigngroup.biz\\\/merch-plus-swag\\\/#organization\",\"name\":\"MERCH + SWAG\u2122\",\"alternateName\":\"Sage Design Group\",\"url\":\"https:\\\/\\\/sagedesigngroup.biz\\\/merch-plus-swag\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/sagedesigngroup.biz\\\/merch-plus-swag\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/sagedesigngroup.biz\\\/merch-plus-swag\\\/wp-content\\\/uploads\\\/2023\\\/08\\\/merch-plus-swag-1.png\",\"contentUrl\":\"https:\\\/\\\/sagedesigngroup.biz\\\/merch-plus-swag\\\/wp-content\\\/uploads\\\/2023\\\/08\\\/merch-plus-swag-1.png\",\"width\":600,\"height\":600,\"caption\":\"MERCH + SWAG\u2122\"},\"image\":{\"@id\":\"https:\\\/\\\/sagedesigngroup.biz\\\/merch-plus-swag\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/100091303642088\",\"https:\\\/\\\/x.com\\\/merch_plus_swag\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/merch-plus-swag\\\/\",\"https:\\\/\\\/www.pinterest.com\\\/merch_plus_swag\\\/\",\"https:\\\/\\\/medium.com\\\/@SageDesignGroup\\\/merch-swag-82e1f86509e6\",\"https:\\\/\\\/www.tiktok.com\\\/@merch_plus_swag\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Code + Canvas: Web Design Fundamentals for the Modern Web by Annette C. Sage - MERCH + SWAG&trade;","description":"Build digital experiences with intention in Code + Canvas: Web Design Fundamentals for the Modern Web by Annette C. Sage. This guide explores the foundational principles of effective web design\u2014balancing aesthetics, usability, and responsive structure. Learn how to design intuitive layouts, use grids and typography on screen, and craft seamless user experiences.","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:\/\/sagedesigngroup.biz\/merch-plus-swag\/product\/code-canvas-web-design-fundamentals-for-the-modern-web-by-annette-c-sage\/","og_locale":"en_US","og_type":"article","og_title":"Code + Canvas: Web Design Fundamentals for the Modern Web by Annette C. Sage - MERCH + SWAG\u2122","og_description":"Build digital experiences with intention in Code + Canvas: Web Design Fundamentals for the Modern Web by Annette C. Sage. This guide explores the foundational principles of effective web design\u2014balancing aesthetics, usability, and responsive structure. Learn how to design intuitive layouts, use grids and typography on screen, and craft seamless user experiences.","og_url":"https:\/\/sagedesigngroup.biz\/merch-plus-swag\/product\/code-canvas-web-design-fundamentals-for-the-modern-web-by-annette-c-sage\/","og_site_name":"MERCH + SWAG&trade;","article_publisher":"https:\/\/www.facebook.com\/100091303642088","article_modified_time":"2025-04-20T21:59:29+00:00","og_image":[{"width":1200,"height":1200,"url":"https:\/\/sagedesigngroup.biz\/merch-plus-swag\/wp-content\/uploads\/2025\/04\/cover-4.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_title":"Code + Canvas: Web Design Fundamentals for the Modern Web by Annette C. Sage - MERCH + SWAG\u2122","twitter_description":"Build digital experiences with intention in Code + Canvas: Web Design Fundamentals for the Modern Web by Annette C. Sage. This guide explores the foundational principles of effective web design\u2014balancing aesthetics, usability, and responsive structure. Learn how to design intuitive layouts, use grids and typography on screen, and craft seamless user experiences.","twitter_image":"https:\/\/sagedesigngroup.biz\/merch-plus-swag\/wp-content\/uploads\/2025\/04\/cover-4.jpg","twitter_site":"@merch_plus_swag","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/sagedesigngroup.biz\/merch-plus-swag\/product\/code-canvas-web-design-fundamentals-for-the-modern-web-by-annette-c-sage\/","url":"https:\/\/sagedesigngroup.biz\/merch-plus-swag\/product\/code-canvas-web-design-fundamentals-for-the-modern-web-by-annette-c-sage\/","name":"Code + Canvas: Web Design Fundamentals for the Modern Web by Annette C. Sage - MERCH + SWAG&trade;","isPartOf":{"@id":"https:\/\/sagedesigngroup.biz\/merch-plus-swag\/#website"},"primaryImageOfPage":{"@id":"https:\/\/sagedesigngroup.biz\/merch-plus-swag\/product\/code-canvas-web-design-fundamentals-for-the-modern-web-by-annette-c-sage\/#primaryimage"},"image":{"@id":"https:\/\/sagedesigngroup.biz\/merch-plus-swag\/product\/code-canvas-web-design-fundamentals-for-the-modern-web-by-annette-c-sage\/#primaryimage"},"thumbnailUrl":"https:\/\/sagedesigngroup.biz\/merch-plus-swag\/wp-content\/uploads\/2025\/04\/cover-4.jpg","datePublished":"2025-04-20T21:59:27+00:00","dateModified":"2025-04-20T21:59:29+00:00","description":"Build digital experiences with intention in Code + Canvas: Web Design Fundamentals for the Modern Web by Annette C. Sage. This guide explores the foundational principles of effective web design\u2014balancing aesthetics, usability, and responsive structure. Learn how to design intuitive layouts, use grids and typography on screen, and craft seamless user experiences.","breadcrumb":{"@id":"https:\/\/sagedesigngroup.biz\/merch-plus-swag\/product\/code-canvas-web-design-fundamentals-for-the-modern-web-by-annette-c-sage\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sagedesigngroup.biz\/merch-plus-swag\/product\/code-canvas-web-design-fundamentals-for-the-modern-web-by-annette-c-sage\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sagedesigngroup.biz\/merch-plus-swag\/product\/code-canvas-web-design-fundamentals-for-the-modern-web-by-annette-c-sage\/#primaryimage","url":"https:\/\/sagedesigngroup.biz\/merch-plus-swag\/wp-content\/uploads\/2025\/04\/cover-4.jpg","contentUrl":"https:\/\/sagedesigngroup.biz\/merch-plus-swag\/wp-content\/uploads\/2025\/04\/cover-4.jpg","width":1200,"height":1200,"caption":"Code + Canvas: Web Design Fundamentals for the Modern Web by Annette C. Sage - MERCH + SWAG\u2122"},{"@type":"BreadcrumbList","@id":"https:\/\/sagedesigngroup.biz\/merch-plus-swag\/product\/code-canvas-web-design-fundamentals-for-the-modern-web-by-annette-c-sage\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"MERCH + SWAG\u2122","item":"https:\/\/sagedesigngroup.biz\/merch-plus-swag\/"},{"@type":"ListItem","position":2,"name":"MERCH + SWAG\u2122","item":"https:\/\/sagedesigngroup.biz\/merch-plus-swag\/"},{"@type":"ListItem","position":3,"name":"Code + Canvas: Web Design Fundamentals for the Modern Web by Annette C. Sage"}]},{"@type":"WebSite","@id":"https:\/\/sagedesigngroup.biz\/merch-plus-swag\/#website","url":"https:\/\/sagedesigngroup.biz\/merch-plus-swag\/","name":"MERCH + SWAG&trade;","description":"Empowering brands with eclectic merchandise + corporate swag.\u2122","publisher":{"@id":"https:\/\/sagedesigngroup.biz\/merch-plus-swag\/#organization"},"alternateName":"MERCH + SWAG","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/sagedesigngroup.biz\/merch-plus-swag\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/sagedesigngroup.biz\/merch-plus-swag\/#organization","name":"MERCH + SWAG\u2122","alternateName":"Sage Design Group","url":"https:\/\/sagedesigngroup.biz\/merch-plus-swag\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sagedesigngroup.biz\/merch-plus-swag\/#\/schema\/logo\/image\/","url":"https:\/\/sagedesigngroup.biz\/merch-plus-swag\/wp-content\/uploads\/2023\/08\/merch-plus-swag-1.png","contentUrl":"https:\/\/sagedesigngroup.biz\/merch-plus-swag\/wp-content\/uploads\/2023\/08\/merch-plus-swag-1.png","width":600,"height":600,"caption":"MERCH + SWAG\u2122"},"image":{"@id":"https:\/\/sagedesigngroup.biz\/merch-plus-swag\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/100091303642088","https:\/\/x.com\/merch_plus_swag","https:\/\/www.linkedin.com\/company\/merch-plus-swag\/","https:\/\/www.pinterest.com\/merch_plus_swag\/","https:\/\/medium.com\/@SageDesignGroup\/merch-swag-82e1f86509e6","https:\/\/www.tiktok.com\/@merch_plus_swag"]}]}},"_links":{"self":[{"href":"https:\/\/sagedesigngroup.biz\/merch-plus-swag\/wp-json\/wp\/v2\/product\/4632","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sagedesigngroup.biz\/merch-plus-swag\/wp-json\/wp\/v2\/product"}],"about":[{"href":"https:\/\/sagedesigngroup.biz\/merch-plus-swag\/wp-json\/wp\/v2\/types\/product"}],"replies":[{"embeddable":true,"href":"https:\/\/sagedesigngroup.biz\/merch-plus-swag\/wp-json\/wp\/v2\/comments?post=4632"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sagedesigngroup.biz\/merch-plus-swag\/wp-json\/wp\/v2\/media\/4636"}],"wp:attachment":[{"href":"https:\/\/sagedesigngroup.biz\/merch-plus-swag\/wp-json\/wp\/v2\/media?parent=4632"}],"wp:term":[{"taxonomy":"product_brand","embeddable":true,"href":"https:\/\/sagedesigngroup.biz\/merch-plus-swag\/wp-json\/wp\/v2\/product_brand?post=4632"},{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/sagedesigngroup.biz\/merch-plus-swag\/wp-json\/wp\/v2\/product_cat?post=4632"},{"taxonomy":"product_tag","embeddable":true,"href":"https:\/\/sagedesigngroup.biz\/merch-plus-swag\/wp-json\/wp\/v2\/product_tag?post=4632"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}