CINXE.COM
Front End Development | Ecommerce tips & how tos - Shopify Nigeria
<!DOCTYPE html><html lang="en-NG"><head><title>Front End Development | Ecommerce tips & how tos - Shopify Nigeria</title><meta charSet="utf-8"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="description" content="Read posts about Front End Development on Ecommerce Marketing Blog - Ecommerce News, Online Store Tips & More. Interact with a community of savvy online store owners."/><meta property="fb:pages" content="20409006880"/><meta property="fb:app_id" content="847460188612391"/><meta property="og:type" content="website"/><meta property="og:site_name" content="Shopify"/><meta property="og:title" content="Front End Development | Ecommerce tips & how tos - Shopify Nigeria"/><meta property="og:description" content="Read posts about Front End Development on Ecommerce Marketing Blog - Ecommerce News, Online Store Tips & More. Interact with a community of savvy online store owners."/><meta property="og:image" content="https://cdn.shopify.com/shopifycloud/brochure/assets/shared/social-image-default-large-57a90e6a8ae96f7277e9664ebfede1f143995ce7663119c832f9a7d4dd51f7e1.png"/><meta property="twitter:image" content="https://cdn.shopify.com/shopifycloud/brochure/assets/shared/social-image-default-large-57a90e6a8ae96f7277e9664ebfede1f143995ce7663119c832f9a7d4dd51f7e1.png"/><meta property="og:url" content="https://www.shopify.com/ng/partners/blog/topics/front-end-development"/><meta property="twitter:card" content="summary_large_image"/><meta property="twitter:site" content="Shopify"/><meta property="twitter:account_id" content="17136315"/><meta property="twitter:title" content="Front End Development | Ecommerce tips & how tos - Shopify Nigeria"/><meta property="twitter:description" content="Read posts about Front End Development on Ecommerce Marketing Blog - Ecommerce News, Online Store Tips & More. Interact with a community of savvy online store owners."/><link rel="stylesheet" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/brochureV2-DmJw6cMZ.css"/><link rel="preload" as="font" crossorigin="anonymous" type="font/woff2" href="https://cdn.shopify.com/b/shopify-brochure2-assets/89441db4e03b73a31fb00b825b481bf3.woff2"/><link rel="stylesheet" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/blog-ColSXRTs.css"/><link rel="icon" href="https://cdn.shopify.com/shopifycloud/web/assets/v1/favicon-default-6cbad9de243dbae3.ico" type="image/x-icon"/><link rel="apple-touch-icon" href="https://cdn.shopify.com/b/shopify-brochure2-assets/c97c60ca19c64a8b5378d9f9e971f7bd.png"/><link rel="apple-touch-icon" sizes="120x120" href="https://cdn.shopify.com/b/shopify-brochure2-assets/c97c60ca19c64a8b5378d9f9e971f7bd.png"/><link rel="apple-touch-icon" sizes="114x114" href="https://cdn.shopify.com/b/shopify-brochure2-assets/b13486e5693b246af63c66ab047a6b6b.png"/><link rel="apple-touch-icon" sizes="72x72" href="https://cdn.shopify.com/b/shopify-brochure2-assets/8734d76c98437c8ae8a628bbeed3750a.png"/><link rel="apple-touch-icon" sizes="57x57" href="https://cdn.shopify.com/b/shopify-brochure2-assets/193f18e4855704ef1716dc0cd750c1ee.png"/><link rel="canonical" href="https://www.shopify.com/ng/partners/blog/topics/front-end-development"/><link href="https://cdn.shopify.com" rel="preconnect"/><link href="https://gtm.shopify.com" rel="preconnect"/><link href="https://www.googletagmanager.com" rel="preconnect"/><link href="https://www.shopify.com/au/partners/blog/topics/front-end-development" hrefLang="en-AU" rel="alternate"/><link href="https://www.shopify.com/ca/partners/blog/topics/front-end-development" hrefLang="en-CA" rel="alternate"/><link href="https://www.shopify.com/hk-en/partners/blog/topics/front-end-development" hrefLang="en-HK" rel="alternate"/><link href="https://www.shopify.com/in/partners/blog/topics/front-end-development" hrefLang="en-IN" rel="alternate"/><link href="https://www.shopify.com/id/partners/blog/topics/front-end-development" hrefLang="en-ID" rel="alternate"/><link href="https://www.shopify.com/ie/partners/blog/topics/front-end-development" hrefLang="en-IE" rel="alternate"/><link href="https://www.shopify.com/my/partners/blog/topics/front-end-development" hrefLang="en-MY" rel="alternate"/><link href="https://www.shopify.com/nz/partners/blog/topics/front-end-development" hrefLang="en-NZ" rel="alternate"/><link href="https://www.shopify.com/ng/partners/blog/topics/front-end-development" hrefLang="en-NG" rel="alternate"/><link href="https://www.shopify.com/ph/partners/blog/topics/front-end-development" hrefLang="en-PH" rel="alternate"/><link href="https://www.shopify.com/sg/partners/blog/topics/front-end-development" hrefLang="en-SG" rel="alternate"/><link href="https://www.shopify.com/za/partners/blog/topics/front-end-development" hrefLang="en-ZA" rel="alternate"/><link href="https://www.shopify.com/uk/partners/blog/topics/front-end-development" hrefLang="en-GB" rel="alternate"/><link href="https://www.shopify.com/partners/blog/topics/front-end-development" hrefLang="en" rel="alternate"/></head><body class="overscroll-y-none"><div class="absolute top-2 left-2 z-[100] pointer-events-none"><a href="#main" class="inline-block self-center overflow-hidden max-w-full px-button-px py-button-py ring-inset rounded-button text-button-size font-button-font font-button-weight tracking-button-tracking focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-state-focus focus-visible:outline border-2 text-button-dark-primary-text bg-button-dark-primary-bg border-button-dark-primary-border ring-button-dark-primary-border hover:text-button-dark-primary-text-hover hover:bg-button-dark-primary-bg-hover hover:border-button-dark-primary-border-hover hover:ring-button-dark-primary-border-hover focus:text-button-dark-primary-text-focus focus:bg-button-dark-primary-bg-focus focus:border-button-dark-primary-border-focus focus:ring-button-dark-primary-border-focus active:text-button-dark-primary-text-active active:bg-button-dark-primary-bg-active active:border-button-dark-primary-border-active active:ring-button-dark-primary-border-active disabled:text-button-dark-primary-text-disabled disabled:bg-button-dark-primary-bg-disabled disabled:border-button-dark-primary-border-disabled disabled:ring-button-dark-primary-border-disabled transition-transform duration-300 translate-y-[-200%] motion-reduce:transition-none focus:translate-y-0" data-component-name="button" data-mode="dark" target="">Skip to Content</a></div><div class="relative"><header class="font-shopifysans absolute h-full w-full pointer-events-none z-50" data-component-name="global-nav" data-viewable-component="true" data-has-secondary-navigation="true"><div class="after:absolute after:top-0 after:left-0 after:will-change-[opacity] after:pointer-events-none after:h-full after:w-full after:z-10 after:transition-opacity after:duration-200 w-full z-50 after:bg-white text-black after:opacity-100 -top-global-header pointer-events-auto sticky"><div class="h-global-header px-margin xl:px-auto-xl flex items-center z-20 relative"><div class="w-[150px] sm:w-[217px] mt-0 sm:mr-12 shrink-0"><a href="/ng/partners" data-component-name="partners-logo" aria-label="Shopify partners logo"><svg viewBox="0 0 200 32" fill="none" xmlns="http://www.w3.org/2000/svg" class="max-w-full"><path d="M117.923 31.189H116.694L119.399 17.2375C119.699 15.6754 119.918 14.221 120.109 12.9282H121.284L120.847 15.7023H120.902C122.158 13.79 123.989 12.6319 125.929 12.6319C128.77 12.6319 129.863 14.9482 129.863 17.1567C129.863 21.7354 126.366 26.1524 122.131 26.1524C120.519 26.1524 119.59 25.8292 119.044 25.533H118.989L117.923 31.189ZM120.027 20.2271L119.262 24.321C119.918 24.8327 120.956 25.102 122.213 25.102C125.656 25.102 128.579 21.1428 128.579 17.2375C128.579 15.6754 127.869 13.6823 125.546 13.6823C123.579 13.6823 120.847 15.9178 120.027 20.2271ZM141.148 25.8562H139.945C139.918 25.0482 140.082 23.6207 140.328 22.0047H140.273C138.716 25.0482 136.803 26.1524 134.754 26.1524C132.432 26.1524 131.093 24.321 131.093 22.0316C131.093 17.426 134.727 12.6319 139.973 12.6319C141.066 12.6319 142.24 12.7935 143.033 13.009L141.721 19.7423C141.202 22.3548 141.066 24.5364 141.148 25.8562ZM140.765 18.3956L141.639 13.8978C141.311 13.79 140.738 13.6823 139.754 13.6823C135.765 13.6823 132.404 17.453 132.377 21.8162C132.35 23.3514 132.869 25.102 135.027 25.102C137.377 25.102 140.082 22.0047 140.765 18.3956ZM145.601 25.8562H144.372L146.066 17.1298C146.339 15.6215 146.557 14.194 146.721 12.9282H147.842C147.705 13.8439 147.596 14.7596 147.404 15.837H147.486C148.306 14.0324 149.672 12.6319 151.393 12.6319C151.585 12.6319 151.858 12.6588 151.995 12.6858L151.749 13.9247C151.612 13.8978 151.421 13.8708 151.148 13.8708C149.508 13.8708 147.404 16.2948 146.803 19.5807L145.601 25.8562ZM155.847 10.558L157.186 10.0732L156.639 12.9282H159.973L159.781 13.9247H156.421L155 21.3852C154.836 22.2471 154.727 22.9204 154.727 23.7284C154.727 24.5903 155.164 25.0751 156.038 25.0751C156.475 25.0751 156.831 25.0482 157.104 24.9404L157.213 25.91C156.858 26.0447 156.339 26.1255 155.792 26.1255C154.016 26.1255 153.443 24.9135 153.443 23.7823C153.443 23.0012 153.552 22.2471 153.743 21.3314L155.191 13.9247H153.197L153.388 12.9282H155.41L155.847 10.558ZM161.066 25.8562H159.836L161.639 16.4026C161.913 15.1098 162.076 13.9516 162.213 12.9282H163.361L162.951 15.7023H163.005C164.153 13.817 166.011 12.6319 168.06 12.6319C169.235 12.6319 171.339 13.2514 171.339 16.241C171.339 16.8335 171.229 17.5607 171.093 18.2879L169.645 25.8562H168.415L169.891 18.1802C169.973 17.6415 170.082 16.9951 170.082 16.4026C170.082 14.8674 169.454 13.7092 167.568 13.7092C165.71 13.7092 162.923 15.81 162.295 19.2306L161.066 25.8562ZM181.53 24.1324L181.913 25.102C181.229 25.533 179.863 26.1255 177.923 26.1255C174.59 26.1255 173.333 23.6207 173.333 21.089C173.333 17.2375 176.311 12.6319 180.219 12.6319C182.596 12.6319 183.607 14.0863 183.607 15.5946C183.607 19.042 179.344 19.7423 174.727 19.6884C174.535 20.3618 174.59 21.9778 174.891 22.8666C175.437 24.3479 176.585 25.0751 178.087 25.0751C179.727 25.0751 180.874 24.5364 181.53 24.1324ZM182.35 15.6754V15.6484C182.35 14.3556 181.366 13.6823 180 13.6823C177.623 13.6823 175.628 16.1063 174.918 18.665C178.798 18.7188 182.35 18.2071 182.35 15.6754ZM185.628 25.8562H184.399L186.093 17.1298C186.366 15.6215 186.585 14.194 186.749 12.9282H187.869C187.732 13.8439 187.623 14.7596 187.432 15.837H187.514C188.333 14.0324 189.699 12.6319 191.421 12.6319C191.612 12.6319 191.885 12.6588 192.022 12.6858L191.776 13.9247C191.639 13.8978 191.448 13.8708 191.175 13.8708C189.536 13.8708 187.432 16.2948 186.831 19.5807L185.628 25.8562ZM191.12 25.3175L191.557 24.321C192.104 24.698 193.06 25.0751 194.016 25.0751C195.792 25.0751 197.022 23.8362 197.022 22.3818C197.022 21.1428 196.53 20.3887 195.082 19.5268C193.579 18.638 192.978 17.4799 192.978 16.3218C192.978 14.3287 194.727 12.6319 197.076 12.6319C198.06 12.6319 199.016 12.9551 199.426 13.2514L198.962 14.2748C198.579 14.0324 197.814 13.6823 196.94 13.6823C195.355 13.6823 194.208 14.7866 194.208 16.1332C194.208 17.3452 194.891 17.9916 196.12 18.7458C197.596 19.6346 198.279 20.8196 198.279 22.0586C198.279 24.6172 196.229 26.1255 193.907 26.1255C192.65 26.1255 191.585 25.6946 191.12 25.3175Z" fill="#1F2124"></path><path d="M24.346 6.07805C24.3234 5.92163 24.1874 5.83224 24.074 5.83224C23.9607 5.83224 21.5351 5.65348 21.5351 5.65348C21.5351 5.65348 19.8577 3.99989 19.6536 3.82113C19.4723 3.64236 19.1096 3.68705 18.9736 3.73174C18.9509 3.73174 18.6109 3.84347 18.0215 4.02224C17.4548 2.391 16.4574 0.916176 14.7119 0.916176C14.6666 0.916176 14.6212 0.916176 14.5532 0.916176C14.0772 0.290495 13.4425 0 12.9211 0C8.84074 0 6.89124 5.0278 6.27919 7.57521C4.69239 8.06682 3.55896 8.40201 3.42295 8.4467C2.53888 8.71485 2.51621 8.73719 2.40287 9.56399C2.31219 10.1897 0 27.8428 0 27.8428L18.0215 31.1723L27.7917 29.0942C27.7917 29.0718 24.3687 6.23447 24.346 6.07805ZM17.0241 4.29039C16.5707 4.42446 16.0493 4.58088 15.5053 4.75965C15.5053 4.64792 15.5053 4.55854 15.5053 4.42446C15.5053 3.44125 15.3693 2.6368 15.1426 1.98877C16.0493 2.12285 16.6387 3.12841 17.0241 4.29039ZM14.0092 2.21223C14.2585 2.83791 14.4172 3.7094 14.4172 4.91607C14.4172 4.98311 14.4172 5.0278 14.4172 5.09483C13.4198 5.40767 12.3544 5.72052 11.2663 6.0557C11.8783 3.75409 13.0344 2.6368 14.0092 2.21223ZM12.8077 1.0726C12.9891 1.0726 13.1704 1.13963 13.3291 1.25136C12.0143 1.8547 10.6316 3.37421 10.0422 6.43558C9.18077 6.70373 8.34203 6.94953 7.54863 7.19534C8.22869 4.87138 9.88349 1.0726 12.8077 1.0726Z" fill="#95BF47"></path><path d="M24.074 5.80986C23.9607 5.80986 21.5351 5.63109 21.5351 5.63109C21.5351 5.63109 19.8577 3.97751 19.6537 3.79874C19.5857 3.7317 19.495 3.68701 19.4043 3.68701L18.0442 31.1723L27.8143 29.0941C27.8143 29.0941 24.3914 6.23443 24.3687 6.07801C24.3234 5.92159 24.1874 5.83221 24.074 5.80986Z" fill="#5E8E3E"></path><path d="M14.7119 11.1284L13.5105 14.659C13.5105 14.659 12.445 14.1003 11.1529 14.1003C9.24877 14.1003 9.1581 15.2847 9.1581 15.5752C9.1581 17.1841 13.4198 17.8097 13.4198 21.5862C13.4198 24.5582 11.5156 26.4799 8.93141 26.4799C5.82582 26.4799 4.26169 24.5805 4.26169 24.5805L5.10042 21.8767C5.10042 21.8767 6.73256 23.2621 8.09268 23.2621C8.99942 23.2621 9.36211 22.5694 9.36211 22.0554C9.36211 19.9549 5.87116 19.8655 5.87116 16.402C5.87116 13.497 7.97933 10.6814 12.2637 10.6814C13.8958 10.6591 14.7119 11.1284 14.7119 11.1284Z" fill="white"></path><path d="M39.194 17.765C38.2192 17.2511 37.7205 16.8042 37.7205 16.2008C37.7205 15.4411 38.4232 14.9495 39.5113 14.9495C40.7808 14.9495 41.9142 15.4634 41.9142 15.4634L42.7983 12.7819C42.7983 12.7819 41.9822 12.1562 39.5793 12.1562C36.2244 12.1562 33.8895 14.0556 33.8895 16.7148C33.8895 18.2343 34.9776 19.3739 36.4284 20.2007C37.6072 20.8488 38.0152 21.318 38.0152 22.0107C38.0152 22.7258 37.4258 23.3068 36.3377 23.3068C34.7283 23.3068 33.1868 22.48 33.1868 22.48L32.2347 25.1615C32.2347 25.1615 33.6402 26.1 36.0204 26.1C39.466 26.1 41.9595 24.4241 41.9595 21.4074C41.9369 19.7538 40.6901 18.6142 39.194 17.765Z" fill="#1F2124"></path><path d="M52.9311 12.1112C51.2309 12.1112 49.8935 12.9157 48.8734 14.1223L48.8281 14.1L50.3015 6.50244H46.4705L42.7302 25.8539H46.5612L47.8307 19.2395C48.3294 16.7368 49.6441 15.1949 50.8682 15.1949C51.7296 15.1949 52.0697 15.7759 52.0697 16.6027C52.0697 17.1167 52.0243 17.7647 51.911 18.2787L50.4602 25.8539H54.2912L55.7873 18.0329C55.946 17.2061 56.0593 16.2228 56.0593 15.5525C56.082 13.3849 54.9486 12.1112 52.9311 12.1112Z" fill="#1F2124"></path><path d="M64.7641 12.1113C60.1397 12.1113 57.0795 16.2229 57.0795 20.8038C57.0795 23.7311 58.9156 26.0998 62.3612 26.0998C66.895 26.0998 69.9552 22.0999 69.9552 17.4073C69.9779 14.6811 68.3684 12.1113 64.7641 12.1113ZM62.8826 23.1948C61.5678 23.1948 61.0238 22.0999 61.0238 20.7144C61.0238 18.5469 62.1572 15.0163 64.2427 15.0163C65.6028 15.0163 66.0562 16.1783 66.0562 17.2955C66.0562 19.6195 64.9001 23.1948 62.8826 23.1948Z" fill="#1F2124"></path><path d="M79.7933 12.1113C77.2091 12.1113 75.7357 14.3683 75.7357 14.3683H75.6903L75.917 12.3348H72.5167C72.358 13.6979 72.0407 15.7984 71.746 17.3626L69.0711 31.217H72.9021L73.9675 25.6082H74.0582C74.0582 25.6082 74.8516 26.0998 76.3024 26.0998C80.8134 26.0998 83.7603 21.5412 83.7603 16.938C83.7603 14.3906 82.6042 12.1113 79.7933 12.1113ZM76.121 23.2395C75.1236 23.2395 74.5342 22.6809 74.5342 22.6809L75.1689 19.1502C75.6223 16.7816 76.8691 15.2174 78.2065 15.2174C79.3853 15.2174 79.748 16.29 79.748 17.2955C79.748 19.7536 78.2745 23.2395 76.121 23.2395Z" fill="#1F2124"></path><path d="M89.2462 6.68115C88.022 6.68115 87.0473 7.64202 87.0473 8.87104C87.0473 9.98832 87.7727 10.7704 88.8608 10.7704H88.9061C90.1076 10.7704 91.1276 9.96598 91.1503 8.58054C91.1503 7.46325 90.4022 6.68115 89.2462 6.68115Z" fill="#1F2124"></path><path d="M83.8737 25.8317H87.7046L90.3115 12.4019H86.4579L83.8737 25.8317Z" fill="#1F2124"></path><path d="M100.082 12.3793H97.4068L97.5428 11.7537C97.7695 10.4576 98.5402 9.31798 99.8324 9.31798C100.512 9.31798 101.056 9.51909 101.056 9.51909L101.805 6.5471C101.805 6.5471 101.147 6.21191 99.719 6.21191C98.3589 6.21191 96.9988 6.59179 95.956 7.46328C94.6413 8.55822 94.0292 10.1448 93.7345 11.7537L93.6212 12.3793H91.8304L91.2636 15.2396H93.0545L91.0143 25.8315H94.8453L96.8854 15.2396H99.5377L100.082 12.3793Z" fill="#1F2124"></path><path d="M109.33 12.4019C109.33 12.4019 106.928 18.3682 105.862 21.6307H105.817C105.749 20.5804 104.865 12.4019 104.865 12.4019H100.83L103.142 24.7144C103.187 24.9825 103.165 25.1613 103.051 25.3401C102.598 26.1892 101.85 27.016 100.966 27.6193C100.24 28.1333 99.4243 28.4685 98.7896 28.6919L99.855 31.9097C100.626 31.7533 102.258 31.1053 103.618 29.8539C105.363 28.245 106.996 25.7423 108.65 22.3457L113.343 12.4019H109.33Z" fill="#1F2124"></path></svg></a></div><nav class="lg:flex hidden h-full" aria-label="Main" itemscope="" itemType="https://schema.org/SiteNavigationElement" data-click-outside="dismiss" data-component-name="desktop-main-navigation" data-viewable-component="true"><ul class="flex h-full"><li class="mr-8 text-base"><div class="flex h-full"><a class="flex items-center hover:underline text-black hover:text-black" href="https://help.shopify.com/en/partners" aria-label="External source: Docs">Docs</a></div></li><li class="mr-8 text-base"><div class="flex h-full"><a class="flex items-center hover:underline text-black hover:text-black" href="https://community.shopify.com/c/partners-and-developers/ct-p/appdev" aria-label="External source: Community">Community</a></div></li><li class="mr-8 text-base"><div class="flex h-full"><a class="flex items-center hover:underline text-black hover:text-black" href="https://academy.shopify.com" aria-label="External source: Shopify Academy">Shopify Academy</a></div></li></ul></nav><div class="ml-auto transition-opacity duration-200 opacity-100 delay-100"><ul class="lg:flex hidden items-center"><li class="mr-8 text-base"><a class="whitespace-nowrap hover:underline text-black" href="/ng" data-component-name="shopify site">shopify.com</a></li><li class="mr-8 text-base"><a class="whitespace-nowrap hover:underline text-black" href="https://partners.shopify.com/organizations" data-component-name="login" aria-label="External source: Log in">Log in</a></li><li class="leading-[0]"><a href="https://partners.shopify.com/signup" class="inline-block self-center overflow-hidden max-w-full px-button-px py-button-py ring-inset rounded-button text-button-size font-button-font font-button-weight tracking-button-tracking transition-all duration-150 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-state-focus focus-visible:outline border-2 text-button-light-primary-text bg-button-light-primary-bg border-button-light-primary-border ring-button-light-primary-border hover:text-button-light-primary-text-hover hover:bg-button-light-primary-bg-hover hover:border-button-light-primary-border-hover hover:ring-button-light-primary-border-hover focus:text-button-light-primary-text-focus focus:bg-button-light-primary-bg-focus focus:border-button-light-primary-border-focus focus:ring-button-light-primary-border-focus active:text-button-light-primary-text-active active:bg-button-light-primary-bg-active active:border-button-light-primary-border-active active:ring disabled:text-button-light-primary-text-disabled disabled:bg-button-light-primary-bg-disabled disabled:border-button-light-primary-border-disabled disabled:ring-button-light-primary-border-disabled" data-component-name="sign up" data-mode="light" target="">Join Now</a></li></ul><ul class="flex items-center lg:hidden mr-[-15px]"><li class="mr-2 sm:mr-8 text-base"><a class="whitespace-nowrap hover:underline text-black" href="https://partners.shopify.com/signup" data-component-name="shopify site" aria-label="External source: Join Now">Join Now</a></li><li><button class="flex h-12 w-12 cursor-pointer select-none flex-col items-center justify-center gap-1" aria-label="Menu" aria-expanded="false" aria-controls="MobileDrawer" aria-haspopup="true" type="button" data-component-name="navigation-toggle-open"><div class="h-0.5 w-[1.125rem] transition-all ease-out-in duration-500 motion-reduce:transition-none bg-black"></div><div class="h-0.5 w-[1.125rem] transition-all ease-out-in duration-500 motion-reduce:transition-none bg-black"></div><div class="h-0.5 w-[1.125rem] transition-all ease-out-in duration-500 motion-reduce:transition-none bg-black"></div></button></li></ul></div></div></div><div class="top-0 w-full z-20 before:absolute before:top-0 before:left-0 before:pointer-events-none before:w-full before:h-global-header-with-border before:z-20 after:absolute after:top-0 after:left-0 after:will-change-[opacity] after:pointer-events-none after:h-full after:w-full after:z-10 after:transition-opacity after:duration-200 after:bg-white text-black before:border-y before:border-black/20 after:opacity-100 pointer-events-auto before:opacity-0 sticky"><div class="h-global-header container flex items-center relative z-20"><div data-component-name="secondary-navigation" class="flex items-center gap-x-8 w-full h-14 sm:h-global-header text-black"><a class="absolute left-0 top-1/2 -translate-y-1/2 transform-opacity will-change-opacity duration-200 z-20 opacity-0 pointer-events-none" href="/ng" data-component-name="logo-home"><svg viewBox="0 0 32 36" role="img" aria-labelledby="ShoppingBagOnlyLogoTitle" class="w-8 h-9"><title id="ShoppingBagOnlyLogoTitle">Shopify</title><path fill="#95BF47" d="M27.1851 6.83166C27.1598 6.65519 27.0079 6.55435 26.8813 6.55435C26.7548 6.55435 24.2489 6.50393 24.2489 6.50393C24.2489 6.50393 22.148 4.48717 21.9455 4.26028C21.743 4.0586 21.338 4.10902 21.1861 4.15944C21.1861 4.15944 20.7812 4.28549 20.123 4.48717C20.0218 4.13423 19.8446 3.70567 19.6168 3.2519C18.8828 1.84016 17.769 1.08387 16.4528 1.08387C16.3516 1.08387 16.2756 1.08387 16.1744 1.10908C16.1237 1.05866 16.0984 1.00824 16.0478 0.983034C15.4656 0.378004 14.7316 0.0754894 13.8457 0.100699C12.1498 0.151118 10.4539 1.38639 9.0617 3.55441C8.09984 5.0922 7.36579 7.00813 7.13798 8.49549C5.18896 9.10052 3.82211 9.52908 3.77149 9.52908C2.78432 9.8316 2.75901 9.85681 2.63245 10.7896C2.58182 11.4954 0 31.3858 0 31.3858L21.6671 35.1168L31.0578 32.7975C31.0325 32.7975 27.2104 7.00813 27.1851 6.83166ZM19.0346 4.8401C18.5284 4.99136 17.9715 5.16783 17.364 5.3695C17.364 4.51238 17.2375 3.30232 16.8578 2.29393C18.1487 2.49561 18.7815 3.95777 19.0346 4.8401ZM16.225 5.69723C15.086 6.05016 13.8457 6.42831 12.6054 6.80645C12.9597 5.47034 13.6179 4.15944 14.4278 3.27711C14.7316 2.94938 15.1619 2.59645 15.6428 2.39477C16.1491 3.37794 16.2503 4.76447 16.225 5.69723ZM13.8963 1.23513C14.3013 1.23513 14.6303 1.31076 14.9088 1.51244C14.4532 1.73932 13.9975 2.09226 13.5925 2.54603C12.5041 3.70567 11.6688 5.49555 11.3398 7.23501C10.302 7.56274 9.2895 7.86525 8.37827 8.14256C8.98576 5.39471 11.2892 1.31076 13.8963 1.23513Z"></path><path fill="#5E8E3E" d="M26.8814 6.55452C26.7548 6.55452 24.2489 6.5041 24.2489 6.5041C24.2489 6.5041 22.148 4.48733 21.9455 4.26045C21.8696 4.18482 21.7684 4.1344 21.6671 4.1344V35.117L31.0579 32.7977C31.0579 32.7977 27.2358 7.00829 27.2104 6.83183C27.1598 6.65536 27.0079 6.55452 26.8814 6.55452Z"></path><path fill="white" d="M16.4528 11.3696L15.3644 15.4283C15.3644 15.4283 14.1494 14.8737 12.7066 14.9745C10.5804 15.1006 10.5804 16.4367 10.5804 16.7644C10.707 18.5795 15.4909 18.9828 15.7694 23.2433C15.9719 26.5961 13.9975 28.8902 11.112 29.0667C7.66952 29.2432 5.77112 27.2264 5.77112 27.2264L6.50517 24.1256C6.50517 24.1256 8.42888 25.5625 9.9476 25.4617C10.9348 25.4113 11.3144 24.5794 11.2638 24.0248C11.112 21.6551 7.2139 21.8063 6.96078 17.8988C6.75829 14.6216 8.90981 11.3191 13.6685 11.0166C15.5162 10.8906 16.4528 11.3696 16.4528 11.3696Z"></path></svg></a><nav aria-label="Secondary" class="hidden lg:block h-full transition-transform will-change-transform duration-200 translate-x-0" data-click-outside="dismiss"><ul class="flex items-center gap-x-8 h-full"><li class="relative flex flex-col items-center h-full border-black/30"><a href="/ng/partners/blog" class="font-bold flex items-center h-full hover:underline outline-4 outline-state-focus focus-visible:outline">Blog</a></li><li class="relative flex flex-col items-center h-full after:absolute after:w-full after:h-[3px] after:bottom-0 hover:underline after:hidden after:bg-black"><a href="/ng/partners/blog/topics/shopify-news" class="flex items-center h-full outline-state-focus outline-4 focus-visible:outline" data-secondary-nav-tier="1">Shopify News</a></li><li class="relative flex flex-col items-center h-full after:absolute after:w-full after:h-[3px] after:bottom-0 hover:underline after:hidden after:bg-black"><a href="/ng/partners/blog/topics/case-studies" class="flex items-center h-full outline-state-focus outline-4 focus-visible:outline" data-secondary-nav-tier="1">Case Studies</a></li><li class="relative flex flex-col items-center h-full after:absolute after:w-full after:h-[3px] after:bottom-0 hover:underline after:hidden after:bg-black"><a href="/ng/partners/blog/latest" class="flex items-center h-full outline-state-focus outline-4 focus-visible:outline" data-secondary-nav-tier="1">Latest</a></li><li class="relative flex flex-col items-center h-full after:absolute after:w-full after:h-[3px] after:bottom-0 hover:underline after:hidden after:bg-black"><button type="button" aria-expanded="false" aria-haspopup="true" aria-controls="id_More_3" class="h-full outline-state-focus outline-4 focus-visible:outline" data-secondary-nav-tier="1"><span class="flex items-center">More<svg fill="none" viewBox="0 0 16 16" aria-hidden="true" icon="chevron" height="64" width="64" class="rotate-180 shrink-0 w-5 h-7 ml-2"><path fill="currentColor" d="M12 10.4a.798.798 0 0 1-.566-.234L8 6.73l-3.434 3.435a.8.8 0 1 1-1.132-1.132l4-4a.8.8 0 0 1 1.132 0l4 4A.8.8 0 0 1 12 10.4Z"></path></svg></span></button><div id="id_More_3" class="absolute top-[80px] duration-500 left-0 rounded-lg transition-all box-content opacity-0 -translate-y-6 pointer-events-none w-[256px] bg-white text-black shadow-light"><ul class="p-4 w-[224px] box-content"><li class="py-3 px-4 rounded-lg"><a href="/ng/partners/blog/topics/shopify-app-development" class="hover:underline outline-state-focus outline-4 focus-visible:outline" data-secondary-nav-tier="2">App development</a></li><li class="py-3 px-4 rounded-lg"><a href="/ng/partners/blog/topics/shopify-theme-development" class="hover:underline outline-state-focus outline-4 focus-visible:outline" data-secondary-nav-tier="2">Shopify Theme Development</a></li><li class="py-3 px-4 rounded-lg"><a href="/ng/partners/blog/topics/front-end-development" aria-current="page" class="hover:underline outline-state-focus outline-4 focus-visible:outline" data-secondary-nav-tier="2">Front End Development</a></li><li class="py-3 px-4 rounded-lg"><a href="/ng/partners/blog/topics/inspiration-creativity" class="hover:underline outline-state-focus outline-4 focus-visible:outline" data-secondary-nav-tier="2">Inspiration & Creativity</a></li><li class="py-3 px-4 rounded-lg"><a href="/ng/partners/blog/topics/finding-new-clients" class="hover:underline outline-state-focus outline-4 focus-visible:outline" data-secondary-nav-tier="2">Finding New Clients</a></li><li class="py-3 px-4 rounded-lg"><a href="/ng/partners/blog/topics" class="hover:underline outline-state-focus outline-4 focus-visible:outline" data-secondary-nav-tier="2">See All topics</a></li></ul></div></li></ul></nav><div class="hidden lg:block ml-auto"><div class="hidden lg:flex flex-row items-center text-base cursor-pointer blog-navbar-navigation">Search<svg viewBox="0 0 20 20" class="w-4 h-4 ml-2"><path fill-rule="evenodd" d="M12.323 13.383a5.5 5.5 0 1 1 1.06-1.06l2.897 2.897a.75.75 0 1 1-1.06 1.06l-2.897-2.897Zm.677-4.383a4 4 0 1 1-8 0 4 4 0 0 1 8 0Z"></path></svg></div><div class="mb-6 lg:mb-0 lg:absolute lg:bottom-0 lg:left-0 w-full z-50 bg-white lg:hidden"><div class="lg:container lg:h-[71px] flex items-center"><div class="flex flex-row items-center text-base relative w-full border-b border-[#ccc]"><form method="get" action="/ng/partners/blog/topics/front-end-development" class="flex lg:block w-full -mt-4 lg:mt-0" novalidate="" data-component-extra-search-value=""><input class="outline-0 text-base relative z-20 bg-transparent w-full lg:placeholder:text-transparent py-2 placeholder-shade-50" type="text" name="header-search" autoComplete="off" placeholder="Search" value=""/><button class="lg:hidden p-6 -mr-6" aria-label="Search icon"><svg viewBox="0 0 20 20" class="w-4 h-4 ml-2"><path fill-rule="evenodd" d="M12.323 13.383a5.5 5.5 0 1 1 1.06-1.06l2.897 2.897a.75.75 0 1 1-1.06 1.06l-2.897-2.897Zm.677-4.383a4 4 0 1 1-8 0 4 4 0 0 1 8 0Z"></path></svg></button></form><div class="hidden lg:flex absolute z-10 top-1/2 left-0 -translate-y-1/2 flex-row items-center text-base text-shade-50">Type something you're looking for<svg viewBox="0 0 20 20" class="w-4 h-4 ml-2"><path fill-rule="evenodd" d="M12.323 13.383a5.5 5.5 0 1 1 1.06-1.06l2.897 2.897a.75.75 0 1 1-1.06 1.06l-2.897-2.897Zm.677-4.383a4 4 0 1 1-8 0 4 4 0 0 1 8 0Z"></path></svg></div><div class="hidden lg:block p-2 cursor-pointer ml-auto"><svg viewBox="0 0 20 20" class="size-5"><path d="M12.72 13.78a.75.75 0 1 0 1.06-1.06l-2.72-2.72 2.72-2.72a.75.75 0 0 0-1.06-1.06l-2.72 2.72-2.72-2.72a.75.75 0 0 0-1.06 1.06l2.72 2.72-2.72 2.72a.75.75 0 1 0 1.06 1.06l2.72-2.72 2.72 2.72Z"></path></svg></div></div></div></div></div><div class="pl-8 app-signup-links transform-opacity duration-200 relative before:h-[22px] before:bg-shade-30 before:w-[1px] before:absolute before:left-0 before:top-[1/2] before:translate-[-1/2] opacity-0 lg:hidden"><ul class="flex items-center"><li class="mr-8 text-base"><a class="whitespace-nowrap hover:underline text-black" href="/ng" data-component-name="shopify site">shopify.com</a></li><li class="mr-8 text-base"><a class="whitespace-nowrap hover:underline text-black" href="https://partners.shopify.com/organizations" data-component-name="login" aria-label="External source: Log in">Log in</a></li><li class="leading-[0]"><a href="https://partners.shopify.com/signup" class="inline-block self-center overflow-hidden max-w-full px-button-px py-button-py ring-inset rounded-button text-button-size font-button-font font-button-weight tracking-button-tracking transition-all duration-150 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-state-focus focus-visible:outline border-2 text-button-light-primary-text bg-button-light-primary-bg border-button-light-primary-border ring-button-light-primary-border hover:text-button-light-primary-text-hover hover:bg-button-light-primary-bg-hover hover:border-button-light-primary-border-hover hover:ring-button-light-primary-border-hover focus:text-button-light-primary-text-focus focus:bg-button-light-primary-bg-focus focus:border-button-light-primary-border-focus focus:ring-button-light-primary-border-focus active:text-button-light-primary-text-active active:bg-button-light-primary-bg-active active:border-button-light-primary-border-active active:ring disabled:text-button-light-primary-text-disabled disabled:bg-button-light-primary-bg-disabled disabled:border-button-light-primary-border-disabled disabled:ring-button-light-primary-border-disabled" data-component-name="sign up" data-mode="light" target="">Join Now</a></li></ul></div></div></div></div><svg class="sr-only" aria-hidden="true"><defs><linearGradient id="start_svg__a" x1="4" y1="2.5" x2="37.5" y2="36" gradientUnits="userSpaceOnUse"><stop stop-color="#00E392"></stop><stop offset="1" stop-color="#00B4CD"></stop></linearGradient><linearGradient id="manage_svg__a" x1="1" y1="1" x2="39" y2="39" gradientUnits="userSpaceOnUse"><stop stop-color="#1CD9D9"></stop><stop offset="1" stop-color="#70D50E"></stop></linearGradient><linearGradient id="market_svg__a" x1="1" y1="1" x2="39" y2="39" gradientUnits="userSpaceOnUse"><stop stop-color="#EA4EF2"></stop><stop offset="1" stop-color="#29C9FF"></stop></linearGradient><linearGradient id="start_svg__b" x1="4" y1="2.5" x2="37.5" y2="36" gradientUnits="userSpaceOnUse"><stop stop-color="#00E392"></stop><stop offset="1" stop-color="#00B4CD"></stop></linearGradient><linearGradient id="sell_svg__a" x1="1" y1="1" x2="39" y2="39" gradientUnits="userSpaceOnUse"><stop stop-color="#33EDE2"></stop><stop offset="1" stop-color="#6754FF"></stop></linearGradient><clipPath id="white_circle_svg__a"><path fill="#fff" d="M0 0h40v40H0z"></path></clipPath><linearGradient id="paint0_linear_1_569" x1="6.12412" y1="7.32529" x2="16.6923" y2="17.7506" gradientUnits="userSpaceOnUse"><stop offset="0.161933" stop-color="#27293B"></stop><stop offset="0.760531" stop-color="#27293B"></stop></linearGradient><linearGradient id="paint1_linear_1_569" x1="18.4621" y1="6.91041" x2="12.5203" y2="17.2518" gradientUnits="userSpaceOnUse"><stop stop-color="#27293B"></stop><stop offset="1" stop-color="#4F58AA"></stop></linearGradient><linearGradient id="paint0_linear_41_589" x1="7.59808" y1="8.96" x2="28.4853" y2="30.2112" gradientUnits="userSpaceOnUse"><stop stop-color="#A8B1EB"></stop><stop offset="1" stop-color="#32386C"></stop></linearGradient><linearGradient id="paint1_linear_41_589" x1="18.4622" y1="6.91041" x2="12.7852" y2="12.9621" gradientUnits="userSpaceOnUse"><stop stop-color="#A8B1EB"></stop><stop offset="1" stop-color="#4F58AA"></stop></linearGradient><linearGradient id="paint0_linear_1_568" x1="85.4375" y1="44" x2="-160.562" y2="-57" gradientUnits="userSpaceOnUse"><stop stop-color="white"></stop><stop offset="0.829504" stop-color="white" stop-opacity="0"></stop></linearGradient><radialGradient id="paint1_radial_1_568" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(73.4375 49) rotate(-96.3402) scale(54.3323 72.1138)"><stop stop-color="#3C00BB" stop-opacity="0.72"></stop><stop offset="1" stop-color="white" stop-opacity="0"></stop></radialGradient><radialGradient id="paint2_radial_1_568" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(107.438 44) rotate(-15.5615) scale(82.0061 39.4114)"><stop stop-color="#423EFF" stop-opacity="0.6"></stop><stop offset="0.754349" stop-color="#12C06D" stop-opacity="0"></stop></radialGradient><linearGradient id="paint3_linear_1_568" x1="15.1241" y1="17.3253" x2="25.6923" y2="27.7506" gradientUnits="userSpaceOnUse"><stop offset="0.161933" stop-color="#27293B"></stop><stop offset="0.760531" stop-color="#27293B"></stop></linearGradient><linearGradient id="paint4_linear_1_568" x1="27.4621" y1="16.9104" x2="21.5203" y2="27.2518" gradientUnits="userSpaceOnUse"><stop stop-color="#27293B"></stop><stop offset="1" stop-color="#4F58AA"></stop></linearGradient><linearGradient id="paint0_linear_1_612" x1="85.4375" y1="44" x2="-160.562" y2="-57" gradientUnits="userSpaceOnUse"><stop stop-color="white"></stop><stop offset="0.829504" stop-color="white"></stop></linearGradient><radialGradient id="paint1_radial_1_612" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(73.4375 49) rotate(-99.5942) scale(44.6242 90.7846)"><stop stop-color="#3C00BB" stop-opacity="0.72"></stop><stop offset="1" stop-color="white" stop-opacity="0"></stop></radialGradient><radialGradient id="paint2_radial_1_612" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(107.438 44) rotate(-47.641) scale(98.7905 47.4778)"><stop stop-color="#423EFF" stop-opacity="0.6"></stop><stop offset="0.754349" stop-color="#12C06D" stop-opacity="0"></stop></radialGradient><linearGradient id="paint3_linear_1_612" x1="15.1242" y1="17.3253" x2="25.6923" y2="27.7506" gradientUnits="userSpaceOnUse"><stop offset="0.161933" stop-color="#27293B"></stop><stop offset="0.760531" stop-color="#27293B"></stop></linearGradient><linearGradient id="paint4_linear_1_612" x1="27.4621" y1="16.9104" x2="21.5203" y2="27.2518" gradientUnits="userSpaceOnUse"><stop stop-color="#27293B"></stop><stop offset="1" stop-color="#4F58AA"></stop></linearGradient><linearGradient id="paint0_linear_1_651" x1="85.4375" y1="44" x2="-160.562" y2="-57" gradientUnits="userSpaceOnUse"><stop stop-color="white"></stop><stop offset="0.829504" stop-color="white"></stop></linearGradient><radialGradient id="paint1_radial_1_651" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(73.4375 49) rotate(-99.5942) scale(44.6242 90.7846)"><stop stop-color="#3C00BB" stop-opacity="0.72"></stop><stop offset="1" stop-color="white" stop-opacity="0"></stop></radialGradient><radialGradient id="paint2_radial_1_651" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(107.438 44) rotate(-47.641) scale(98.7905 47.4778)"><stop stop-color="#423EFF" stop-opacity="0.6"></stop><stop offset="0.754349" stop-color="#12C06D" stop-opacity="0"></stop></radialGradient><linearGradient id="paint3_linear_1_651" x1="15.1242" y1="17.3253" x2="25.6923" y2="27.7506" gradientUnits="userSpaceOnUse"><stop offset="0.161933" stop-color="#27293B"></stop><stop offset="0.760531" stop-color="#27293B"></stop></linearGradient><linearGradient id="paint4_linear_1_651" x1="27.4621" y1="16.9104" x2="21.5203" y2="27.2518" gradientUnits="userSpaceOnUse"><stop stop-color="#27293B"></stop><stop offset="1" stop-color="#4F58AA"></stop></linearGradient><linearGradient id="paint0_linear_41_588" x1="-59.2497" y1="-1.6632e-07" x2="-32.4337" y2="99.4491" gradientUnits="userSpaceOnUse"><stop offset="0.000294443" stop-color="#15161B"></stop><stop offset="0.606057" stop-color="#1C1F31"></stop></linearGradient><radialGradient id="paint1_radial_41_588" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(146.438 64) rotate(-172.051) scale(224.154 105.307)"><stop stop-color="#333FB2"></stop><stop offset="0.75924" stop-color="#27293B" stop-opacity="0"></stop></radialGradient><linearGradient id="paint2_linear_41_588" x1="16.5981" y1="18.96" x2="37.4853" y2="40.2112" gradientUnits="userSpaceOnUse"><stop stop-color="#A8B1EB"></stop><stop offset="1" stop-color="#32386C"></stop></linearGradient><linearGradient id="paint3_linear_41_588" x1="27.4622" y1="16.9104" x2="21.7852" y2="22.9621" gradientUnits="userSpaceOnUse"><stop stop-color="#A8B1EB"></stop><stop offset="1" stop-color="#4F58AA"></stop></linearGradient><linearGradient id="paint0_linear_41_625" x1="-59.2497" y1="-1.6632e-07" x2="-32.4337" y2="99.4491" gradientUnits="userSpaceOnUse"><stop offset="0.000294443" stop-color="#15161B"></stop><stop offset="0.606057" stop-color="#1C1F31"></stop></linearGradient><radialGradient id="paint1_radial_41_625" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(146.438 64) rotate(-172.051) scale(224.154 105.307)"><stop stop-color="#333FB2"></stop><stop offset="0.75924" stop-color="#27293B" stop-opacity="0"></stop></radialGradient><linearGradient id="paint2_linear_41_625" x1="16.5981" y1="18.96" x2="37.4853" y2="40.2112" gradientUnits="userSpaceOnUse"><stop stop-color="#A8B1EB"></stop><stop offset="1" stop-color="#32386C"></stop></linearGradient><linearGradient id="paint3_linear_41_625" x1="27.4622" y1="16.9104" x2="21.7852" y2="22.9621" gradientUnits="userSpaceOnUse"><stop stop-color="#A8B1EB"></stop><stop offset="1" stop-color="#4F58AA"></stop></linearGradient><linearGradient id="paint0_linear_41_662" x1="-59.2497" y1="-1.6632e-07" x2="-32.4337" y2="99.4491" gradientUnits="userSpaceOnUse"><stop offset="0.000294443" stop-color="#15161B"></stop><stop offset="0.606057" stop-color="#1C1F31"></stop></linearGradient><radialGradient id="paint1_radial_41_662" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(146.438 64) rotate(-172.051) scale(224.154 105.307)"><stop stop-color="#333FB2"></stop><stop offset="0.75924" stop-color="#27293B" stop-opacity="0"></stop></radialGradient><linearGradient id="paint2_linear_41_662" x1="16.5981" y1="18.96" x2="37.4853" y2="40.2112" gradientUnits="userSpaceOnUse"><stop stop-color="#A8B1EB"></stop><stop offset="1" stop-color="#32386C"></stop></linearGradient><linearGradient id="paint3_linear_41_662" x1="27.4622" y1="16.9104" x2="21.7852" y2="22.9621" gradientUnits="userSpaceOnUse"><stop stop-color="#A8B1EB"></stop><stop offset="1" stop-color="#4F58AA"></stop></linearGradient></defs></svg></header><main role="main" id="main" tabindex="-1" class="focus-visible:outline-none"><div class="pt-36"><div class="py-10 tablet:py-12 desktop:py-16 bg-[#F6F6F1]"><div class="container flex tablet:justify-center"><div class="max-w-[832px]"><h1 class="richtext text-3xl tablet:text-4xl desktop:text-5xl font-medium tablet:text-center mb-2">Front End Development</h1></div></div></div><div class="container py-10 desktop:py-16"><div class="grid grid-cols-1 tablet:grid-cols-3 gap-4 desktop:gap-6 mb-8 tablet:mb-6 desktop:mb-12"><article class="article--index border-t border-shade-30 pt-4"><a href="/ng/partners/blog/introducing-customer-account-api-for-headless-stores" class="overflow-hidden" rel="" target="_self"><img style="aspect-ratio:457 / 202" class="object-cover w-full hover:scale-105 transition-transform duration-300 cursor-pointer h-[202px] tablet:h-72 tablet-xl:h-[136px] desktop:h-[202px]" src="https://cdn.shopify.com/s/files/1/0533/2089/articles/customer-account-api-headless-stores.webp?v=1695239401&width=1396&originalWidth=1024&originalHeight=540" alt="Introducing Customer Account API for headless stores" loading="lazy" decoding="async" width="698" height="540" srcSet="https://cdn.shopify.com/s/files/1/0533/2089/articles/customer-account-api-headless-stores.webp?v=1695239401&width=1396&originalWidth=1024&originalHeight=540&width=200 200w, https://cdn.shopify.com/s/files/1/0533/2089/articles/customer-account-api-headless-stores.webp?v=1695239401&width=1396&originalWidth=1024&originalHeight=540&width=400 400w, https://cdn.shopify.com/s/files/1/0533/2089/articles/customer-account-api-headless-stores.webp?v=1695239401&width=1396&originalWidth=1024&originalHeight=540&width=600 600w, https://cdn.shopify.com/s/files/1/0533/2089/articles/customer-account-api-headless-stores.webp?v=1695239401&width=1396&originalWidth=1024&originalHeight=540&width=800 800w, https://cdn.shopify.com/s/files/1/0533/2089/articles/customer-account-api-headless-stores.webp?v=1695239401&width=1396&originalWidth=1024&originalHeight=540&width=1000 1000w"/></a><div class="blogPost pt-4"><div class="uppercase font-shopifysans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/ng/partners/blog/topics/front-end-development" class="no-underline">Front End Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-xl tablet:text-2xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-xl tablet:text-2xl" href="/ng/partners/blog/introducing-customer-account-api-for-headless-stores" rel="" target="_self">Introducing Customer Account API for headless stores</a></div><p class="richtext text-body-sm font-shopifysans font-normal text-shade-60">8 Aug 2023</p></div></article><article class="article--index border-t border-shade-30 pt-4"><a href="/ng/partners/blog/web-animation" class="overflow-hidden" rel="" target="_self"><img style="aspect-ratio:457 / 202" class="object-cover w-full hover:scale-105 transition-transform duration-300 cursor-pointer h-[202px] tablet:h-72 tablet-xl:h-[136px] desktop:h-[202px]" src="https://cdn.shopify.com/s/files/1/0533/2089/articles/web-animation.jpg?v=1727286021&width=1396&originalWidth=1215&originalHeight=509" alt="web animation" loading="lazy" decoding="async" width="698" height="509" srcSet="https://cdn.shopify.com/s/files/1/0533/2089/articles/web-animation.jpg?v=1727286021&width=1396&originalWidth=1215&originalHeight=509&width=200 200w, https://cdn.shopify.com/s/files/1/0533/2089/articles/web-animation.jpg?v=1727286021&width=1396&originalWidth=1215&originalHeight=509&width=400 400w, https://cdn.shopify.com/s/files/1/0533/2089/articles/web-animation.jpg?v=1727286021&width=1396&originalWidth=1215&originalHeight=509&width=600 600w, https://cdn.shopify.com/s/files/1/0533/2089/articles/web-animation.jpg?v=1727286021&width=1396&originalWidth=1215&originalHeight=509&width=800 800w, https://cdn.shopify.com/s/files/1/0533/2089/articles/web-animation.jpg?v=1727286021&width=1396&originalWidth=1215&originalHeight=509&width=1000 1000w, https://cdn.shopify.com/s/files/1/0533/2089/articles/web-animation.jpg?v=1727286021&width=1396&originalWidth=1215&originalHeight=509&width=1200 1200w"/></a><div class="blogPost pt-4"><div class="uppercase font-shopifysans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/ng/partners/blog/topics/front-end-development" class="no-underline">Front End Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-xl tablet:text-2xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-xl tablet:text-2xl" href="/ng/partners/blog/web-animation" rel="" target="_self">10 Ways to Create Delightful and User-Friendly Web Animation</a></div><p class="richtext text-body-sm font-shopifysans font-normal text-shade-60">9 Nov 2021</p></div></article><article class="article--index border-t border-shade-30 pt-4"><a href="/ng/partners/blog/canonical-urls" class="overflow-hidden" rel="" target="_self"><img style="aspect-ratio:457 / 202" class="object-cover w-full hover:scale-105 transition-transform duration-300 cursor-pointer h-[202px] tablet:h-72 tablet-xl:h-[136px] desktop:h-[202px]" src="https://cdn.shopify.com/s/files/1/0533/2089/files/canonical-urls.jpg?v=1591702842&width=1396&originalWidth=674&originalHeight=287" alt="canonical urls" loading="lazy" decoding="async" width="698" height="287" srcSet="https://cdn.shopify.com/s/files/1/0533/2089/files/canonical-urls.jpg?v=1591702842&width=1396&originalWidth=674&originalHeight=287&width=200 200w, https://cdn.shopify.com/s/files/1/0533/2089/files/canonical-urls.jpg?v=1591702842&width=1396&originalWidth=674&originalHeight=287&width=400 400w, https://cdn.shopify.com/s/files/1/0533/2089/files/canonical-urls.jpg?v=1591702842&width=1396&originalWidth=674&originalHeight=287&width=600 600w"/></a><div class="blogPost pt-4"><div class="uppercase font-shopifysans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/ng/partners/blog/topics/front-end-development" class="no-underline">Front End Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-xl tablet:text-2xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-xl tablet:text-2xl" href="/ng/partners/blog/canonical-urls" rel="" target="_self">What is a Canonical URL? Best Practice Guide 2022</a></div><p class="richtext text-body-sm font-shopifysans font-normal text-shade-60">29 Sept 2021</p></div></article></div><div class="grid grid-cols-1 tablet:grid-cols-4 gap-4 desktop:gap-6 gap-y-6 desktop:gap-y-9"><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-shopifysans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/ng/partners/blog/topics/front-end-development" class="no-underline">Front End Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/ng/partners/blog/chrome-developer-tools" rel="" target="_self">Getting the Most Out of Chrome Developer Tools: 4 Modern Features You Need to Know</a></div><p class="richtext text-body-sm font-shopifysans font-normal text-shade-60">25 Nov 2020</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-shopifysans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/ng/partners/blog/topics/front-end-development" class="no-underline">Front End Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/ng/partners/blog/dev-tools" rel="" target="_self">The 10 Most Useful Browser Dev Tools for Front End Developers</a></div><p class="richtext text-body-sm font-shopifysans font-normal text-shade-60">12 Nov 2020</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-shopifysans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/ng/partners/blog/topics/front-end-development" class="no-underline">Front End Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/ng/partners/blog/new-html" rel="" target="_self">What's New in HTML: 6 Native Elements You Can Use Today</a></div><p class="richtext text-body-sm font-shopifysans font-normal text-shade-60">22 Oct 2020</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-shopifysans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/ng/partners/blog/topics/front-end-development" class="no-underline">Front End Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/ng/partners/blog/brackets-extensions" rel="" target="_self">The 20 Best Brackets Extensions for Front End Developers</a></div><p class="richtext text-body-sm font-shopifysans font-normal text-shade-60">25 Aug 2020</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-shopifysans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/ng/partners/blog/topics/front-end-development" class="no-underline">Front End Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/ng/partners/blog/online-learning-resources-2017" rel="" target="_self">5 Free Online Learning Resources for Designers and Developers</a></div><p class="richtext text-body-sm font-shopifysans font-normal text-shade-60">15 Jul 2020</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-shopifysans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/ng/partners/blog/topics/front-end-development" class="no-underline">Front End Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/ng/partners/blog/best-visual-studio-code-extensions" rel="" target="_self">The 20 Best Visual Studio Code Extensions for Front End Developers</a></div><p class="richtext text-body-sm font-shopifysans font-normal text-shade-60">24 Jun 2020</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-shopifysans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/ng/partners/blog/topics/front-end-development" class="no-underline">Front End Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/ng/partners/blog/developer-resources" rel="" target="_self">30 Developer Resources to Diversify Your Skill Set</a></div><p class="richtext text-body-sm font-shopifysans font-normal text-shade-60">16 Apr 2020</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-shopifysans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/ng/partners/blog/topics/front-end-development" class="no-underline">Front End Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/ng/partners/blog/user-centered-design-strategies" rel="" target="_self">How to Use PWA and AMP for User Centered Design</a></div><p class="richtext text-body-sm font-shopifysans font-normal text-shade-60">27 Feb 2020</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-shopifysans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/ng/partners/blog/topics/front-end-development" class="no-underline">Front End Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/ng/partners/blog/deploy-website" rel="" target="_self">4 Easy Ways to Deploy Your Website or App</a></div><p class="richtext text-body-sm font-shopifysans font-normal text-shade-60">19 Feb 2020</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-shopifysans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/ng/partners/blog/topics/front-end-development" class="no-underline">Front End Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/ng/partners/blog/intro-to-css" rel="" target="_self">Intro to CSS: A Beginner’s Guide to Cascading Style Sheets</a></div><p class="richtext text-body-sm font-shopifysans font-normal text-shade-60">5 Feb 2020</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-shopifysans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/ng/partners/blog/topics/front-end-development" class="no-underline">Front End Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/ng/partners/blog/javascript-performance" rel="" target="_self">How to Refactor a Shopify Site for Javascript Performance</a></div><p class="richtext text-body-sm font-shopifysans font-normal text-shade-60">22 Jan 2020</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-shopifysans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/ng/partners/blog/topics/front-end-development" class="no-underline">Front End Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/ng/partners/blog/web-performance" rel="" target="_self">Web Performance: 11 Must-Read Tips to Give Your Site a Speed Boost</a></div><p class="richtext text-body-sm font-shopifysans font-normal text-shade-60">15 Jan 2020</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-shopifysans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/ng/partners/blog/topics/front-end-development" class="no-underline">Front End Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/ng/partners/blog/jamstack" rel="" target="_self">How to Build Fast and Secure Websites With the JAMstack</a></div><p class="richtext text-body-sm font-shopifysans font-normal text-shade-60">5 Dec 2019</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-shopifysans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/ng/partners/blog/topics/front-end-development" class="no-underline">Front End Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/ng/partners/blog/best-atom-packages" rel="" target="_self">The 21 Best Atom Packages for Front End Developers</a></div><p class="richtext text-body-sm font-shopifysans font-normal text-shade-60">4 Dec 2019</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-shopifysans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/ng/partners/blog/topics/front-end-development" class="no-underline">Front End Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/ng/partners/blog/jquery-image-zoom" rel="" target="_self">Using JQuery Zoom and JavaScript Zoom for Product Images on Shopify</a></div><p class="richtext text-body-sm font-shopifysans font-normal text-shade-60">12 Nov 2019</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-shopifysans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/ng/partners/blog/topics/front-end-development" class="no-underline">Front End Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/ng/partners/blog/website-security" rel="" target="_self">Website Security: 13 Ways to Improve Front End Security and Not Get Hacked</a></div><p class="richtext text-body-sm font-shopifysans font-normal text-shade-60">16 Oct 2019</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-shopifysans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/ng/partners/blog/topics/front-end-development" class="no-underline">Front End Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/ng/partners/blog/customize-terminal" rel="" target="_self">15 Tools to Customize Your Terminal and Command Line</a></div><p class="richtext text-body-sm font-shopifysans font-normal text-shade-60">1 Oct 2019</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-shopifysans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/ng/partners/blog/topics/front-end-development" class="no-underline">Front End Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/ng/partners/blog/front-end-development-tools" rel="" target="_self">The 8 Best Free Shopify Resources and Tools for Front-End Developers</a></div><p class="richtext text-body-sm font-shopifysans font-normal text-shade-60">5 Sept 2019</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-shopifysans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/ng/partners/blog/topics/front-end-development" class="no-underline">Front End Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/ng/partners/blog/related-products" rel="" target="_self">How to Build a Customizable Related Products Section</a></div><p class="richtext text-body-sm font-shopifysans font-normal text-shade-60">31 Jul 2019</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-shopifysans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/ng/partners/blog/topics/front-end-development" class="no-underline">Front End Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/ng/partners/blog/css-resources" rel="" target="_self">A Modern Approach to CSS Pt. 2: Building Resources</a></div><p class="richtext text-body-sm font-shopifysans font-normal text-shade-60">17 Jul 2019</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-shopifysans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/ng/partners/blog/topics/front-end-development" class="no-underline">Front End Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/ng/partners/blog/css-tools" rel="" target="_self">A Modern Approach to CSS Pt. 1: Tools and Organization</a></div><p class="richtext text-body-sm font-shopifysans font-normal text-shade-60">9 Jul 2019</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-shopifysans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/ng/partners/blog/topics/front-end-development" class="no-underline">Front End Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/ng/partners/blog/html-localization" rel="" target="_self">Embrace Localization and Multilingual Content with HTML and CSS</a></div><p class="richtext text-body-sm font-shopifysans font-normal text-shade-60">6 Jun 2019</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-shopifysans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/ng/partners/blog/topics/front-end-development" class="no-underline">Front End Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/ng/partners/blog/shopify-upload-products-csv" rel="" target="_self">Add Products Faster With Product CSVs</a></div><p class="richtext text-body-sm font-shopifysans font-normal text-shade-60">20 Mar 2019</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-shopifysans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/ng/partners/blog/topics/front-end-development" class="no-underline">Front End Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/ng/partners/blog/monolith-software" rel="" target="_self">Deconstructing the Monolith: Designing Software that Maximizes Developer Productivity</a></div><p class="richtext text-body-sm font-shopifysans font-normal text-shade-60">7 Mar 2019</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-shopifysans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/ng/partners/blog/topics/front-end-development" class="no-underline">Front End Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/ng/partners/blog/hreflang-tags-for-multilingual-stores" rel="" target="_self">Understanding hreflang Tags for Multilingual Stores</a></div><p class="richtext text-body-sm font-shopifysans font-normal text-shade-60">15 Nov 2018</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-shopifysans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/ng/partners/blog/topics/front-end-development" class="no-underline">Front End Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/ng/partners/blog/front-end-developer-skills" rel="" target="_self">10 Essential Front-End Developer Skills to Help You Move Faster in Your Career</a></div><p class="richtext text-body-sm font-shopifysans font-normal text-shade-60">19 Oct 2018</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-shopifysans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/ng/partners/blog/topics/front-end-development" class="no-underline">Front End Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/ng/partners/blog/ui-animation" rel="" target="_self">Reactive UI Animations with CSS Variables</a></div><p class="richtext text-body-sm font-shopifysans font-normal text-shade-60">1 May 2018</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-shopifysans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/ng/partners/blog/topics/front-end-development" class="no-underline">Front End Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/ng/partners/blog/shopify-filters" rel="" target="_self">How to Use Math Filters with Liquid</a></div><p class="richtext text-body-sm font-shopifysans font-normal text-shade-60">13 Apr 2018</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-shopifysans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/ng/partners/blog/topics/front-end-development" class="no-underline">Front End Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/ng/partners/blog/sublime-text-plugins-2018" rel="" target="_self">The 25 Best Sublime Text Plugins for Front End Developers</a></div><p class="richtext text-body-sm font-shopifysans font-normal text-shade-60">28 Mar 2018</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-shopifysans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/ng/partners/blog/topics/front-end-development" class="no-underline">Front End Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/ng/partners/blog/css-grid" rel="" target="_self">Getting Started With a CSS Grid Layout on Shopify</a></div><p class="richtext text-body-sm font-shopifysans font-normal text-shade-60">14 Dec 2017</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-shopifysans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/ng/partners/blog/topics/front-end-development" class="no-underline">Front End Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/ng/partners/blog/best-404-pages" rel="" target="_self">How to Craft the Best 404 Pages for your Clients</a></div><p class="richtext text-body-sm font-shopifysans font-normal text-shade-60">8 Dec 2017</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-shopifysans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/ng/partners/blog/topics/front-end-development" class="no-underline">Front End Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/ng/partners/blog/build-an-eye-catching-non-rectangular-header-design" rel="" target="_self">Build an Eye-Catching Non-Rectangular Header Design</a></div><p class="richtext text-body-sm font-shopifysans font-normal text-shade-60">4 Oct 2017</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-shopifysans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/ng/partners/blog/topics/front-end-development" class="no-underline">Front End Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/ng/partners/blog/how-google-s-amp-project-is-changing-the-mobile-web" rel="" target="_self">How Google’s AMP Project is Changing the Mobile Web</a></div><p class="richtext text-body-sm font-shopifysans font-normal text-shade-60">28 Sept 2017</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-shopifysans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/ng/partners/blog/topics/front-end-development" class="no-underline">Front End Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/ng/partners/blog/web-fonts-to-enhance-stores" rel="" target="_self">How Web Fonts Can Enhance Your Client’s Custom Ecommerce Store</a></div><p class="richtext text-body-sm font-shopifysans font-normal text-shade-60">10 Aug 2017</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-shopifysans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/ng/partners/blog/topics/front-end-development" class="no-underline">Front End Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/ng/partners/blog/website-maintenance-tips" rel="" target="_self">5 Easy-to-Implement Website Maintenance Tips for Your Client's Ecommerce Business</a></div><p class="richtext text-body-sm font-shopifysans font-normal text-shade-60">31 Jul 2017</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-shopifysans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/ng/partners/blog/topics/front-end-development" class="no-underline">Front End Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/ng/partners/blog/using-responsive-images" rel="" target="_self">Using Responsive Images to Decrease Page Loading Times</a></div><p class="richtext text-body-sm font-shopifysans font-normal text-shade-60">11 Jul 2017</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-shopifysans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/ng/partners/blog/topics/front-end-development" class="no-underline">Front End Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/ng/partners/blog/open-graph-tags" rel="" target="_self">How Open Graph Tags can Optimize Social Media Experiences</a></div><p class="richtext text-body-sm font-shopifysans font-normal text-shade-60">28 Jun 2017</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-shopifysans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/ng/partners/blog/topics/front-end-development" class="no-underline">Front End Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/ng/partners/blog/free-webinar-getting-started-with-sass-and-shopify" rel="" target="_self">[Free Webinar] Getting Started with Sass and Shopify</a></div><p class="richtext text-body-sm font-shopifysans font-normal text-shade-60">12 Jun 2017</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-shopifysans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/ng/partners/blog/topics/front-end-development" class="no-underline">Front End Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/ng/partners/blog/introduction-to-shopify-theming-for-wordpress-theme-developers" rel="" target="_self">Introduction to Shopify Theming for WordPress Theme Developers</a></div><p class="richtext text-body-sm font-shopifysans font-normal text-shade-60">16 May 2017</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-shopifysans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/ng/partners/blog/topics/front-end-development" class="no-underline">Front End Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/ng/partners/blog/5-powerful-web-developer-tools-to-increase-productivity" rel="" target="_self">4 Lesser Known but Powerful Web Developer Tools that Increase Productivity</a></div><p class="richtext text-body-sm font-shopifysans font-normal text-shade-60">12 May 2017</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-shopifysans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/ng/partners/blog/topics/front-end-development" class="no-underline">Front End Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/ng/partners/blog/enhancing-the-ecommerce-experience-recent-updates-to-shopify-s-online-store-and-liquid" rel="" target="_self">Enhancing the Ecommerce Experience: Recent Updates to Shopify’s Online Store and Liquid</a></div><p class="richtext text-body-sm font-shopifysans font-normal text-shade-60">21 Apr 2017</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-shopifysans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/ng/partners/blog/topics/front-end-development" class="no-underline">Front End Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/ng/partners/blog/creating-dynamic-color-schemes-with-theme-options-and-presets" rel="" target="_self">Creating Dynamic Color Schemes with Theme Options and Presets</a></div><p class="richtext text-body-sm font-shopifysans font-normal text-shade-60">7 Apr 2017</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-shopifysans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/ng/partners/blog/topics/front-end-development" class="no-underline">Front End Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/ng/partners/blog/8-free-resources-for-learning-web-design-and-how-to-code" rel="" target="_self">8 Free Resources For Learning Web Design and How to Code</a></div><p class="richtext text-body-sm font-shopifysans font-normal text-shade-60">17 Feb 2017</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-shopifysans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/ng/partners/blog/topics/front-end-development" class="no-underline">Front End Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/ng/partners/blog/what-is-progressive-enhancement-and-why-should-you-care" rel="" target="_self">What is Progressive Enhancement and Why Should You Care?</a></div><p class="richtext text-body-sm font-shopifysans font-normal text-shade-60">15 Feb 2017</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-shopifysans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/ng/partners/blog/topics/front-end-development" class="no-underline">Front End Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/ng/partners/blog/how-to-use-javascript-to-add-ecommerce-to-any-website" rel="" target="_self">How to Use JavaScript to Add Ecommerce to Any Website</a></div><p class="richtext text-body-sm font-shopifysans font-normal text-shade-60">9 Feb 2017</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-shopifysans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/ng/partners/blog/topics/front-end-development" class="no-underline">Front End Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/ng/partners/blog/four-smart-reasons-to-embed-a-shopify-store-in-your-client-websites" rel="" target="_self">Four Smart Reasons to Embed a Shopify Store in Your Client Websites</a></div><p class="richtext text-body-sm font-shopifysans font-normal text-shade-60">26 Jan 2017</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-shopifysans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/ng/partners/blog/topics/front-end-development" class="no-underline">Front End Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/ng/partners/blog/building-icon-systems-with-svg" rel="" target="_self">Building Icon Systems With SVG</a></div><p class="richtext text-body-sm font-shopifysans font-normal text-shade-60">25 Jan 2017</p></div></article></div><div class="flex mt-10 justify-center"><div class="mx-7"><div class=""><svg viewBox="0 0 20 20" width="20" height="20" class=""><path fill-rule="evenodd" d="M11.764 5.204a.75.75 0 0 1 .032 1.06l-3.516 3.736 3.516 3.736a.75.75 0 1 1-1.092 1.028l-4-4.25a.75.75 0 0 1 0-1.028l4-4.25a.75.75 0 0 1 1.06-.032Z"></path></svg><span class="hidden"></span></div></div><ul class="flex justify-center"><li class="mx-5"><span class="font-bold">1</span></li><li class="mx-5"><a class="underline" href="https://www.shopify.com/ng/partners/blog/topics/front-end-development?page=2" aria-label="External source: 2">2</a></li></ul><div class="mx-7"><a href="https://www.shopify.com/ng/partners/blog/topics/front-end-development?page=2" aria-label="External source: "><div class=""><span class="hidden"></span><svg viewBox="0 0 20 20" width="20" height="20" class=""><path fill-rule="evenodd" d="M7.72 14.53a.75.75 0 0 1 0-1.06l3.47-3.47-3.47-3.47a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 0 1-1.06 0Z"></path></svg></div></a></div></div></div><div class="relative overflow-hidden bg-partners-conversionBg bg-no-repeat tablet-xl:bg-partners-bottom-converion tablet-xl:bg-cover tablet-xl:bg-center bg-partners-bottom-converion-mobile bg-contain bg-left-bottom"><div class="container relative flex flex-col items-center text-center py-[54px] tablet-xl:py-32"><span class="richtext normal-case font-light text-white font-sans text-[42px] tablet-xl:text-[64px] max-w-[800px] mb-9">Grow your business with the Shopify Partner Program</span><div data-component-name="button-group" class="text-base relative z-20 [&_a]:bg-partners-conversionButton [&_a]:text-partners-conversionButtonText [&_a]:font-ibmmono [&_a]:text-base [&_a]:font-medium [&_a]:hover:bg-[#62ba6b] [&_a]:hover:text-black [&_a]:px-5 [&_a]:py-[10px]" data-mode="light"><div class="flex gap-y-sm flex-wrap gap-x-sm justify-center"><a href="/ng/partners" class="inline-block self-center overflow-hidden max-w-full px-button-px py-button-py ring-inset rounded-button font-button-font font-button-weight tracking-button-tracking transition-all duration-150 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-state-focus focus-visible:outline md:px-button-lg-px md:py-button-lg-py text-button-lg-size border-2 text-button-light-primary-text bg-button-light-primary-bg border-button-light-primary-border ring-button-light-primary-border hover:text-button-light-primary-text-hover hover:bg-button-light-primary-bg-hover hover:border-button-light-primary-border-hover hover:ring-button-light-primary-border-hover focus:text-button-light-primary-text-focus focus:bg-button-light-primary-bg-focus focus:border-button-light-primary-border-focus focus:ring-button-light-primary-border-focus active:text-button-light-primary-text-active active:bg-button-light-primary-bg-active active:border-button-light-primary-border-active active:ring disabled:text-button-light-primary-text-disabled disabled:bg-button-light-primary-bg-disabled disabled:border-button-light-primary-border-disabled disabled:ring-button-light-primary-border-disabled" data-component-name="button" data-mode="light" target="">Join Today</a></div></div></div></div></div></main><div class="bg-black text-white"><div class="container"><div class="border-b border-[#151516] flex flex-col items-start md:flex-row pt-14 pb-4 md:pb-6"><a href="/ng/about" class="text-base font-bold mb-4 md:mr-5">About</a><a href="/ng/careers" class="text-base font-bold mb-4 md:mr-5">Careers</a><a href="https://www.shopify.com/news" class="text-base font-bold mb-4 md:mr-5">Press and Media</a><a href="/ng/plus" class="text-base font-bold mb-4 md:mr-5">Shopify Plus</a><a href="/ng/sitemap" class="text-base font-bold mb-4 md:mr-5">Sitemap</a></div></div><div class="border-b border-[#151516] pt-8 md:pt-5"><div class="container flex flex-row"><div class="md:flex md:flex-row md:mb-6 w-1/2 md:w-4/6"><div class="mb-16 md:mb-0 md:w-3/4"><div class="text-sm uppercase font-extrabold mb-4">Online Store</div><div class="md:columns-3"><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="/ng/online">Sell Online</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="/ng/examples">Examples</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="/ng/website/builder">Website Builder</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="/ng/tour">Online Retail</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="/ng/tour/ecommerce-website">Ecommerce Website</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="/ng/domains">Domain Names</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="/ng/tour/shopping-cart">Shopping Cart</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="/ng/tour/ecommerce-hosting">Ecommerce Hosting</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="/ng/mobile">Mobile Commerce</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="/ng/online-store">Online Store Builder</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="/ng/dropshipping">Dropshipping Business</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="https://themes.shopify.com/">Store Themes</a></div></div></div><div class="mb-16 md:mb-0 md:w-1/4"><div class="text-sm uppercase font-extrabold mb-4">Point of Sale</div><div class="columns-1"><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="/ng/pos">Point of Sale</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="/ng/pos/features">Features</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="/ng/pos/store">Hardware</a></div></div></div></div><div class="md:flex md:flex-row md:mb-6 w-1/2 md:w-2/6"><div class="mb-16 md:mb-0 md:w-1/2"><div class="text-sm uppercase font-extrabold mb-4">Support</div><div class="columns-1"><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="https://help.shopify.com/en/questions">24/7 support</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="https://help.shopify.com/en/">Shopify Help Center</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="https://community.shopify.com/c/Shopify-Community/ct-p/en?utm_campaign=footer&utm_content=en&utm_medium=web&utm_source=shopify">Shopify Community</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="https://shopify.dev/docs/api">API Documentation</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="/ng/tools">Free Tools</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="/ng/stock-photos">Free Stock Photos</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="/tools/logo-maker">Logo Maker</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="/tools/business-name-generator">Business Name Generator </a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="/ng/plus/commerce-trends">Research</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="/ng/legal">Legal</a></div></div></div><div class="mb-16 md:mb-0 md:w-1/2"><div class="text-sm uppercase font-extrabold mb-4">Shopify</div><div class="columns-1"><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="/ng/contact">Contact</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="/ng/partners">Partner Program</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="/ng/affiliates">Affiliate Program</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="https://shopify.dev/?shpxid=a8997906-5385-4535-23F8-D9928E4EE397">App Developers</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="https://shopifyinvestors.com/Home/default.aspx">Investors</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="/ng/blog/topics">Blog Topics</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="https://community.shopify.com/c/events/eb-p/events_en/home?utm_campaign=homepage&utm_content=en&utm_medium=web&utm_source=shopify"></a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="/ng/fulfillment">Fulfillment</a></div></div></div></div></div></div><div class="container flex flex-col-reverse md:flex-row items-center justify-between pt-8 pb-16 md:py-10"><ul class="flex gap-4 md:gap-6 mt-5 md:mt-0" data-component-name="social"><li><a class="block h-8 w-8 fill-white hover:fill-shade-30" href="https://www.facebook.com/shopify" rel="me nofollow noopener noreferrer" target="_blank" data-component-name="social-facebook" aria-label="External source: Facebook (Opens in a new window)"><svg viewBox="0 0 30 30"><path d="M15.6 30V19.4h5V15h-5v-3.1c0-1 .6-1.9 1.3-1.9h3.8V5.6h-3.8c-3.1 0-5.6 2.8-5.6 6.3V15H7.5v4.4h3.8v10.1C4.8 27.9 0 22 0 15 0 6.7 6.7 0 15 0s15 6.7 15 15c0 8.1-6.4 14.7-14.4 15z"></path></svg></a></li><li><a class="block h-8 w-8 fill-white hover:fill-shade-30" href="https://twitter.com/shopify" rel="me nofollow noopener noreferrer" target="_blank" data-component-name="social-twitter" aria-label="External source: Twitter (Opens in a new window)"><svg viewBox="0 0 19 19"><path fill-rule="evenodd" clip-rule="evenodd" d="M19 9.5C19 14.7467 14.7467 19 9.5 19C4.25329 19 0 14.7467 0 9.5C0 4.25329 4.25329 0 9.5 0C14.7467 0 19 4.25329 19 9.5ZM8.18721 10.0675L3.64633 3.99603H7.14609L10.123 7.97639L13.8073 3.99603H14.8358L10.5825 8.59099L15.379 15.0039H11.8792L8.64689 10.6819L4.6462 15.0039H3.61771L8.18721 10.0675ZM6.76655 4.75353H5.15877L12.2586 14.2464H13.8663L6.76655 4.75353Z"></path></svg></a></li><li><a class="block h-8 w-8 fill-white hover:fill-shade-30" href="https://www.youtube.com/user/shopify" rel="me nofollow noopener noreferrer" target="_blank" data-component-name="social-youtube" aria-label="External source: YouTube (Opens in a new window)"><svg viewBox="0 0 30 30"><path d="M30 15c0 8.3-6.7 15-15 15S0 23.3 0 15 6.7 0 15 0s15 6.7 15 15zm-5.6 0c0-6.9 0-6.9-9.4-6.9s-9.4 0-9.4 6.9 0 6.9 9.4 6.9 9.4 0 9.4-6.9zm-11.9-3.7 6.3 3.8-6.3 3.8v-7.6z"></path></svg></a></li><li><a class="block h-8 w-8 fill-white hover:fill-shade-30" href="https://www.instagram.com/shopify/" rel="me nofollow noopener noreferrer" target="_blank" data-component-name="social-instagram" aria-label="External source: Instagram (Opens in a new window)"><svg viewBox="0 0 18 18"><path clip-rule="evenodd" d="M9 0c5 0 9 4 9 9s-4 9-9 9-9-4-9-9 4-9 9-9zM6.7 3.5h4.7c1.8 0 3.2 1.4 3.2 3.1v4.7c0 1.7-1.4 3.1-3.2 3.1H6.7c-1.8 0-3.2-1.4-3.2-3.1V6.7c0-1.8 1.4-3.2 3.2-3.2zM9 6.2c1.6 0 2.9 1.3 2.9 2.9S10.6 12 9 12s-3-1.3-3-2.9 1.3-2.9 3-2.9zm0 1.2c.9 0 1.7.8 1.7 1.7 0 .9-.8 1.7-1.7 1.7-.9 0-1.7-.8-1.7-1.7 0-.9.7-1.7 1.7-1.7zm2.8-1.7c.3 0 .6.2.6.6 0 .3-.2.6-.6.6-.3 0-.6-.2-.6-.6 0-.4.3-.6.6-.6zm-4.6-1h3.7c1.4 0 2.5 1.1 2.5 2.5v3.7c0 1.4-1.1 2.5-2.5 2.5H7.2c-1.4 0-2.5-1.1-2.5-2.5V7.2c-.1-1.4 1.1-2.5 2.5-2.5z" fill-rule="evenodd"></path></svg></a></li><li><a class="block h-8 w-8 fill-white hover:fill-shade-30" href="https://www.tiktok.com/@shopify" rel="me nofollow noopener noreferrer" target="_blank" data-component-name="social-tiktok" aria-label="External source: TikTok (Opens in a new window)"><svg viewBox="0 0 30 30"><path fill-rule="evenodd" clip-rule="evenodd" d="M15 30C23.2843 30 30 23.2843 30 15C30 6.71573 23.2843 0 15 0C6.71573 0 0 6.71573 0 15C0 23.2843 6.71573 30 15 30ZM17.9679 11.937C19.1423 12.7643 20.551 13.2076 21.9952 13.2041V10.3838C21.2138 10.3841 20.4497 10.1579 19.7979 9.73365C19.3398 9.44298 18.9467 9.06336 18.6427 8.61802C18.3387 8.17268 18.1302 7.67098 18.0299 7.1436C17.9873 6.90737 17.9669 6.66779 17.9689 6.42789H15.0829V17.7069C15.0829 18.2146 14.92 18.7094 14.6173 19.1206C14.3146 19.5317 13.8877 19.8382 13.3975 19.9962C12.9073 20.1543 12.3789 20.1558 11.8878 20.0006C11.3966 19.8454 10.9679 19.5414 10.6627 19.1321C10.3576 18.7227 10.1916 18.2289 10.1886 17.7211C10.1856 17.2134 10.3456 16.7177 10.6458 16.3048C10.946 15.8919 11.3711 15.583 11.8604 15.4221C12.3496 15.2612 12.878 15.2566 13.37 15.409V12.5068C12.2944 12.3595 11.1987 12.539 10.2295 13.0213C9.26031 13.5037 8.46383 14.2658 7.94658 15.2058C7.42933 16.1458 7.21597 17.2188 7.33504 18.2814C7.4541 19.344 7.89992 20.3455 8.61286 21.1519C9.3258 21.9583 10.2719 22.5312 11.3246 22.794C12.3772 23.0568 13.4863 22.997 14.5035 22.6225C15.5207 22.2479 16.3975 21.5766 17.0166 20.6983C17.6357 19.82 17.9676 18.7766 17.9679 17.7075V11.937Z"></path></svg></a></li><li><a class="block h-8 w-8 fill-white hover:fill-shade-30" href="https://www.linkedin.com/company/shopify" rel="me nofollow noopener noreferrer" target="_blank" data-component-name="social-linkedin" aria-label="External source: LinkedIn (Opens in a new window)"><svg viewBox="0 0 30 30"><path d="M30 15c0 8.3-6.7 15-15 15S0 23.3 0 15 6.7 0 15 0s15 6.7 15 15zM11.3 7.8c0-1.2-1-2.2-2.5-2.2s-2.5.9-2.5 2.2c0 1.2 1 2.2 2.5 2.2s2.5-1 2.5-2.2zm-.7 4.1H6.9v10.6h3.8V11.9zm13.8 5c0-3.4-1.7-5.6-4.4-5.6-1.5 0-2.6.9-3.1 2.3l-.1-1.6H13c0 .4.1 2.5.1 2.5v8.1h3.8V17c0-1.5.7-2.5 1.8-2.5s1.9.6 1.9 2.5v5.6h3.8v-5.7z"></path></svg></a></li><li><a class="block h-8 w-8 fill-white hover:fill-shade-30" href="https://www.pinterest.com/shopify/" rel="me nofollow noopener noreferrer" target="_blank" data-component-name="social-pinterest" aria-label="External source: Pinterest (Opens in a new window)"><svg viewBox="0 0 30 30"><path d="M15 30c-1.5 0-2.9-.2-4.3-.6.6-.9 1.2-2 1.5-3.2.2-.7 1-4.1 1-4.1.5 1 2 1.9 3.7 1.9 4.8 0 8.1-4.4 8.1-10.3 0-4.4-3.8-8.6-9.5-8.6-7.1-.1-10.6 5-10.6 9.3 0 2.6 1 4.9 3.1 5.7.3.1.7 0 .8-.4.1-.2.2-.9.3-1.2.1-.4 0-.5-.2-.8-.6-.7-1-1.6-1-3 0-3.8 2.8-7.2 7.4-7.2 4 0 6.2 2.5 6.2 5.8 0 4.3-1.9 8-4.8 8-1.6 0-2.7-1.3-2.4-2.9.5-1.9 1.3-4 1.3-5.3 0-1.2-.7-2.3-2-2.3-1.6 0-2.9 1.7-2.9 3.9 0 1.4.5 2.4.5 2.4S9.5 24 9.3 25.3c-.3 1.1-.4 2.4-.3 3.5-5.3-2.4-9-7.7-9-13.8C0 6.7 6.7 0 15 0s15 6.7 15 15-6.7 15-15 15z"></path></svg></a></li></ul><div class="flex flex-col md:flex-row items-center"><a href="/ng/https://www.shopify.com/legal/terms" class="text-white text-15 ml-0 md:ml-6 mb-3 md:mb-[2px]">Terms of Service</a><a href="/ng/https://www.shopify.com/legal/privacy" class="text-white text-15 ml-0 md:ml-6 mb-[2px]">Privacy Policy</a><div class="relative hidden sm:block" data-click-outside="dismiss" data-component-name="regions"><button aria-controls="regionSelector" aria-expanded="false" aria-haspopup="true" class="bg-transparent mx-auto md:inline-block py-3" type="button" data-component-name="region-selector-open" tabindex="0" aria-label="Region Navigation. Current: Nigeria"><span class="inline-flex items-center"><svg viewBox="0 0 45 45" aria-hidden="true" focusable="false" class="mr-1 h-4 w-4 fill-black"><path d="M22.5 2A20.5 20.5 0 1 0 43 22.5 20.52 20.52 0 0 0 22.5 2zm-4.23 28.79A33.67 33.67 0 0 0 22 31a34.54 34.54 0 0 0 4.76-.33 30.45 30.45 0 0 1-4.26 9 30.41 30.41 0 0 1-4.23-8.88zM22 28a29.86 29.86 0 0 1-4.47-.34A31 31 0 0 1 17 22a29.87 29.87 0 0 1 .36-4.64A30.13 30.13 0 0 1 22 17a31 31 0 0 1 5.66.53A29.85 29.85 0 0 1 28 22a31 31 0 0 1-.5 5.5 31 31 0 0 1-5.5.5zm-7.64-1a25.22 25.22 0 0 1-9.15-4.5 24.89 24.89 0 0 1 9-4.48A33.56 33.56 0 0 0 14 22a34.61 34.61 0 0 0 .36 5zM22.5 5.21a25.25 25.25 0 0 1 4.5 9.15 34.61 34.61 0 0 0-5-.36 33.58 33.58 0 0 0-4 .24 25.24 25.24 0 0 1 4.5-9.03zm8.29 13.06a30.41 30.41 0 0 1 8.89 4.23 30.46 30.46 0 0 1-9 4.26A34.54 34.54 0 0 0 31 22a33.67 33.67 0 0 0-.21-3.73zm8.82.59A33.75 33.75 0 0 0 30.26 15a29.2 29.2 0 0 0-3.89-9.56 17.54 17.54 0 0 1 13.24 13.42zm-21-13.41a29.16 29.16 0 0 0-3.85 9.35 29.16 29.16 0 0 0-9.35 3.85A17.54 17.54 0 0 1 18.64 5.44zM5.44 26.36a29.2 29.2 0 0 0 9.56 3.9 33.75 33.75 0 0 0 3.86 9.36A17.54 17.54 0 0 1 5.44 26.36zm20.7 13.25a33.73 33.73 0 0 0 3.91-9.56 33.73 33.73 0 0 0 9.56-3.91 17.55 17.55 0 0 1-13.47 13.47z"></path></svg><span class="break-keep">Nigeria</span><svg viewBox="0 0 10 5" aria-hidden="true" focusable="false" class="ml-2 h-3 w-3 fill-black"><path d="m0 0 5 5 5-5H0z"></path></svg></span></button><div aria-hidden="true" class="w-128 absolute bottom-[calc(100%+5em)] z-50 rounded-lg leading-8 bg-white text-black shadow-soft-2xl right-0" id="regionSelector" data-component-name="region-selector" style="display:none"><ul class="columns-2 px-5 py-8 md:px-14 md:py-10" data-component-name="region-nav" id="region-nav"><li class="flex"><a class="flex hover:underline text-black" href="/ng/partners/blog/topics/front-end-development" data-component-name="en-0" aria-current="true">Nigeria<svg viewBox="0 0 10 8" fill="none" aria-hidden="true" focusable="false" class="ml-2 w-3"><path d="M0.75 4.75L3 7.25L9.25 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></li><li class="flex"><a class="flex hover:underline text-black" href="/au/partners/blog/topics/front-end-development" lang="en" data-component-name="en-1" aria-current="false">Australia</a></li><li class="flex"><a class="flex hover:underline text-black" href="/ca/partners/blog/topics/front-end-development" lang="en" data-component-name="en-2" aria-current="false">Canada (English)</a></li><li class="flex"><a class="flex hover:underline text-black" href="/hk-en/partners/blog/topics/front-end-development" lang="en" data-component-name="en-3" aria-current="false">Hong Kong SAR</a></li><li class="flex"><a class="flex hover:underline text-black" href="/in/partners/blog/topics/front-end-development" lang="en" data-component-name="en-4" aria-current="false">India</a></li><li class="flex"><a class="flex hover:underline text-black" href="/id/partners/blog/topics/front-end-development" lang="en" data-component-name="en-5" aria-current="false">Indonesia</a></li><li class="flex"><a class="flex hover:underline text-black" href="/ie/partners/blog/topics/front-end-development" lang="en" data-component-name="en-6" aria-current="false">Ireland</a></li><li class="flex"><a class="flex hover:underline text-black" href="/my/partners/blog/topics/front-end-development" lang="en" data-component-name="en-7" aria-current="false">Malaysia</a></li><li class="flex"><a class="flex hover:underline text-black" href="/nz/partners/blog/topics/front-end-development" lang="en" data-component-name="en-8" aria-current="false">New Zealand</a></li><li class="flex"><a class="flex hover:underline text-black" href="/ph/partners/blog/topics/front-end-development" lang="en" data-component-name="en-9" aria-current="false">Philippines</a></li><li class="flex"><a class="flex hover:underline text-black" href="/sg/partners/blog/topics/front-end-development" lang="en" data-component-name="en-10" aria-current="false">Singapore</a></li><li class="flex"><a class="flex hover:underline text-black" href="/za/partners/blog/topics/front-end-development" lang="en" data-component-name="en-11" aria-current="false">South Africa</a></li><li class="flex"><a class="flex hover:underline text-black" href="/uk/partners/blog/topics/front-end-development" lang="en" data-component-name="en-12" aria-current="false">United Kingdom</a></li><li class="flex"><a class="flex hover:underline text-black" href="/partners/blog/topics/front-end-development" lang="en" data-component-name="en-13" aria-current="false">USA</a></li></ul></div></div><div class="relative block sm:hidden" data-click-outside="dismiss" data-component-name="regions"><div aria-hidden="true" class="fixed top-0 left-0 z-50 h-full w-full text-[1.1428571429em] will-change-auto transition-opacity motion-reduce:transition-none bg-white pointer-events-none opacity-0"></div><button class="bg-transparent mx-auto md:inline-block py-3" type="button" data-component-name="region-selector-open" tabindex="0" aria-label="Region Navigation. Current: Nigeria"><span class="inline-flex items-center"><svg viewBox="0 0 45 45" aria-hidden="true" focusable="false" class="mr-1 h-4 w-4 fill-black"><path d="M22.5 2A20.5 20.5 0 1 0 43 22.5 20.52 20.52 0 0 0 22.5 2zm-4.23 28.79A33.67 33.67 0 0 0 22 31a34.54 34.54 0 0 0 4.76-.33 30.45 30.45 0 0 1-4.26 9 30.41 30.41 0 0 1-4.23-8.88zM22 28a29.86 29.86 0 0 1-4.47-.34A31 31 0 0 1 17 22a29.87 29.87 0 0 1 .36-4.64A30.13 30.13 0 0 1 22 17a31 31 0 0 1 5.66.53A29.85 29.85 0 0 1 28 22a31 31 0 0 1-.5 5.5 31 31 0 0 1-5.5.5zm-7.64-1a25.22 25.22 0 0 1-9.15-4.5 24.89 24.89 0 0 1 9-4.48A33.56 33.56 0 0 0 14 22a34.61 34.61 0 0 0 .36 5zM22.5 5.21a25.25 25.25 0 0 1 4.5 9.15 34.61 34.61 0 0 0-5-.36 33.58 33.58 0 0 0-4 .24 25.24 25.24 0 0 1 4.5-9.03zm8.29 13.06a30.41 30.41 0 0 1 8.89 4.23 30.46 30.46 0 0 1-9 4.26A34.54 34.54 0 0 0 31 22a33.67 33.67 0 0 0-.21-3.73zm8.82.59A33.75 33.75 0 0 0 30.26 15a29.2 29.2 0 0 0-3.89-9.56 17.54 17.54 0 0 1 13.24 13.42zm-21-13.41a29.16 29.16 0 0 0-3.85 9.35 29.16 29.16 0 0 0-9.35 3.85A17.54 17.54 0 0 1 18.64 5.44zM5.44 26.36a29.2 29.2 0 0 0 9.56 3.9 33.75 33.75 0 0 0 3.86 9.36A17.54 17.54 0 0 1 5.44 26.36zm20.7 13.25a33.73 33.73 0 0 0 3.91-9.56 33.73 33.73 0 0 0 9.56-3.91 17.55 17.55 0 0 1-13.47 13.47z"></path></svg><span class="break-keep">Nigeria</span><svg viewBox="0 0 10 5" aria-hidden="true" focusable="false" class="ml-2 h-3 w-3 fill-black"><path d="m0 0 5 5 5-5H0z"></path></svg></span></button><div aria-hidden="true" class="webkit-overflow-scrolling-touch fixed overflow-hidden z-[999] box-content will-change-auto w-full inset-0 mt-16 rounded-t-lg leading-[3rem] duration-300 ease-in-out motion-reduce:animation-none motion-reduce:transition-none bg-white text-black shadow-soft-2xl invisible translate-y-full" id="mobileRegionSelector" aria-label="Region Navigation" aria-modal="true" role="dialog"><div class="border-shade-30 border-b"><div class="flex items-center justify-between px-5 py-4"><h3 class="text-lg font-medium">Country/region</h3><button class="h-[1.2em] w-[1.2em] fill-current" type="button" data-component-name="region-selector-close"><svg viewBox="0 0 20 20" aria-label="Close Region Navigation" class="h-[1.2em] w-[1.2em] fill-current fill-black"><path d="m11.414 10 6.293-6.293a1 1 0 0 0-1.414-1.414L10 8.586 3.707 2.293a1 1 0 0 0-1.414 1.414L8.586 10l-6.293 6.293a1 1 0 0 0 1.414 1.414L10 11.414l6.293 6.293a.996.996 0 0 0 1.414 0 1 1 0 0 0 0-1.414L11.414 10z"></path></svg></button></div></div><div class="h-full overflow-y-scroll pb-4"><ul class="columns-2 px-5 py-8 md:px-14 md:py-10" data-component-name="region-nav" id="region-nav"><li class="flex"><a class="flex hover:underline text-black" href="/ng/partners/blog/topics/front-end-development" data-component-name="en-0" aria-current="true">Nigeria<svg viewBox="0 0 10 8" fill="none" aria-hidden="true" focusable="false" class="ml-2 w-3"><path d="M0.75 4.75L3 7.25L9.25 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></li><li class="flex"><a class="flex hover:underline text-black" href="/au/partners/blog/topics/front-end-development" lang="en" data-component-name="en-1" aria-current="false">Australia</a></li><li class="flex"><a class="flex hover:underline text-black" href="/ca/partners/blog/topics/front-end-development" lang="en" data-component-name="en-2" aria-current="false">Canada (English)</a></li><li class="flex"><a class="flex hover:underline text-black" href="/hk-en/partners/blog/topics/front-end-development" lang="en" data-component-name="en-3" aria-current="false">Hong Kong SAR</a></li><li class="flex"><a class="flex hover:underline text-black" href="/in/partners/blog/topics/front-end-development" lang="en" data-component-name="en-4" aria-current="false">India</a></li><li class="flex"><a class="flex hover:underline text-black" href="/id/partners/blog/topics/front-end-development" lang="en" data-component-name="en-5" aria-current="false">Indonesia</a></li><li class="flex"><a class="flex hover:underline text-black" href="/ie/partners/blog/topics/front-end-development" lang="en" data-component-name="en-6" aria-current="false">Ireland</a></li><li class="flex"><a class="flex hover:underline text-black" href="/my/partners/blog/topics/front-end-development" lang="en" data-component-name="en-7" aria-current="false">Malaysia</a></li><li class="flex"><a class="flex hover:underline text-black" href="/nz/partners/blog/topics/front-end-development" lang="en" data-component-name="en-8" aria-current="false">New Zealand</a></li><li class="flex"><a class="flex hover:underline text-black" href="/ph/partners/blog/topics/front-end-development" lang="en" data-component-name="en-9" aria-current="false">Philippines</a></li><li class="flex"><a class="flex hover:underline text-black" href="/sg/partners/blog/topics/front-end-development" lang="en" data-component-name="en-10" aria-current="false">Singapore</a></li><li class="flex"><a class="flex hover:underline text-black" href="/za/partners/blog/topics/front-end-development" lang="en" data-component-name="en-11" aria-current="false">South Africa</a></li><li class="flex"><a class="flex hover:underline text-black" href="/uk/partners/blog/topics/front-end-development" lang="en" data-component-name="en-12" aria-current="false">United Kingdom</a></li><li class="flex"><a class="flex hover:underline text-black" href="/partners/blog/topics/front-end-development" lang="en" data-component-name="en-13" aria-current="false">USA</a></li></ul></div></div></div></div></div></div></div><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/entry.client-CAwnvvNi.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/components-BKn7Xt1n.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/I18N-BW9oEctj.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/Wrapper-O8-XaoZj.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/Image-CKVSuqto.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/Section-DBrKrbhM.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/HeadingGroup-CJu48Ve_.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/SideBySide-BsRopmQr.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/Provider-BJJdxoIf.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/SectionHeader-Bc8e-DGA.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/root-D-QKPf9R.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/preload-font-xYLHsSOr.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/layout-DKgVcBN3.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/PageLayout-CSpWBva5.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/XIcon.svg-Bh-zP-9k.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/NavigationSearch-D_dT4lz7.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/constants-Cs9nQPfb.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/ChevronRightIcon.svg-cETHgj-e.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/blog-Dlsi9ky9.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/BlogCard-C40CYuiD.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/BlogConversion-Cv-wpUNN.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/FakeCursorPagination-DCG7vWHg.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/partnersHelpers-BlRjfC34.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/PartnersFooter-CHCkfBek.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/usePaginatedPageTitle-ChiB69AF.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/useBlogPageTitle-D1JGMK-m.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/handle-BeFHnPVi.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/route-Ss4NWf3y.js"/><script>window.__remixContext = {"url":"/ng/partners/blog/topics/front-end-development","basename":"/","future":{"v3_fetcherPersist":false,"v3_relativeSplatPath":false,"v3_throwAbortReason":false,"unstable_singleFetch":false,"unstable_fogOfWar":true},"isSpaMode":false,"state":{"loaderData":{"pages/shopify.com/($locale)~~layout":{"mainNavData":[{"content":"Solutions","data":{"gaEvent":"Main Nav","gaAction":"Online Solutions"},"navItems":[{"content":"Start","data":{"gaEvent":"Main Nav","gaAction":"Build Nav"},"columnStart":1,"columnSpan":3,"icon":"build","navItems":[{"content":"Start your business","url":"/ng/start","separated":true,"data":{"gaEvent":"Main Nav","gaAction":"Start"},"description":"Build your brand"},{"content":"Create your website","url":"/ng/website/builder","data":{"gaEvent":"Main Nav","gaAction":"Create your website"},"description":"Online store editor"},{"content":"Customize your store","url":"https://themes.shopify.com/","data":{"gaEvent":"Main Nav","gaAction":"Customize your store"},"description":"Store themes"},{"content":"Find business apps","url":"https://apps.shopify.com/","data":{"gaEvent":"Main Nav","gaAction":"Find business apps"},"description":"Shopify app store"},{"content":"Own your site domain","url":"/ng/domains","data":{"gaEvent":"Main Nav","gaAction":"Own your site domain"},"description":"Domains \u0026 hosting"},{"content":"Explore free business tools","url":"/ng/tools","data":{"gaEvent":"Main Nav","gaAction":"Explore free business tools"},"description":"Tools to run your business"}]},{"content":"Sell","data":{"gaEvent":"Main Nav","gaAction":"Sell Nav"},"columnStart":4,"columnSpan":3,"icon":"sell","navItems":[{"content":"Sell your products","url":"/ng/sell","separated":true,"data":{"gaEvent":"Main Nav","gaAction":"Sell your products"},"description":"Sell online or in person"},{"content":"Sell online","url":"/ng/online","data":{"gaEvent":"Main Nav","gaAction":"Sell online"},"description":"Grow your business online"},{"content":"Sell across channels","url":"/ng/channels","data":{"gaEvent":"Main Nav","gaAction":"Sell on across channels"},"description":"Reach millions of shoppers and boost sales"},{"content":"Sell in person","url":"/ng/pos","data":{"gaEvent":"Main Nav","gaAction":"Sell in person"},"description":"Point of Sale (POS)"},{"content":"Sell globally","url":"/ng/markets","data":{"gaEvent":"Main Nav","gaAction":"Sell globally"},"description":"International sales"},{"content":"Sell wholesale \u0026 direct","url":"/ng/plus/solutions/b2b-ecommerce","data":{"gaEvent":"Main Nav","gaAction":"Sell wholesale and direct"},"description":"Business-to-business (B2B)"}]},{"content":"Market","data":{"gaEvent":"Main Nav","gaAction":"Market Nav"},"columnStart":7,"columnSpan":3,"icon":"market","navItems":[{"content":"Market your business","url":"/ng/marketing","separated":true,"data":{"gaEvent":"Main Nav","gaAction":"Market your business"},"description":"Reach \u0026 retain customers"},{"content":"Market across social","url":"/ng/facebook-instagram","data":{"gaEvent":"Main Nav","gaAction":"Market across social"},"description":"Social media integrations"},{"content":"Chat with customers","url":"/ng/inbox","data":{"gaEvent":"Main Nav","gaAction":"inbox"},"description":"Shopify Inbox"},{"content":"Nurture customers","url":"/ng/email-marketing","data":{"gaEvent":"Main Nav","gaAction":"Shopify Email"},"description":"Shopify Email"},{"content":"Know your audience","url":"/ng/segmentation","data":{"gaEvent":"Main Nav","gaAction":"Know your customers"},"description":"Gain customer insights"}]},{"content":"Manage","data":{"gaEvent":"Main Nav","gaAction":"Manage Nav"},"columnStart":10,"columnSpan":3,"icon":"manage","navItems":[{"content":"Manage your business","url":"/ng/manage","separated":true,"data":{"gaEvent":"Main Nav","gaAction":"Manage your business"},"description":"Track sales, orders \u0026 analytics"},{"content":"Measure your performance","url":"/ng/analytics","data":{"gaEvent":"Main Nav","gaAction":"Measure your Performance"},"description":"Analytics and Reporting"},{"content":"Manage your stock \u0026 orders","url":"/ng/orders","data":{"gaEvent":"Main Nav","gaAction":"Organize inventory and orders"},"description":"Inventory \u0026 order management"},{"content":"Automate your business","url":"/ng/flow","data":{"gaEvent":"Main Nav","gaAction":"Automate your business"},"description":"Shopify Flow"}]},{"aside":true,"columnStart":1,"columnSpan":12,"navItems":[{"content":"Shopify Developers","url":"https://shopify.dev","data":{"gaEvent":"Main Nav","gaAction":"Shopify Developers"},"description":"Build with Shopify's powerful APIs","columnSpan":3},{"content":"Plus","url":"/ng/plus","data":{"gaEvent":"Main Nav","gaAction":"Shopify Plus"},"description":"A commerce solution for growing digital brands","columnSpan":3},{"content":"All Products","url":"/ng/products","data":{"gaEvent":"Main Nav","gaAction":"All products"},"description":"Explore all Shopify products \u0026 features","columnSpan":3}]}]},{"content":"Pricing","url":"/ng/pricing","data":{"gaEvent":"Main Nav","gaAction":"Pricing Nav"}},{"content":"Resources","data":{"gaEvent":"Main Nav","gaAction":"Resources Nav"},"navItems":[{"content":"Help and support","data":{"gaEvent":"Main Nav","gaAction":"Help and support Nav"},"columnStart":1,"columnSpan":3,"icon":"helpAndSupport","navItems":[{"content":"Help and support","url":"https://help.shopify.com/en/","data":{"gaEvent":"Main Nav","gaAction":"Help and support"},"description":"Get 24/7 support"},{"content":"How-to guides","url":"/ng/blog/topics/guides","data":{"gaEvent":"Main Nav","gaAction":"How-to guides"},"description":"Read in-depth business guides"},{"content":"Business courses","url":"https://academy.shopify.com","data":{"gaEvent":"Main Nav","gaAction":"Business courses"},"description":"Learn from proven experts"},{"content":"Shopify blog","url":"/ng/blog","data":{"gaEvent":"Main Nav","gaAction":"Shopify blog"},"description":"Business strategy tips"}]},{"content":"Popular topics","data":{"gaEvent":"Main Nav","gaAction":"Popular topics Nav"},"columnStart":4,"columnSpan":6,"splitColumns":true,"icon":"popularTopics","navItems":[{"content":"What is Shopify?","url":"/ng/blog/what-is-shopify","data":{"gaEvent":"Main Nav","gaAction":"What is Shopify?"},"description":"How our commerce platform works"},{"content":"Founder stories","url":"/ng/blog/topics/founder-stories","data":{"gaEvent":"Main Nav","gaAction":"Founder Stories"},"description":"Learn from successful merchants"},{"content":"Branding","url":"/ng/blog/how-to-build-a-brand","data":{"gaEvent":"Main Nav","gaAction":"Branding"},"description":"Build your brand from scratch"},{"content":"Marketing","url":"/ng/blog/marketing-plan","data":{"gaEvent":"Main Nav","gaAction":"Marketing"},"description":"Build a marketing plan"},{"content":"Ecommerce SEO","url":"/ng/blog/ecommerce-seo-beginners-guide","data":{"gaEvent":"Main Nav","gaAction":"Ecommerce SEO"},"description":"Improve your search ranking"},{"content":"Social media strategy","url":"/ng/blog/topics/social-media-optimization","data":{"gaEvent":"Main Nav","gaAction":"Social media strategy"},"description":"Turn social into sales"},{"content":"Business growth","url":"/ng/blog/how-to-scale-small-business","data":{"gaEvent":"Main Nav","gaAction":"Business growth"},"description":"Scale your business"}]},{"content":"Essential tools","data":{"gaEvent":"Main Nav","gaAction":"Essential tools Nav"},"columnStart":10,"columnSpan":3,"aside":true,"icon":"essentialTools","navItems":[{"content":"Logo maker","url":"/tools/logo-maker","data":{"gaEvent":"Main Nav","gaAction":"Logo maker"}},{"content":"Stock photography","url":"https://www.shopify.com/stock-photos","data":{"gaEvent":"Main Nav","gaAction":"Stock photography"}},{"content":"Business plan template","url":"/ng/blog/business-plan-template","data":{"gaEvent":"Main Nav","gaAction":"Business plan template"}},{"content":"Link in bio tool","url":"https://www.linkpop.com/","data":{"gaEvent":"Main Nav","gaAction":"Link in bio tool"}},{"content":"QR code generator","url":"/ng/tools/qr-code-generator","data":{"gaEvent":"Main Nav","gaAction":"QR code generator"}}]}]},{"content":"Enterprise","url":"/ng/enterprise","data":{"gaEvent":"Main Nav","gaAction":"Upmarket Enterprise CTA"}},{"content":"What’s new","data":{"gaEvent":"Main Nav","gaAction":"What's New"},"navItems":[{"simple":true,"columnStart":1,"columnSpan":12,"navItems":[{"content":"Changelog","url":"https://changelog.shopify.com","data":{"gaEvent":"Main Nav","gaAction":"Changelog"},"description":"Your source for recent updates","columnSpan":3,"icon":"changelog"},{"content":"Newsroom","url":"https://shopify.com/news","data":{"gaEvent":"Main Nav","gaAction":"Newsroom"},"description":"All company news and press releases","columnSpan":3,"icon":"newsroom"}]}]}],"segments":null},"pages/shopify.com/($locale)/partners/blog/topics/$topic":{"url":"https://www.shopify.com/ng/partners/blog/topics/front-end-development","canonicalUrl":"https://www.shopify.com/ng/partners/blog/topics/front-end-development","rootDomain":"shopify.com","experimentVariationId":"f_2a301ab5cba6ac6e4310bf493c0bca04:true","realCountryCode":"SG","geoCountryCode":"","regionCode":"","site":{"domain":"www.shopify.com.ng","countryCode":"NG","hreflang":"en-NG","locale":"en-NG","baseEnDomain":true,"currencyCode":"NGN","features":["blog","facebook_instagram","google","lite_plan","starter_plan","plus","localized_help_center","pos","sitemap_blog","sitemap_blog_retail","sitemap_enterprise","sitemap_tools","support_24_7","google_buy","global_page_title"],"pathPrefix":"ng","languageCode":"en"},"fileRoutePath":"/partners/blog/topics/$topic","regions":[{"domain":"www.shopify.com.ng","href":"https://www.shopify.com/au/partners/blog/topics/front-end-development","hreflang":"en-AU","label":"Australia","lang":"en","base":false,"selector":true,"isActive":false,"published":true},{"domain":"www.shopify.com.ng","href":"https://www.shopify.com/be-de","hreflang":"de-BE","label":"Belgium","lang":"de","base":false,"selector":false,"isActive":false,"published":false},{"domain":"www.shopify.com.ng","href":"https://www.shopify.com/be-en","hreflang":"en-BE","label":"Belgium","lang":"en","base":false,"selector":false,"isActive":false,"published":false},{"domain":"www.shopify.com.ng","href":"https://www.shopify.com/be-fr","hreflang":"fr-BE","label":"Belgium","lang":"fr","base":false,"selector":false,"isActive":false,"published":false},{"domain":"www.shopify.com.ng","href":"https://www.shopify.com/be","hreflang":"nl-BE","label":"Belgium","lang":"nl","base":false,"selector":true,"isActive":false,"published":false},{"domain":"www.shopify.com.ng","href":"https://www.shopify.com/br","hreflang":"pt","label":"Brasil","lang":"pt","base":false,"selector":true,"isActive":false,"published":false},{"domain":"www.shopify.com.ng","href":"https://www.shopify.com/ca/partners/blog/topics/front-end-development","hreflang":"en-CA","label":"Canada (English)","lang":"en","base":false,"selector":true,"isActive":false,"published":true},{"domain":"www.shopify.com.ng","href":"https://www.shopify.com/ca-fr","hreflang":"fr-CA","label":"Canada (Français)","lang":"fr","base":false,"selector":true,"isActive":false,"published":false},{"domain":"www.shopify.com.ng","href":"https://www.shopify.com/cz","hreflang":"cs","label":"Česká republika","lang":"cs","base":false,"selector":true,"isActive":false,"published":false},{"domain":"www.shopify.com.ng","href":"https://www.shopify.com/co","hreflang":"es-CO","label":"Colombia","lang":"es","base":false,"selector":true,"isActive":false,"published":false},{"domain":"www.shopify.com.ng","href":"https://www.shopify.com/dk","hreflang":"da","label":"Danmark","lang":"da","base":false,"selector":true,"isActive":false,"published":false},{"domain":"www.shopify.com.ng","href":"https://www.shopify.com/dk-en","hreflang":"en-DK","label":"Denmark","lang":"en","base":false,"selector":false,"isActive":false,"published":false},{"domain":"www.shopify.com.ng","href":"https://www.shopify.com/de","hreflang":"de","label":"Deutschland","lang":"de","base":false,"selector":true,"isActive":false,"published":false},{"domain":"www.shopify.com.ng","href":"https://www.shopify.com/es-es","hreflang":"es-ES","label":"España","lang":"es","base":false,"selector":true,"isActive":false,"published":false},{"domain":"www.shopify.com.ng","href":"https://www.shopify.com/es","hreflang":"es","label":"Español (Intl.)","lang":"es","base":false,"selector":true,"isActive":false,"published":false},{"domain":"www.shopify.com.ng","href":"https://www.shopify.com/fr","hreflang":"fr","label":"France","lang":"fr","base":false,"selector":true,"isActive":false,"published":false},{"domain":"www.shopify.com.ng","href":"https://www.shopify.com/hk-en/partners/blog/topics/front-end-development","hreflang":"en-HK","label":"Hong Kong SAR","lang":"en","base":false,"selector":true,"isActive":false,"published":true},{"domain":"www.shopify.com.ng","href":"https://www.shopify.com/in/partners/blog/topics/front-end-development","hreflang":"en-IN","label":"India","lang":"en","base":false,"selector":true,"isActive":false,"published":true},{"domain":"www.shopify.com.ng","href":"https://www.shopify.com/id/partners/blog/topics/front-end-development","hreflang":"en-ID","label":"Indonesia","lang":"en","base":false,"selector":true,"isActive":false,"published":true},{"domain":"www.shopify.com.ng","href":"https://www.shopify.com/ie/partners/blog/topics/front-end-development","hreflang":"en-IE","label":"Ireland","lang":"en","base":false,"selector":true,"isActive":false,"published":true},{"domain":"www.shopify.com.ng","href":"https://www.shopify.com/it","hreflang":"it","label":"Italia","lang":"it","base":false,"selector":true,"isActive":false,"published":false},{"domain":"www.shopify.com.ng","href":"https://www.shopify.com/my/partners/blog/topics/front-end-development","hreflang":"en-MY","label":"Malaysia","lang":"en","base":false,"selector":true,"isActive":false,"published":true},{"domain":"www.shopify.com.ng","href":"https://www.shopify.com/mx","hreflang":"es-MX","label":"México","lang":"es","base":false,"selector":true,"isActive":false,"published":false},{"domain":"www.shopify.com.ng","href":"https://www.shopify.com/nl","hreflang":"nl","label":"Nederland","lang":"nl","base":false,"selector":true,"isActive":false,"published":false},{"domain":"www.shopify.com.ng","href":"https://www.shopify.com/nz/partners/blog/topics/front-end-development","hreflang":"en-NZ","label":"New Zealand","lang":"en","base":false,"selector":true,"isActive":false,"published":true},{"domain":"www.shopify.com.ng","href":"https://www.shopify.com/ng/partners/blog/topics/front-end-development","hreflang":"en-NG","label":"Nigeria","lang":"en","base":false,"selector":true,"isActive":true,"published":true},{"domain":"www.shopify.com.ng","href":"https://www.shopify.com/no","hreflang":"nb","label":"Norge","lang":"nb","base":false,"selector":true,"isActive":false,"published":false},{"domain":"www.shopify.com.ng","href":"https://www.shopify.com/no-en","hreflang":"en-NO","label":"Norway (English)","lang":"en","base":false,"selector":true,"isActive":false,"published":false},{"domain":"www.shopify.com.ng","href":"https://www.shopify.com/ph/partners/blog/topics/front-end-development","hreflang":"en-PH","label":"Philippines","lang":"en","base":false,"selector":true,"isActive":false,"published":true},{"domain":"www.shopify.com.ng","href":"https://www.shopify.com/pl","hreflang":"pl","label":"Polska","lang":"pl","base":false,"selector":true,"isActive":false,"published":false},{"domain":"www.shopify.com.ng","href":"https://www.shopify.com/pt","hreflang":"pt-PT","label":"Portugal","lang":"pt-PT","base":false,"selector":true,"isActive":false,"published":false},{"domain":"www.shopify.com.ng","href":"https://www.shopify.com/sg/partners/blog/topics/front-end-development","hreflang":"en-SG","label":"Singapore","lang":"en","base":false,"selector":true,"isActive":false,"published":true},{"domain":"www.shopify.com.ng","href":"https://www.shopify.com/za/partners/blog/topics/front-end-development","hreflang":"en-ZA","label":"South Africa","lang":"en","base":false,"selector":true,"isActive":false,"published":true},{"domain":"www.shopify.com.ng","href":"https://www.shopify.com/fi","hreflang":"fi","label":"Suomi","lang":"fi","base":false,"selector":true,"isActive":false,"published":false},{"domain":"www.shopify.com.ng","href":"https://www.shopify.com/se","hreflang":"sv","label":"Sverige","lang":"sv","base":false,"selector":true,"isActive":false,"published":false},{"domain":"www.shopify.com.ng","href":"https://www.shopify.com/tr","hreflang":"tr","label":"Türkiye","lang":"tr","base":false,"selector":true,"isActive":false,"published":false},{"domain":"www.shopify.com.ng","href":"https://www.shopify.com/uk/partners/blog/topics/front-end-development","hreflang":"en-GB","label":"United Kingdom","lang":"en","base":false,"selector":true,"isActive":false,"published":true},{"domain":"www.shopify.com.ng","href":"https://www.shopify.com/partners/blog/topics/front-end-development","hreflang":"en","label":"USA","lang":"en","base":true,"selector":true,"isActive":false,"published":true},{"domain":"www.shopify.com.ng","href":"https://www.shopify.com/th","hreflang":"th","label":"ไทย","lang":"th","base":false,"selector":true,"isActive":false,"published":false},{"domain":"www.shopify.com.ng","href":"https://www.shopify.com/kr","hreflang":"ko","label":"대한민국","lang":"ko","base":false,"selector":true,"isActive":false,"published":false},{"domain":"www.shopify.com.ng","href":"https://www.shopify.com/tw","hreflang":"zh-Hant-TW","label":"台灣","lang":"zh-Hant","base":false,"selector":true,"isActive":false,"published":false},{"domain":"www.shopify.com.ng","href":"https://www.shopify.com/jp","hreflang":"ja-JP","label":"日本","lang":"ja","base":false,"selector":true,"isActive":false,"published":false},{"domain":"www.shopify.com.ng","href":"https://www.shopify.com/zh","hreflang":"zh-Hans","label":"简体中文","lang":"zh-Hans","base":false,"selector":true,"isActive":false,"published":false}],"enPath":"/partners/blog/topics/front-end-development","handle":"partners-topic","geoPricingIsEnabled":false,"editMode":false,"translations":{"en":{"global":{"argoPlaceholder":"2","ariaLabels":{"close":"Close","carousel":{"name":"carousel","slide":"slide","xOfY":"{x} of {y}","play":"Play carousel","pause":"Pause carousel"},"footer":{"regionsNav":"Region Navigation","regionsClose":"Close Region Navigation","newWindow":"Opens an external site in a new window"},"header":{"mobileNavMenu":"Menu","mainNav":"Main","secondaryNav":"Related pages","skipToContent":"Skip to Content"},"headerLight":{"dismissIcon":"Dismiss banner"},"learnMore":"Learn more about {title}","link":{"external":"External source: ","newWindow":" (Opens in a new window)","label":"{{external}}{{title}}{{newWindow}}"},"logoGroup":"Logos","modal":{"close":"Close modal","pip":"Picture in picture"},"next":"Next","previous":"Previous","current":"Current","pagination":{"previous":"Previous page","next":"Next page"},"shopifyLogo":"Shopify logo","shopifyPartnersLogo":"Shopify partners logo","testimonial":{"controls":"Navigate testimonials","plural":"Testimonials","next":"Next Testimonial","previous":"Previous Testimonial","play":"Play Testimonial","pause":"Pause Testimonial"},"videoModal":"video","video":{"play":"Play video","pause":"Pause video"}},"incentivesPromoBanner":{"app_store_credit":"\u003ca href=\"{{signupUrl}}\"\u003eJoin Shopify and get $50 USD to use in the Shopify App Store. \u003c/a\u003e\u003ca id=\"incentivesTermsLink\" target=\"_blank\" data-component-name=\"acquisition-incentive-terms\" href=\"{{incentiveTerms}}\"/\u003eTerms apply\u003c/a\u003e","gpv_acquisition_incentive_flag":"Join today and get up to \u003ca id=\"showTermsLink\" target=\"_blank\" data-component-name=\"sales-bonus-terms\" href=\"{{incentiveTerms}}\"/ style=\"color: inherit; font-weight: normal\"\u003e$5,000 in cash rebates\u003c/a\u003e on your first six months of sales","retail":{"spRateTermsLink":"\u0026nbsp\u003ca id=\"spIncentivesTermsLink\" target=\"_blank\" class=\"!font-normal\" target=\"_blank\" data-component-name=\"sp-incentive-terms\" href=\"{{incentiveTerms}}\"/\u003eTerms apply\u003c/a\u003e","subscriptionIncentive":"Special offer: get 6 months of POS Pro for {{incentivePrice}}/month","spRateIncentive":"Get {{rate}}% card rates on up to {{gpvLimit}} USD of in-person sales during your first {{length}} months.","spRateIncentiveTerms":"Terms apply","cardReaderDiscountIncentive":"Get a free card reader when you pick a plan.","cardReaderDiscountIncentiveTerms":"Terms apply"},"gmv_rewards":"\u003ca href=\"{{signupUrl}}\" style=\"text-decoration: none; font-size: 16px\"\u003e\u003cb\u003eOffer: earn 1% of all sales\u003c/b\u003e as subscription credits, up to {{maxPayoutCap}}.\u003c/a\u003e \u003ca id=\"incentiveLearnMoreLink\" href=\"{{learnMore}}\" style=\"font-size: 16px\"\u003eLearn more\u003c/a\u003e"},"cookiesNotice":{"acceptAllButtonText":"Accept all","activeConsentContentHtml":"We use cookies (and other similar technologies) for many purposes, including to improve your experience on our site and for ads and analytics. Click \"Accept all\" to accept these uses. Read more in our \u003ca href=\"{{legalCookiesPath}}\"\u003eCookie Policy\u003c/a\u003e.","buttonText":"OK","contentHtml":"Shopify uses cookies to provide necessary site functionality and improve your experience. By using our website, you agree to our \u003ca href=\"{{legalPrivacyPath}}\"\u003ePrivacy Policy\u003c/a\u003e and our \u003ca href=\"{{legalCookiesPath}}\"\u003eCookie Policy\u003c/a\u003e.","rejectAllButtonText":"Reject all"},"countries":{"au":"Australia","be":"Belgium","br":"Brazil","ca":"Canada","cn":"China","co":"Colombia","cz":"Czech Republic","dk":"Denmark","en":"USA","es":"Spain","de":"Germany","fi":"Finland","fr":"France","gb":"UK","hk":"Hong Kong SAR","id":"Indonesia","ie":"Ireland","in":"India","it":"Italy","jp":"Japan","kr":"Korea","my":"Malaysia","mx":"Mexico","ng":"Nigeria","nl":"Netherlands","no":"Norway","nz":"New Zealand","ph":"Philippines","pl":"Poland","pt":"Portugal","se":"Sweden","sg":"Singapore","th":"Thailand","tr":"Turkey","tw":"Taiwan","vn":"Vietnam","za":"South Africa"},"downloadApp":{"androidAlt":"Get the Shopify app on Google Play","androidUrl":"https://shopify.com/install/android","iosAlt":"Download the Shopify app on the Apple App Store","iosUrl":"https://shopify.com/install/mobile","qrCodeAlt":"QR code to download from","qrTitle":"Scan to install"},"downloadposApp":{"androidAlt":"Get the Shopify POS Mobile app on Google Play","androidUrl":"https://play.google.com/store/apps/details?id=com.shopify.pos","iosAlt":"Download the Shopify POS Mobile app on the Apple App Store","iosUrl":"https://apps.apple.com/us/app/shopify-point-of-sale-pos/id686830644","qrCodeAlt":"QR code to download from","qrTitle":"Scan or click below to install"},"forms":{"fields":{"country":{"label":"Country","placeholder":"Select one","error":"Please select a country"}}},"globalNav":{"applyText":"Apply for early access","applyTextPlain":"Apply for access","getStarted":"Get started","headerPdfCta":"Download document","headerPdfCtaLink":"https://cdn.shopify.com/static/Shopify-Guide_PDF.pdf","homeUrl":"{{home}}","loginGetStartedText":"Log in to get started","loginText":"Log in","loginUrl":"/login","signinText":"Sign in","signupText":"Start free trial","signupTextFree":"Sign up free","signupTextPlain":"Sign up","searchText":"Search","searchPlaceholder":"Type something you're looking for","searchPlaceholderMobile":"Search","signUpButtonText":"Get in touch","sharedBottomBar":{"shopify":"Shopify","shopifyDesc":"Platform for entrepreneurs \u0026 SMBs","plus":"Plus","plusDesc":"A commerce solution for growing digital brands","enterprise":"Enterprise","enterpriseDesc":"Solutions for the world’s largest brands"},"edition":"Winter ’25 Edition"},"showLess":"Show less","showMore":"Show more","home":"{{home}}","learnMore":"Learn more","plans":{"pricingFaqAnswerWithDiscount":"We offer a 25% discount for yearly subscriptions if you choose the Basic, Shopify, or Advanced plans. If you choose a 3-year Shopify Plus plan, we offer a monthly discount and lower online variable platform fees."},"sell":{"header":"Explore your options","title":"Apps that help you sell {{vertical}}","subheading":"Some popular apps other merchants use","seeRecommendedApps":"See more recommended apps","by":"By {{partner}}"},"shopify":"Shopify","pagination":{"page":"Page"},"signup":{"buttonText":"Start free trial","plusButtonText":"Get in touch","buttonText_fr":"Launch your store","label":"Email address","placeholder":"Enter your email address","disclaimerHtml":"Try Shopify free for {{trialLength}} days, no credit card\u0026nbsp;required. By entering your email, you agree to receive marketing emails\u0026nbsp;from\u0026nbsp;Shopify.","disclaimerNoLengthHtml":"No credit card required. By entering your email, you agree to receive marketing emails\u0026nbsp;from\u0026nbsp;Shopify.","testimonialButtonText":"Try Shopify free for {{trialLength}} days","freeTrialCtaHtml":"Try Shopify for free, and explore all the tools and services you need to start, run, and grow your\u0026nbsp;business.","signupPaidTrialPromo":{"default_one":"Get {{trialLength}} days free then 1 month for {{paidTrialAmount}}.","default_other":"Start for free, then get your first {{count}} months for {{paidTrialAmount}}/mo.","disclaimer":"By entering your email, you agree to receive marketing emails\u0026nbsp;from\u0026nbsp;Shopify.","disclaimerNoEmail_one":"Don’t have a Shopify store? \u003ca href=\"{{deeplinkFreeTrial}}\" data-component-name=\"{{deeplinkFreeTrialName}}\"\u003eStart free, then get your first month for {{paidTrialAmount}}.\u003c/a\u003e","disclaimerNoEmail_other":"Don’t have a Shopify store? \u003ca href=\"{{deeplinkFreeTrial}}\" data-component-name=\"{{deeplinkFreeTrialName}}\"\u003eStart for free, then get your first {{count}} months for {{paidTrialAmount}}/mo.\u003c/a\u003e"}},"social":{"facebook":{"text":"Facebook","url":"https://www.facebook.com/shopify","url_de":"https://www.facebook.com/shopifyDE","url_jp":"https://www.facebook.com/ShopifyJP"},"twitter":{"text":"Twitter","url":"https://twitter.com/shopify","url_jp":"https://twitter.com/ShopifyJP"},"youtube":{"text":"YouTube","url":"https://www.youtube.com/user/shopify","url_de":"https://www.youtube.com/c/ShopifyDeutsch","url_fr":"https://www.youtube.com/c/ShopifyFrançais","url_it":"https://www.youtube.com/c/ShopifyItaliano","url_jp":"https://www.youtube.com/c/ShopifyJapan","url_nl":"https://www.youtube.com/c/ShopifyNederlands","url_br":"https://www.youtube.com/c/ShopifyBrasil"},"instagram":{"text":"Instagram","url":"https://www.instagram.com/shopify/"},"tiktok":{"text":"TikTok","url":"https://www.tiktok.com/@shopify"},"linkedin":{"text":"LinkedIn","url":"https://www.linkedin.com/company/shopify"},"pinterest":{"text":"Pinterest","url":"https://www.pinterest.com/shopify/","url_jp":"https://www.pinterest.com/shopifyjp/"},"email":{"text":"Email","url":"mailto:"}},"tableOfContents":"Table of Contents","totalApps":6000,"totalThemes":70,"supportedLanguages":50,"totalGateways":100,"totalStores":1700000,"uptime":99.98,"waitlistForm":{"errors":{"general":"Something went wrong, try again later","emailFormat":"Email is formatted incorrectly"},"successMessage":"Done","placeholder":"Enter your email address","buttonText":"Signup"},"editionsEyebrow":{"text":"Shopify Editions | Winter ’25 is live"},"sectionErrorBoundary":{"message":"This content is not loading due to a technical problem"},"nav":{"about":"About Shopify","academy":"Shopify Academy","allFeatures":"All features","allProducts":"All Products","allProductsDescription":"Explore all Shopify products \u0026 features","appStore":"Find business apps","appStoreDescription":"Shopify app store","b2b":"Sell wholesale \u0026 direct","b2bDescription":"Business-to-business (B2B)","balance":"Balance","banking":"Banking","billPay":"Bill Pay","blog":"Blog","blogEnterprise":"Enterprise Blog","blogMerchants":"Merchant Blog","blogRetail":"Retail Blog","borrowing":"Borrowing","branding":"Branding","brandingDescriptionV2":"Build your brand from scratch","brandingFlyoutDescription":"Look professional and help customers connect with your business","build":"Build","burst":"Free stock photos","businessEncyclopedia":"Business encyclopedia","businessFunding":"Secure business funding","businessFundingDescription":"Shopify Capital","businessGrowth":"Business growth","businessGrowthDescription":"Scale your business","businessNameGenerator":"Business name generator ","businessPlanTemplate":"Business plan template","businessTypes":"Business Types","buyButton":"Buy Button","buyButtonDescription":"Transform an existing website or blog into an online store","buyButtonSubnav":"Explore Buy Button","capital":"Capital","capitalLoansAndCashAdvances":"Large retailer funding","capitalSmallBusiness":"Small business funding","cdiscount":"Cdiscount","changelog":"Changelog","changelogDescription":"Your source for recent updates","checkout":"Checkout","checkoutDescription":"Provide fast, smooth checkout experiences","checkoutDescriptionV2":"World-class checkout","checkoutV2":"Check out customers","commerceComponents":"Enterprise","commerceComponentsDescription":"Solutions for the world's largest brands","community":"Community","communityEvents":"Community Events","compareToPlus":"Compare to Plus","compass":"Business courses","compassDescription":"Learn from proven experts","calculator":"Cost calculator","credit":"Credit","ctaAlt":"Free Trial","docs":"Docs","customerInsights":"Know your audience","customerInsightsDescription":"Gain customer insights","customization":"Customization","domains":"Domains","domainsAndHosting":"Own your site domain","domainsAndHostingDescription":"Domains \u0026 hosting","dropshipping":"Dropshipping","ecommerce":"Online store","ecommerceDescription":"Online store editor","ecommerceSeo":"Ecommerce SEO","ecommerceSeoDescription":"Improve your search ranking","ecommerceV2":"Create your website","editions":"Editions","editionsAll":"All Editions","editionsAllDescription":"Archive of past Shopify Editions","editionsCurrent":"Summer ’24 Edition","editionsLast":"Winter ’25 Edition","editionsLastDescription":"The latest 150+ product updates","emailMarketing":"Email marketing","encyclopedia":"Encyclopedia","essentialTools":"Essential tools","examples":"Examples","exchange":"Websites for sale","experts":"Experts","facebook":"Facebook Shops","facebookAds":"Facebook Ads","facebookInstagram":"Facebook \u0026 Instagram","faq":"FAQ","features":"Features","financesManagement":"Manage your finances \u0026 access funding","financesManagementDescription":"Shopify Finance","flow":"Ecommerce automation","flowDescription":"Shopify Flow","flowV2":"Automate your business","forums":"Shopify Community","founderStories":"Founder stories","founderStoriesDescription":"Learn from successful merchants","fraudProtection":"Fraud Protection","freeBusinessTools":"Explore free business tools","freeBusinessToolsDescription":"Tools to run your business","freeTools":"Free tools","fulfillment":"Fulfillment","fulfillmentDescription":"Shopify Fulfillment Network","fulfillmentV2":"Outsource fulfillment \u0026 returns","getStarted":"Start free trial","getInTouch":"Get in touch","google":"Google","googleSmart":"Google","googleYoutube":"Google \u0026 Youtube","guides":"Guides","hardware":"Hardware","hardwareStore":"Hardware store","helpAndSupport":"Help and support","helpAndSupportDescription":"Get 24/7 support","helpCenter":"Help Center","howToGuides":"How-to guides","howToGuidesDescription":"Read in-depth business guides","impressumGenerator":"Impressum-Generator","inbox":"Business chat","inboxDescription":"Turn browsers into buyers","inboxDescriptionV2":"Shopify Inbox","inboxV2":"Chat with customers","instagram":"Instagram","installments":"Installments","internationalSales":"International sales","internationalSalesDescription":"Sell globally","inventoryOrderManagement":"Manage your stock \u0026 orders","inventoryOrderManagementDescription":"Inventory \u0026 order management","joinNow":"Join Now","learn":"Learn","lending":"Lending","linkInBioTool":"Link in bio tool","login":"Log in","logoMaker":"Logo maker","manage":"Manage","manageEverything":"Manage everything","manageYourBusiness":"Manage your business","manageYourBusinessDescription":"Track sales, orders \u0026 analytics","market":"Market","marketDescription":"Market your business","marketDescriptionV2":"Reach \u0026 retain customers","marketing":"Marketing","marketingAutomation":"Marketing automation","marketingDescription":"Build a marketing plan","marketingTools":"Marketing tools","marketingToolsDescription":"Ads, email campaigns, and more","marketplaces":"Online marketplaces","markets":"International commerce","marketsDescription":"Reach buyers in new markets with international selling tools","measureYourPerformance":"Measure your performance","measureYourPerformanceDescription":"Analytics and Reporting","midMarket":"Mid-market","migrateToShopify":"Migrate to Shopify","migrateToShopifyDescription":"Compare to other platforms","mobileApp":"Mobile app","mobileAppDescription":"Respond in real time","moneyManagement":"Get paid faster","moneyManagementDescription":"Shopify Balance","more":"More","newsroom":"Newsroom","newsroomDescription":"All company news and press releases","onlineFlyoutDescription":"Find a domain, explore stock images, and amplify your brand","onlinePresence":"Online presence","onlineStoreDescription":"Sell online with an ecommerce website","omnichannel":"Omnichannel selling","orderManagementAndFulfillment":"Order management and delivery","overview":"Overview","partners":"Partners","payments":"Payment processing","paymentsDescription":"Set up forms of payment","paymentsOverview":"Overview","paymentsV2":"Accept online payments","pillarDropdownCta":"Get started","ping":"Shopify Ping","plus":"Plus","plusPricing":"Plus Pricing","podcasts":"Podcasts","pointOfSale":"Point of Sale","pointOfSaleDescription":"Point of Sale (POS)","pointOfSaleV2":"Sell in person","popularTopics":"Popular topics","pos":"Shopify POS","posPricing":"POS Pricing","posSystemSmallBusiness":"Small business POS","posMultiStore":"Multi-store POS","posInventorySystem":"POS inventory system","posAndroid":"Android POS","posIpad":"iPad POS","posApp":"POS App","posSoftware":"POS Software","pricing":"Pricing","pricingOverview":"Pricing overview","productSourcing":"Product sourcing","productSourcingDescription":"Find products to sell","productsToSell":"Products to sell","qrCodeGenerator":"QR code generator","rakuten":"Rakuten","research":"Research","resources":"Resources","retail":"Retail POS","retailDescription":"Sell at retail locations, pop-ups, and beyond","salesChannels":"Sales channels","salesChannelsDescription":"Reach millions of shoppers and boost sales","salesChannelsDescriptionV2":"Channels for social \u0026 marketplaces","salesChannelsV2":"Sell across channels","segmentation":"Customer groups","sell":"Sell","sellEverywhere":"Sell everywhere","sellOnline":"Sell online","sellOnlineDescription":"Grow your business online","sellYourProducts":"Sell your products","sellYourProductsDescription":"Sell online or in person","shipping":"Shipping","shippingDescription":"Fulfill orders faster","shippingDescriptionV2":"Shopify Shipping","shippingV2":"Ship orders faster","inventoryDescription":"Inventory management","shop":"Shop","shopPay":"Shop Pay","shopifyBlog":"Shopify blog","shopifyBlogDescription":"Business strategy tips","shopifyCaseStudies":"Case Studies","shopifyCaseStudiesDescription":"Learn from successful merchants","shopifyComparison":"Shopify comparison","shopifyComparisonDescription":"Comparison with other platforms","shopifyMigration":"Migrate to Shopify","shopifyMigrationDescription":"Migration checklists, guides and tools","shopifyDevelopers":"Shopify Developers","shopifyDevelopersDescription":"Build with Shopify's powerful APIs","shopifyEditions":"Shopify Editions","shopifyEditionsDescription":"New, innovative Shopify products","shopifyEmail":"Nurture customers","shopifyEmailDescription":"Shopify Email","shopifyFinance":"Shopify Finance","shopifyGold":"Enterprise","shopifyOnlineStore":"Shopify Online store","shopifyPlus":"Enterprise","shopifyPlusDescription":"A commerce solution for growing digital brands","shopifyPointOfSale":"Shopify Point of Sale","shopifySite":"shopify.com","shopifyVsBigCommerce":"Shopify vs. BigCommerce","shopifyVsSalesforce":"Shopify vs. Salesforce","shopifyVsSquare":"Shopify vs. Square","signup":"Sign up","social":"Social media","socialDescription":"Social media integrations","socialMediaStrategy":"Social media strategy","socialMediaStrategyDescription":"Turn social into sales","socialV2":"Market across social","solutions":"Solutions","staffManagement":"Staff management","start":"Start","startYourBusiness":"Start your business","startYourBusinessDescription":"Build your brand","stockPhotography":"Stock photography","storeSetup":"Store set up","storeSetupDescription":"Use Shopify’s powerful features to start selling","storeThemes":"Store themes","storeThemesDescription":"Customize your store","successStories":"Success stories","tax":"Tax","termLoans":"Term Loans","themeStore":"Theme store","themes":"Themes","tiktok":"TikTok","upgradeToPlus":"Upgrade to Plus","videos":"Videos","walmart":"Walmart Marketplace","waysToSell":"Ways to sell","webAddress":"Domain name","websiteBuilder":"Website Builder","whatIsShopify":"What is Shopify?","whatIsShopifyDescription":"How our commerce platform works","whatsNew":"What’s new","youtube":"YouTube"},"footer":{"about":"About","aboutShopify":"About Shopify","accessibility":"Accessibility","affiliateProgram":"Affiliate Program","affiliates":"Affiliates","apiDocs":"API Documentation","appDemo":"App Demo","appDeveloperProgram":"App Developers","appStore":"App Store","ar":"Shopify AR","blog":"Blog","blogTopics":"Blog Topics","brand":"Brand","buildBlack":"Build Black","buildNative":"Build Native","businessNameGenerator":"Business Name Generator ","burst":"Free Stock Photos","buyButton":"Buy Button","capital":"Capital","careers":"Careers","commerceComponents":"Commerce Components","company":"Company","companyInfo":"Company Info","contact":"Contact","contactShopify":"Contact Shopify","countrySelect":"Change your country or region.","countrySelectHeading":"Country/region","devDegree":"Dev Degree","developers":"Developers","documentation":"Shopify Help Center","domainNames":"Domain Names","domains":"Domains","dropshipping":"Dropshipping Business","ecommerce":"Online Store","ecommerceHosting":"Ecommerce Hosting","ecommerceSoftware":"Ecommerce Software","economicGrowth":"Economic Growth","email":"Email","examples":"Examples","experts":"Shopify Partners","featureTour":"Website Builder","features":"Features","forums":"Shopify Community","fulfillment":"Fulfillment","gaming":"Gaming","globalImpact":"Global Impact","hardware":"Hardware","hatchful":"Hatchful","heading":"More resources","helpCenter":"Help Center","hireAnExpert":"Hire a Partner","investors":"Investors","leadership":"Leadership","legal":"Legal","linkpop":"Linkpop","logoGenerator":"Logo Maker","managePrivacy":"Manage Privacy","merchantSupport":"Merchant Support","mobileCommerce":"Mobile Commerce","onlineStore":"Ecommerce Website","onlineStoreBuilder":"Online Store Builder","partnerProgram":"Partner Program","partners":"Partners","payments":"Payments","phoneNumber":"1-888-329-0139","platform":"Platform","pointOfSale":"Point of Sale","posFeatures":"Features","posSoftware":"POS Software","pressAndMedia":"Press and Media","pressReleases":"Press Releases","privacyChoices":"Privacy Choices","privacyPolicy":"Privacy Policy","products":"Products","research":"Research","resources":"Support","sellInStore":"Point of Sale","sellOnline":"Sell Online","sellOnlineTour":"Online Retail","serviceStatus":"Service Status","setUp":"Setup","sfn":"Shopify Fulfillment Network","shipping":"Shipping","shop":"Shop","shopPay":"Shop Pay","shopify":"Shopify","shopifyAcademy":"Shopify Academy","shopifyEvents":"Shopify Events","shopifyExperts":"Shopify Partners","shopifyForEnterprise":"Shopify for Enterprise","shopifyGold":"Enterprise","shopifyLite":"Shopify Lite","shopifyPlus":"Shopify Plus","shoppingCart":"Shopping Cart","sitemap":"Sitemap","social":"Social","socialImpact":"Social Impact","solutions":"Solutions","storeDesign":"Themes","storeThemes":"Store Themes","support":"24/7 support","supportLimited":"Customer Support","sustainability":"Sustainability","termsOfService":"Terms of Service","themeStore":"Theme Store","themeSupport":"Theme Support","themes":"Themes","tools":"Free Tools","topics":"Topics","trustSealsAccessibilityText":"Use Shopify with confidence. Our platform has been assessed and certified by:","video":"Video","videoTutorials":"Video Tutorials"}},"pages/partners/blog/blogSubNav":{"subNav":{"title":"Blog","pageTitle":"Menu","overviewText":"Homepage","links":{"caseStudies":"Case Studies","shopifyNews":"Shopify News","latest":"Latest","more":"More"},"subLinks":{"appDevelopment":"App development","shopifyThemeDevelopment":"Shopify Theme Development","frontEndDevelopment":"Front End Development","inspirationCreativity":"Inspiration \u0026 Creativity","findingNewClients":"Finding New Clients","seeAllTopics":"See All topics"}}},"pages/partners/blog/topics/$topic/content":{"htmlHead":{"pageTitle":"{{topic}} | Ecommerce tips \u0026 how tos","metaDescription":"Read posts about {{topic}} on Ecommerce Marketing Blog - Ecommerce News, Online Store Tips \u0026 More. Interact with a community of savvy online store owners."},"topicsHeaders":{"backoffice":{"title":"Backoffice","subTitle":"Tips and guides for everything happening behind the scenes, including funding, accounting, and insurance."},"source-products":{"title":"Find a Product to Sell","subTitle":"Articles that will help you zero-in on—and create—the right products for your target audience."},"promotion":{"title":"Promotion","subTitle":"Resources that will help you get your name out there and reach more customers."},"starting-up":{"title":"Starting Up","subTitle":"Learn the vital tasks you need to start your business and set yourself up for success."},"brand":{"title":"Brand","subTitle":"Your brand sets you apart from the competition. Learn how to build a strong, distinctive brand identity."},"founder-stories":{"title":"Founder Stories","subTitle":"Learn from the experiences of entrepreneurs who have found success with Shopify."},"retention":{"title":"Retention","subTitle":"Once you bring in customers, you want them to stick around. Learn key retention strategies to grow your business."},"sustainability":{"title":"Sustainability","subTitle":"Discover sustainable practices and insights that benefit the environment while appealing to eco-conscious buyers."},"marketing":{"title":"Marketing","subTitle":"Learn how to build a multi-channel marketing strategy to reach and grow your audience."},"find-an-idea":{"title":"Find an Idea","subTitle":"Seeking inspiration? Find plenty of proven ideas across business types and industries."},"conversion":{"title":"Conversion","subTitle":"Learn how to convert visitors into customers and grow your sales."},"guides":{"title":"Guides","subTitle":"In-depth resources to help you navigate starting and growing your business."},"podcasts":{"title":"The Shopify Podcast","subTitle":"Insightful weekly conversations with entrepreneurs and industry experts."},"unboxed":{"title":"Unboxed","subTitle":"Go behind the scenes to learn from successful Shopify founders."},"entrepreneurship":{"title":"Entrepreneurship","subTitle":"Find the motivation, productivity tips, and strategies you need."},"sell-online":{"title":"How to Sell Online","subTitle":"Guides and tutorials on how to nail your online store, sell through a variety of channels, and track the results."},"social-media-optimization":{"title":"Social Media Optimization","subTitle":"Learn how to build—and sell to—your audience on platforms like TikTok, Instagram, and more."},"updates":{"title":"Updates","subTitle":"A one-stop shop to learn about the new Shopify products, features, and company news you need to know."}},"sellAnywhere":{"headingHtml":"Grow your business with the Shopify Partner Program","buttonText":"Join Today"}},"pages/partners/blog/topics/$topic/settings":{}},"en-NG":{"global":{},"pages/partners/blog/topics/$topic/settings":{},"pages/partners/blog/topics/$topic/content":{},"pages/partners/blog/blogSubNav":{}}},"pricing":{"annualDiscountPercentage":25,"basicAnnualPrice":"\u003cspan\u003e$24.00 USD\u003c/span\u003e","googleCountryOffer":"₦300","minimumMonthlyPrice":"$5","minimumMonthlyPriceCurrency":"USD","paidTrialAmount":"$1","paidTrialMonths":3,"posProPriceUsd":"$89","posRetailLocations":"1,000","promoAmount":{"amount":1,"currencyCode":"USD","currencySymbol":"$"},"signupTypes":["paid_trial_experience"],"trialLength":3,"usd":"USD"},"articles":[{"__typename":"Article","id":"gid://shopify/Article/559610363938","handle":"introducing-customer-account-api-for-headless-stores","title":"Introducing Customer Account API for headless stores","publishedAt":"2023-08-08T15:05:41Z","image":{"__typename":"Image","url":"https://cdn.shopify.com/s/files/1/0533/2089/articles/customer-account-api-headless-stores.webp?v=1695239401","altText":null,"width":1024,"height":540},"tags":["Front End Development","Shopify API","Shopify App Development","User Experience","Web Design Tools and Resources"],"contentHtml":"","excerpt":"The Customer Account API is Shopify's new advanced solution to take customer account management for headless stores to the next level, offering improved data consistency, a more developer-friendly interface for authentication, and paving the way for enhanced features like returns, subscriptions and B2B in the future.","excerptHtml":"The Customer Account API is Shopify's new advanced solution to take customer account management for headless stores to the next level, offering improved data consistency, a more developer-friendly interface for authentication, and paving the way for enhanced features like returns, subscriptions and B2B in the future.","seo":{"__typename":"SEO","title":"Build a personalized headless experience with Customer Account API","description":"The Customer Account API is Shopify's new advanced solution to take customer account management for headless stores to the next level, offering improved data consistency, a more developer-friendly interface for authentication, and paving the way for enhanced features like returns, subscriptions and B2B in the future."},"authorV2":{"__typename":"ArticleAuthor","name":"Mathieu Lagacé","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/articles/customer-account-api-headless-stores.webp?v=1695239401","imageAltText":null,"modifiedAt":"8 Aug 2023","modifiedAtRaw":"2023-08-08T15:05:41Z"},{"__typename":"Article","id":"gid://shopify/Article/387688693794","handle":"web-animation","title":"10 Ways to Create Delightful and User-Friendly Web Animation","publishedAt":"2021-11-09T22:40:11Z","image":{"__typename":"Image","url":"https://cdn.shopify.com/s/files/1/0533/2089/articles/web-animation.jpg?v=1727286021","altText":"web animation","width":1215,"height":509},"tags":["Front End Development"],"contentHtml":"","excerpt":"Animation is a great tool for improving UX. You can use motion to explain difficult concepts and add UI interactions to a site or app to significantly increase engagement. But creating captivating yet clear animation can be a challenge to get right. In this article, we invited six web animation experts to share their top tips for adding motion to user interfaces along with plenty of code demos to help show these tips in action.","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/web-animation?utm_source=exacttarget\u0026amp;utm_medium=email\u0026amp;utm_campaign=blog\u0026amp;utm_content=partner_blog-2021-11-10\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-animation.jpg?v=1603801643\" alt=\"web animation\"\u003e\u003c/a\u003e\n\u003cp\u003eAnimation is a great tool for improving UX. You can use motion to explain difficult concepts and add UI interactions to a site or app to significantly increase engagement. But creating captivating yet clear animation can be a challenge to get right. In this article, we invited six web animation experts to share their top tips for adding motion to user interfaces along with plenty of code demos to help show these tips in action.\n\u003c/p\u003e","seo":{"__typename":"SEO","title":"10 Ways to Create Delightful and User-Friendly Web Animation","description":"Six experts share top web animation tips so you can incorporate motion into your designs, increase user engagement, and improve your client’s UI."},"authorV2":{"__typename":"ArticleAuthor","name":"Oliver Lindberg","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"How to Build a Shopify App: The Complete Guide\",\"url\":\"partners/blog/how-to-build-a-shopify-app\"},{\"title\":\"How to Use Liquid to Create Custom Landing Page Templates\",\"url\":\"partners/blog/landing-page\"},{\"title\":\"How to Customize Content by Country with Shopify\",\"url\":\"partners/blog/customize-content-by-country\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"url\":\"partners/blog/img-url-filter\"},{\"title\":\"How to Build a Customizable Related Products Section\",\"url\":\"partners/blog/related-products\"},{\"title\":\"How to work with Metafields when building Shopify themes\",\"url\":\"partners/blog/metafields\"},{\"title\":\"How to Create Your First Shopify Theme Section\",\"url\":\"partners/blog/how-to-create-your-first-shopify-theme-section\"},{\"title\":\"Free Webinar] Developing with Shopify: Using JavaScript to Add Ecommerce to Any Website\",\"url\":\"partners/blog/free-webinar-developing-with-shopify-using-javascript-to-add-ecommerce-to-any-website\"},{\"title\":\"Free Webinar] Getting Started with Sass and Shopify\",\"url\":\"partners/blog/free-webinar-getting-started-with-sass-and-shopify\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/articles/web-animation.jpg?v=1727286021","imageAltText":"web animation","modifiedAt":"9 Nov 2021","modifiedAtRaw":"2021-11-09T22:40:11Z"},{"__typename":"Article","id":"gid://shopify/Article/1051426837","handle":"canonical-urls","title":"What is a Canonical URL? Best Practice Guide 2022","publishedAt":"2021-09-29T01:01:12Z","image":null,"tags":["Front End Development"],"contentHtml":"","excerpt":"SEO is important for every website, and an online store is no exception. Using canonical URLs can help to better inform search engines which URLs have identical or highly similar content. In this article you will learn what a canonical URL is, why canonical URLs matter, and best practices to keep in mind when using them.","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/canonical-urls?utm_source=exacttarget\u0026amp;utm_medium=email\u0026amp;utm_campaign=blog\u0026amp;utm_content=partner_blog-2021-09-29\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/canonical-urls.jpg?v=1591702842\" alt=\"canonical urls\"\u003e\u003c/a\u003e\n\u003cp\u003eSEO is important for every website, and an online store is no exception. Using canonical URLs can help to better inform search engines which URLs have identical or highly similar content. In this article you will learn what a canonical URL is, why canonical URLs matter, and best practices to keep in mind when using them.\u003c/p\u003e","seo":{"__typename":"SEO","title":null,"description":"Canonical URLs refer to HTML link elements with the attribute of rel=\"canonical\". They specify your client’s preferred URL to search engines."},"authorV2":{"__typename":"ArticleAuthor","name":"Tiffany Tse","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"How Open Graph Tags can Optimize Social Media Experiences\",\"url\":\"partners/blog/open-graph-tags\"},{\"title\":\"How to Use Polaris to Build an App UI in HTML or React\",\"url\":\"partners/blog/use-polaris-to-build-an-app-ui\"},{\"title\":\"How to Improve Your Shopify App's Onboarding Flow\",\"url\":\"partners/blog/improving-your-shopify-apps-onboarding-flow\"},{\"title\":\"5 Ways to Overcome Choice Paralysis and Improve Conversion\",\"url\":\"partners/blog/choice-paralysis\"},{\"title\":\"Free Course] 10x Your Shopify Theme Development Skills with These Free Courses\",\"url\":\"partners/blog/97493062-free-course-10x-your-shopify-theme-development-skills-with-these-free-courses\"},{\"title\":\"How to Use Liquid to Create Custom Landing Page Templates\",\"url\":\"partners/blog/landing-page\"},{\"title\":\"Building an Accessible Breadcrumb Navigation with Liquid and Shopify\",\"url\":\"partners/blog/breadcrumb-navigation\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"url\":\"partners/blog/shopify-online-store\"},{\"title\":\"Getting the Most Out of Chrome Developer Tools: 4 Modern Features You Need to Know\",\"url\":\"partners/blog/chrome-developer-tools\"},{\"title\":\"Free Webinar] Getting Started with Sass and Shopify\",\"url\":\"partners/blog/free-webinar-getting-started-with-sass-and-shopify\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/canonical-urls.jpg?v=1591702842","imageAltText":"canonical urls","modifiedAt":"29 Sept 2021","modifiedAtRaw":"2021-09-29T01:01:12Z"},{"__typename":"Article","id":"gid://shopify/Article/387813015586","handle":"chrome-developer-tools","title":"Getting the Most Out of Chrome Developer Tools: 4 Modern Features You Need to Know","publishedAt":"2020-11-25T03:00:01Z","image":{"__typename":"Image","url":"https://cdn.shopify.com/s/files/1/0533/2089/articles/chrome-developer-tools.jpg?v=1727286015","altText":"chrome developer tools","width":1215,"height":512},"tags":["Front End Development"],"contentHtml":"","excerpt":"In this article, Google Developer Expert Umar Hansa goes over how to integrate four features of Chrome Developer Tools into your workflow. You’ll learn about monitoring performance, building accessible projects, and more.","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/chrome-developer-tools?utm_source=exacttarget\u0026amp;utm_medium=email\u0026amp;utm_campaign=blog\u0026amp;utm_content=partner_blog-2020-11-25\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/chrome-developer-tools.jpg?v=1606185028\" alt=\"chrome developer tools\"\u003e\u003c/a\u003e\n\u003cp\u003eIn this article, Google Developer Expert Umar Hansa goes over how to integrate four features of Chrome Developer Tools into your workflow. You’ll learn about monitoring performance, building accessible projects, and more.\u003c/p\u003e","seo":{"__typename":"SEO","title":"Chrome Developer Tools: 4 Features You Need to Know","description":"Learn about four features of Chrome Developer Tools, from the Performance Monitor to the Code Coverage panel."},"authorV2":{"__typename":"ArticleAuthor","name":"Umar Hansa","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"How to Craft the Best 404 Pages for your Clients\",\"url\":\"partners/blog/best-404-pages\"},{\"title\":\"Using JavaScript To Super Power Your Client's Shopify Site\",\"url\":\"partners/blog/28500611-using-javascript-to-super-power-your-clients-shopify-site\"},{\"title\":\"Free Webinar] Getting Started with Sass and Shopify\",\"url\":\"partners/blog/free-webinar-getting-started-with-sass-and-shopify\"},{\"title\":\"A Modern Approach to CSS Pt. 2: Building Resources\",\"url\":\"partners/blog/css-resources\"},{\"title\":\"How to Get Published in the Shopify Theme Store\",\"url\":\"partners/blog/32453955-how-to-get-published-in-the-shopify-theme-store\"},{\"title\":\"Free Webinar] Developing with Shopify: Using JavaScript to Add Ecommerce to Any Website\",\"url\":\"partners/blog/free-webinar-developing-with-shopify-using-javascript-to-add-ecommerce-to-any-website\"},{\"title\":\"Enhancing the Ecommerce Experience: Recent Updates to Shopify’s Online Store and Liquid\",\"url\":\"partners/blog/enhancing-the-ecommerce-experience-recent-updates-to-shopify-s-online-store-and-liquid\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/articles/chrome-developer-tools.jpg?v=1727286015","imageAltText":"chrome developer tools","modifiedAt":"25 Nov 2020","modifiedAtRaw":"2020-11-25T03:00:01Z"},{"__typename":"Article","id":"gid://shopify/Article/387770712098","handle":"dev-tools","title":"The 10 Most Useful Browser Dev Tools for Front End Developers","publishedAt":"2020-11-12T03:00:00Z","image":{"__typename":"Image","url":"https://cdn.shopify.com/s/files/1/0533/2089/articles/dev-tools.jpg?v=1727286018","altText":"dev tools","width":1215,"height":511},"tags":["Front End Development"],"contentHtml":"","excerpt":"In this article, we’ll go over 10 dev tools built into web browsers that are invaluable for front end developers. They’ll help with styling your clients’ websites, improving their accessibility, and hunting for bugs.","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/dev-tools?utm_source=exacttarget\u0026amp;utm_medium=email\u0026amp;utm_campaign=blog\u0026amp;utm_content=partner_blog-2020-11-12\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/dev-tools.jpg?v=1605100232\" alt=\"dev tools\"\u003e\u003c/a\u003e\n\u003cp\u003eIn this article, we’ll go over 10 dev tools built into web browsers that are invaluable for front end developers. They’ll help with styling your clients’ websites, improving their accessibility, and hunting for bugs.\u003c/p\u003e","seo":{"__typename":"SEO","title":"10 Useful Browser Dev Tools for Front End Developers","description":"Check out our top 10 most useful browser dev tools to help with styling your clients’ websites, improving their accessibility, and hunting for bugs."},"authorV2":{"__typename":"ArticleAuthor","name":"Jayne Mast","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"Build with Hydrogen: Developer Preview Now Available\",\"url\":\"partners/blog/hydrogen-developer-preview\"},{\"title\":\"Free Webinar] Developing with Shopify: Using JavaScript to Add Ecommerce to Any Website\",\"url\":\"partners/blog/free-webinar-developing-with-shopify-using-javascript-to-add-ecommerce-to-any-website\"},{\"title\":\"How Google’s AMP Project is Changing the Mobile Web\",\"url\":\"partners/blog/how-google-s-amp-project-is-changing-the-mobile-web\"},{\"title\":\"Getting the Most Out of Chrome Developer Tools: 4 Modern Features You Need to Know\",\"url\":\"partners/blog/chrome-developer-tools\"},{\"title\":\"15 Tools to Customize Your Terminal and Command Line\",\"url\":\"partners/blog/customize-terminal\"},{\"title\":\"Dirty CSS Hacks for Responsive Emails\",\"url\":\"partners/blog/dirty-css-hacks-for-responsive-emails\"},{\"title\":\"The 21 Best Atom Packages for Front End Developers\",\"url\":\"partners/blog/best-atom-packages\"},{\"title\":\"A Modern Approach to CSS Pt. 2: Building Resources\",\"url\":\"partners/blog/css-resources\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/articles/dev-tools.jpg?v=1727286018","imageAltText":"dev tools","modifiedAt":"12 Nov 2020","modifiedAtRaw":"2020-11-12T03:00:00Z"},{"__typename":"Article","id":"gid://shopify/Article/387655565346","handle":"new-html","title":"What's New in HTML: 6 Native Elements You Can Use Today","publishedAt":"2020-10-22T02:00:00Z","image":{"__typename":"Image","url":"https://cdn.shopify.com/s/files/1/0533/2089/articles/new-HTML.jpg?v=1727286022","altText":"new HTML","width":1206,"height":511},"tags":["Front End Development"],"contentHtml":"","excerpt":"In the early days of the web, HTML evolved rapidly alongside the emergent JavaScript and CSS standards. Things may have seemed to have slowed down after the release of HTML5, but new elements are continuously being added. In this article, you’ll learn about six native HTML elements, how you can use them in your work, and their overall functionality, accessibility, and styling options.","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/new-html?utm_source=exacttarget\u0026amp;utm_medium=email\u0026amp;utm_campaign=blog\u0026amp;utm_content=partner_blog-2020-10-22\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/new-HTML.jpg?v=1603283796\" alt=\"new HTML\"\u003e\u003c/a\u003e\n\u003cp\u003eIn the early days of the web, HTML evolved rapidly alongside the emergent JavaScript and CSS standards. Things may have seemed to have slowed down after the release of HTML5, but new elements are continuously being added. In this article, you’ll learn about six native HTML elements, how you can use them in your work, and their overall functionality, accessibility, and styling options.\u003c/p\u003e","seo":{"__typename":"SEO","title":null,"description":"HTML is still being updated every day. Learn about 6 new native HTML elements in this article."},"authorV2":{"__typename":"ArticleAuthor","name":"Chris Lienert","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"6 Shopify App Reviewer Insights for a Faster App Review\",\"url\":\"partners/blog/faster-app-review\"},{\"title\":\"Understanding hreflang Tags for Multilingual Stores\",\"url\":\"partners/blog/hreflang-tags-for-multilingual-stores\"},{\"title\":\"Getting the Most Out of Chrome Developer Tools: 4 Modern Features You Need to Know\",\"url\":\"partners/blog/chrome-developer-tools\"},{\"title\":\"Free Webinar] Developing with Shopify: Using JavaScript to Add Ecommerce to Any Website\",\"url\":\"partners/blog/free-webinar-developing-with-shopify-using-javascript-to-add-ecommerce-to-any-website\"},{\"title\":\"A Modern Approach to CSS Pt. 2: Building Resources\",\"url\":\"partners/blog/css-resources\"},{\"title\":\"How Web Fonts Can Enhance Your Client’s Custom Ecommerce Store\",\"url\":\"partners/blog/web-fonts-to-enhance-stores\"},{\"title\":\"15 Tools to Customize Your Terminal and Command Line\",\"url\":\"partners/blog/customize-terminal\"},{\"title\":\"How to Get Published in the Shopify Theme Store\",\"url\":\"partners/blog/32453955-how-to-get-published-in-the-shopify-theme-store\"},{\"title\":\"Embrace Localization and Multilingual Content with HTML and CSS\",\"url\":\"partners/blog/html-localization\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/articles/new-HTML.jpg?v=1727286022","imageAltText":"new HTML","modifiedAt":"22 Oct 2020","modifiedAtRaw":"2020-10-22T02:00:00Z"},{"__typename":"Article","id":"gid://shopify/Article/386008088610","handle":"brackets-extensions","title":"The 20 Best Brackets Extensions for Front End Developers","publishedAt":"2020-08-25T02:00:01Z","image":null,"tags":["Front End Development"],"contentHtml":"","excerpt":"As requested by our developer community, we’ve put together a list of the top Brackets extensions. In this article, you'll learn how to get the most out of this small but mighty editor, optimize your workflow, and adjust the color scheme of the UI with some of our favorite themes as well.","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/brackets-extensions?utm_source=exacttarget\u0026amp;utm_medium=email\u0026amp;utm_campaign=blog\u0026amp;utm_content=partner_blog-2020-08-25\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/brackets-extensions.jpg?v=1598273091\" alt=\"brackets extensions\"\u003e\u003c/a\u003e\n\u003cp\u003eAs requested by our developer community, we’ve put together a list of the top Brackets extensions. In this article, you'll learn how to get the most out of this small but mighty editor, optimize your workflow, and adjust the color scheme of the UI with some of our favorite themes as well.\u003c/p\u003e","seo":{"__typename":"SEO","title":null,"description":"Check out our top list of Brackets extensions to personalize your workflow and make it more efficient."},"authorV2":{"__typename":"ArticleAuthor","name":"Liam Griffin","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"Build Forms on Shopify: How to Use Liquid to Build Robust Forms for Shopify Themes\",\"url\":\"partners/blog/build-forms-on-shopify\"},{\"title\":\"Getting the Most Out of Chrome Developer Tools: 4 Modern Features You Need to Know\",\"url\":\"partners/blog/chrome-developer-tools\"},{\"title\":\"Creating Dynamic Color Schemes with Theme Options and Presets\",\"url\":\"partners/blog/creating-dynamic-color-schemes-with-theme-options-and-presets\"},{\"title\":\"Free Webinar] Getting Started with Sass and Shopify\",\"url\":\"partners/blog/free-webinar-getting-started-with-sass-and-shopify\"},{\"title\":\"Intro to CSS: A Beginner’s Guide to Cascading Style Sheets\",\"url\":\"partners/blog/intro-to-css\"},{\"title\":\"Building Icon Systems With SVG\",\"url\":\"partners/blog/building-icon-systems-with-svg\"},{\"title\":\"Using JavaScript To Super Power Your Client's Shopify Site\",\"url\":\"partners/blog/28500611-using-javascript-to-super-power-your-clients-shopify-site\"},{\"title\":\"Embrace Localization and Multilingual Content with HTML and CSS\",\"url\":\"partners/blog/html-localization\"},{\"title\":\"Free Webinar] Developing with Shopify: Using JavaScript to Add Ecommerce to Any Website\",\"url\":\"partners/blog/free-webinar-developing-with-shopify-using-javascript-to-add-ecommerce-to-any-website\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/brackets-extensions.jpg?v=1598273091","imageAltText":"brackets extensions","modifiedAt":"25 Aug 2020","modifiedAtRaw":"2020-08-25T02:00:01Z"},{"__typename":"Article","id":"gid://shopify/Article/228846357","handle":"online-learning-resources-2017","title":"5 Free Online Learning Resources for Designers and Developers","publishedAt":"2020-07-15T21:03:00Z","image":null,"tags":["Front End Development"],"contentHtml":"","excerpt":"Want a competitive edge in your career? Then you need to practice deliberate, continuous learning. Learning shouldn’t stop when you’re out of school or when you get professional certification. In fact, the creative and tech industries are changing so quickly that you’ll need to keep your skills fresh to continuously find work in fields like design and development. In this article, we go over five free online learning resources that you can use.","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/online-learning-resources-2017?utm_source=exacttarget\u0026amp;utm_medium=email\u0026amp;utm_campaign=blog\u0026amp;utm_content=partner_blog-2020-07-16\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/online-learning-resources.jpg?v=1594816255\" alt=\"online learning resources\"\u003e\u003c/a\u003e\n\u003cp\u003eWant a competitive edge in your career? Then you need to practice deliberate, continuous learning. Learning shouldn’t stop when you’re out of school or when you get professional certification. In fact, the creative and tech industries are changing so quickly that you’ll need to keep your skills fresh to continuously find work in fields like design and development. In this article, we go over five free online learning resources that you can use.\u003c/p\u003e","seo":{"__typename":"SEO","title":"Online Learning Resources for Designers and Developers (2020)","description":"Here are five free online learning resources for web designers and developers to sharpen their skills, and keep up with the ever-changing industry."},"authorV2":{"__typename":"ArticleAuthor","name":"Janie Kliever","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"A Modern Approach to CSS Pt. 2: Building Resources\",\"url\":\"partners/blog/css-resources\"},{\"title\":\"Using JQuery Zoom and JavaScript Zoom for Product Images on Shopify\",\"url\":\"partners/blog/jquery-image-zoom\"},{\"title\":\"5 Easy-to-Implement Website Maintenance Tips for Your Client's Ecommerce Business\",\"url\":\"partners/blog/website-maintenance-tips\"},{\"title\":\"Getting the Most Out of Chrome Developer Tools: 4 Modern Features You Need to Know\",\"url\":\"partners/blog/chrome-developer-tools\"},{\"title\":\"Free Webinar] Developing with Shopify: Using JavaScript to Add Ecommerce to Any Website\",\"url\":\"partners/blog/free-webinar-developing-with-shopify-using-javascript-to-add-ecommerce-to-any-website\"},{\"title\":\"How to Get Published in the Shopify Theme Store\",\"url\":\"partners/blog/32453955-how-to-get-published-in-the-shopify-theme-store\"},{\"title\":\"6 Animation Libraries to Save Time and WOW Clients\",\"url\":\"partners/blog/6-animation-libraries-to-save-time-and-wow-clients\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/online-learning-resources.jpg?v=1594816255","imageAltText":"online learning resources","modifiedAt":"15 Jul 2020","modifiedAtRaw":"2020-07-15T21:03:00Z"},{"__typename":"Article","id":"gid://shopify/Article/232974805","handle":"best-visual-studio-code-extensions","title":"The 20 Best Visual Studio Code Extensions for Front End Developers","publishedAt":"2020-06-24T21:26:00Z","image":null,"tags":["Front End Development"],"contentHtml":"","excerpt":"The right tools help us build, tweak, and fix our work faster. With this in mind, we asked Shopify developers to share the 20 best Visual Studio Code extensions for front end developers that will help to accelerate your work and improve your development experience. Check them out in today’s article.","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/best-visual-studio-code-extensions?utm_source=exacttarget\u0026amp;utm_medium=email\u0026amp;utm_campaign=blog\u0026amp;utm_content=partner_blog-2020-06-25\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/visual-studio-code-extensions.jpg?v=1593002073\" alt=\"visual studio code extensions\"\u003e\u003c/a\u003e\n\u003cp\u003eThe right tools help us build, tweak, and fix our work faster. With this in mind, we asked Shopify developers to share the 20 best Visual Studio Code extensions for front end developers that will help to accelerate your work and improve your development experience. Check them out in today’s article.\u003c/p\u003e","seo":{"__typename":"SEO","title":"Best Visual Studio Code Extensions for Front End Developers","description":"Front end developers share the 20 best Visual Studio Code extensions to accelerate your coding and improve your development experience. Check them out here."},"authorV2":{"__typename":"ArticleAuthor","name":"Tiffany Tse","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"Free Course] 10x Your Shopify Theme Development Skills with These Free Courses\",\"url\":\"partners/blog/97493062-free-course-10x-your-shopify-theme-development-skills-with-these-free-courses\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"url\":\"partners/blog/shopify-online-store\"},{\"title\":\"4 Essential Tips for Building Your First Shopify Theme\",\"url\":\"partners/blog/78118150-4-essential-tips-for-building-your-first-shopify-theme\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\",\"url\":\"partners/blog/how-to-build-a-shopify-app\"},{\"title\":\"10 Ways to Create Delightful and User-Friendly Web Animation\",\"url\":\"partners/blog/web-animation\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"url\":\"partners/blog/img-url-filter\"},{\"title\":\"A Beginner's Guide to Sass with Shopify — Part 1: Getting Started With Sass\",\"url\":\"partners/blog/a-beginners-guide-to-building-shopify-themes-with-sass-part-1-getting-started-with-sass\"},{\"title\":\"Intro to CSS: A Beginner’s Guide to Cascading Style Sheets\",\"url\":\"partners/blog/intro-to-css\"},{\"title\":\"15 Tools to Customize Your Terminal and Command Line\",\"url\":\"partners/blog/customize-terminal\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/visual-studio-code-extensions.jpg?v=1593002073","imageAltText":"visual studio code extensions","modifiedAt":"24 Jun 2020","modifiedAtRaw":"2020-06-24T21:26:00Z"},{"__typename":"Article","id":"gid://shopify/Article/384119144482","handle":"developer-resources","title":"30 Developer Resources to Diversify Your Skill Set","publishedAt":"2020-04-16T02:00:00Z","image":null,"tags":["Front End Development"],"contentHtml":"","excerpt":"Due to the constant change happening in the world right now, it’s more important than ever to know when to pivot your business and expand your skill set. As a front-end developer, you need to examine the current landscape and identify the most important, high-impact skills that will help your business remain relevant, and suit your clients’ ever-changing needs. In this article, you’ll find a list of 30 helpful resources collected from Shopify staff and the partner community.","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/developer-resources?utm_source=exacttarget\u0026amp;utm_medium=email\u0026amp;utm_campaign=blog\u0026amp;utm_content=partner_blog-2020-04-16\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/developer-resources.jpg?v=1586952452\" alt=\"developer resources\"\u003e\u003c/a\u003e\n\u003cp\u003eDue to the constant change happening in the world right now, it’s more important than ever to know when to pivot your business and expand your skill set. As a front-end developer, you need to examine the current landscape and identify the most important, high-impact skills that will help your business remain relevant, and suit your clients’ ever-changing needs. In this article, you’ll find a list of 30 helpful resources collected from Shopify staff and the partner community.\u003c/p\u003e","seo":{"__typename":"SEO","title":null,"description":"Click here for our list of helpful developer resources to expand your knowledge. Inside: learning GraphQL, improving site performance, and more."},"authorV2":{"__typename":"ArticleAuthor","name":"Liam Griffin","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"The 20 Best Visual Studio Code Extensions for Front End Developers\",\"url\":\"partners/blog/best-visual-studio-code-extensions\"},{\"title\":\"How To Use Translation Keys To Create Internationalized Themes\",\"url\":\"partners/blog/translation-keys\"},{\"title\":\"How to Add CSS Text Animation to Custom Themes\",\"url\":\"partners/blog/text-animation-css\"},{\"title\":\"Free Webinar] Getting Started with Sass and Shopify\",\"url\":\"partners/blog/free-webinar-getting-started-with-sass-and-shopify\"},{\"title\":\"How to Get Published in the Shopify Theme Store\",\"url\":\"partners/blog/32453955-how-to-get-published-in-the-shopify-theme-store\"},{\"title\":\"Add Products Faster With Product CSVs\",\"url\":\"partners/blog/shopify-upload-products-csv\"},{\"title\":\"A Modern Approach to CSS Pt. 2: Building Resources\",\"url\":\"partners/blog/css-resources\"},{\"title\":\"What's New in HTML: 6 Native Elements You Can Use Today\",\"url\":\"partners/blog/new-html\"},{\"title\":\"How to Use PWA and AMP for User Centered Design\",\"url\":\"partners/blog/user-centered-design-strategies\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/developer-resources.jpg?v=1586952452","imageAltText":"developer resources","modifiedAt":"16 Apr 2020","modifiedAtRaw":"2020-04-16T02:00:00Z"},{"__typename":"Article","id":"gid://shopify/Article/27988131896","handle":"user-centered-design-strategies","title":"How to Use PWA and AMP for User Centered Design","publishedAt":"2020-02-27T03:00:00Z","image":null,"tags":["Front End Development"],"contentHtml":"","excerpt":"Building user centered design flows for your clients' users is critical to improving conversion in ecommerce. But from a technical perspective, building these flows can be challenging. Learn how to use AMP and PWA to implement user centered design strategies on your clients’ stores.","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/user-centered-design-strategies?utm_source=exacttarget\u0026amp;utm_medium=email\u0026amp;utm_campaign=blog\u0026amp;utm_content=partner_blog-2020-02-27\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/User_centered_design.jpg?v=1582723066\" alt=\"User centered design\"\u003e\u003c/a\u003e\n\u003cp\u003eBuilding user centered design flows for your clients' users is critical to improving conversion in ecommerce. But from a technical perspective, building these flows can be challenging. Learn how to use AMP and PWA to implement user centered design strategies on your clients’ stores.\u003c/p\u003e","seo":{"__typename":"SEO","title":null,"description":"User centered design is key for conversion in ecommerce, but is hard from a technical perspective. Learn how PWA and AMP help build user centered flows."},"authorV2":{"__typename":"ArticleAuthor","name":"Saumitra Khanwalker","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"Free Webinar] Developing with Shopify: Using JavaScript to Add Ecommerce to Any Website\",\"url\":\"partners/blog/free-webinar-developing-with-shopify-using-javascript-to-add-ecommerce-to-any-website\"},{\"title\":\"Getting the Most Out of Chrome Developer Tools: 4 Modern Features You Need to Know\",\"url\":\"partners/blog/chrome-developer-tools\"},{\"title\":\"15 Tools to Customize Your Terminal and Command Line\",\"url\":\"partners/blog/customize-terminal\"},{\"title\":\"A Modern Approach to CSS Pt. 2: Building Resources\",\"url\":\"partners/blog/css-resources\"},{\"title\":\"8 Free Resources For Learning Web Design and How to Code\",\"url\":\"partners/blog/8-free-resources-for-learning-web-design-and-how-to-code\"},{\"title\":\"The 10 Most Useful Browser Dev Tools for Front End Developers\",\"url\":\"partners/blog/dev-tools\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/User_centered_design.jpg?v=1582723066","imageAltText":"User centered design","modifiedAt":"27 Feb 2020","modifiedAtRaw":"2020-02-27T03:00:00Z"},{"__typename":"Article","id":"gid://shopify/Article/27985543224","handle":"deploy-website","title":"4 Easy Ways to Deploy Your Website or App","publishedAt":"2020-02-19T03:00:00Z","image":null,"tags":["Front End Development"],"contentHtml":"","excerpt":"A website is not truly live until it comes online, and deciding on what service to use for hosting and deploying it is critical. In this article, learn about four different deploy paths you can follow, and the costs and benefits associated with each.","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/website-deploy?utm_source=exacttarget\u0026amp;utm_medium=email\u0026amp;utm_campaign=blog\u0026amp;utm_content=partner_blog-2020-02-19\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/Deploy_website.jpg?v=1582035026\" alt=\"Deploy website\"\u003e\u003c/a\u003e\n\u003cp\u003eA website is not truly live until it comes online, and deciding on what service to use for hosting and deploying it is critical. In this article, learn about four different deploy paths you can follow, and the costs and benefits associated with each.\u003c/p\u003e","seo":{"__typename":"SEO","title":null,"description":"The moment you deploy a website is essential for its success. Learn four different deploy paths, and the costs and benefits of each."},"authorV2":{"__typename":"ArticleAuthor","name":"Catherine Meade","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"How to Build a Shopify App: The Complete Guide\",\"url\":\"partners/blog/how-to-build-a-shopify-app\"},{\"title\":\"5 Community-Built API Tools Developers Should Check Out\",\"url\":\"partners/blog/api-tools\"},{\"title\":\"Build with Hydrogen: Developer Preview Now Available\",\"url\":\"partners/blog/hydrogen-developer-preview\"},{\"title\":\"How to Level Up Your App with Theme App Extensions\",\"url\":\"partners/blog/theme-app-extensions\"},{\"title\":\"Checkout Extensibility Opens New Ways to Customize Checkouts on Shopify\",\"url\":\"partners/blog/checkout-extensibility\"},{\"title\":\"How to Choose the Right Pricing Model for Your App\",\"url\":\"partners/blog/pricing-model\"},{\"title\":\"Getting Paid: An Overview of Shopify App Billing Cycles\",\"url\":\"partners/blog/shopify-app-billing-cycle\"},{\"title\":\"Building Secure Shopify Apps\",\"url\":\"partners/blog/building-secure-shopify-apps\"},{\"title\":\"How Web Fonts Can Enhance Your Client’s Custom Ecommerce Store\",\"url\":\"partners/blog/web-fonts-to-enhance-stores\"},{\"title\":\"Free Webinar] Getting Started with Sass and Shopify\",\"url\":\"partners/blog/free-webinar-getting-started-with-sass-and-shopify\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/Deploy_website.jpg?v=1582035026","imageAltText":"Deploy website","modifiedAt":"19 Feb 2020","modifiedAtRaw":"2020-02-19T03:00:00Z"},{"__typename":"Article","id":"gid://shopify/Article/27980660792","handle":"intro-to-css","title":"Intro to CSS: A Beginner’s Guide to Cascading Style Sheets","publishedAt":"2020-02-05T03:00:00Z","image":null,"tags":["Front End Development"],"contentHtml":"","excerpt":"CSS is a key tool for web designers. In this article, gain an understanding of the role CSS plays in web applications, how CSS applies styles, and a breakdown of the most frequently used concepts with their related properties.","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/intro-to-css?utm_source=exacttarget\u0026amp;utm_medium=email\u0026amp;utm_campaign=blog\u0026amp;utm_content=partner_blog-2020-02-05\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/intro-to-css.jpeg?v=1580838171\" alt=\"intro to css\"\u003e\u003c/a\u003e\n\u003cp\u003eCSS is a key tool for web designers. In this article, gain an understanding of the role CSS plays in web applications, how CSS applies styles, and a breakdown of the most frequently used concepts with their related properties.\u003c/p\u003e","seo":{"__typename":"SEO","title":null,"description":"This intro to CSS will help you gain an understanding of the role CSS plays in web applications and everything you should know about this key tool."},"authorV2":{"__typename":"ArticleAuthor","name":"Tyler Childs","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"How to Customize Content by Country with Shopify\",\"url\":\"partners/blog/customize-content-by-country\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"url\":\"partners/blog/img-url-filter\"},{\"title\":\"How to Create Your First Shopify Theme Section\",\"url\":\"partners/blog/how-to-create-your-first-shopify-theme-section\"},{\"title\":\"Getting Started With a CSS Grid Layout on Shopify\",\"url\":\"partners/blog/css-grid\"},{\"title\":\"Free Webinar] Developing with Shopify: Using JavaScript to Add Ecommerce to Any Website\",\"url\":\"partners/blog/free-webinar-developing-with-shopify-using-javascript-to-add-ecommerce-to-any-website\"},{\"title\":\"8 Free Resources For Learning Web Design and How to Code\",\"url\":\"partners/blog/8-free-resources-for-learning-web-design-and-how-to-code\"},{\"title\":\"How Open Graph Tags can Optimize Social Media Experiences\",\"url\":\"partners/blog/open-graph-tags\"},{\"title\":\"A Modern Approach to CSS Pt. 2: Building Resources\",\"url\":\"partners/blog/css-resources\"},{\"title\":\"5 Easy-to-Implement Website Maintenance Tips for Your Client's Ecommerce Business\",\"url\":\"partners/blog/website-maintenance-tips\"},{\"title\":\"Free Webinar] Getting Started with Sass and Shopify\",\"url\":\"partners/blog/free-webinar-getting-started-with-sass-and-shopify\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/intro-to-css.jpeg?v=1580838171","imageAltText":"intro to css","modifiedAt":"5 Feb 2020","modifiedAtRaw":"2020-02-05T03:00:00Z"},{"__typename":"Article","id":"gid://shopify/Article/27672772664","handle":"javascript-performance","title":"How to Refactor a Shopify Site for Javascript Performance","publishedAt":"2020-01-22T03:00:00Z","image":null,"tags":["Front End Development"],"contentHtml":"","excerpt":"Everyone wants their site to be fast, but the truth is that there is no silver bullet for site speed. In this article, learn six steps to help you refactor a Shopify site to improve performance for merchants and their customers.","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/javascript-performance?utm_source=exacttarget\u0026amp;utm_medium=email\u0026amp;utm_campaign=blog\u0026amp;utm_content=partner_blog-2020-01-22\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/Javascript_performance.jpg?v=1579615224\" alt=\"Javascript performance\"\u003e\u003c/a\u003e\n\u003cp\u003eEveryone wants their site to be fast, but the truth is that there is no silver bullet for site speed. In this article, learn six steps to help you refactor a Shopify site to improve performance for merchants and their customers.\u003c/p\u003e","seo":{"__typename":"SEO","title":null,"description":"Javascript performance is important to make sure your client's store runs fast. Learn how to refactor a Shopify site for speed."},"authorV2":{"__typename":"ArticleAuthor","name":"Helen Lin","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"url\":\"partners/blog/shopify-online-store\"},{\"title\":\"How Open Graph Tags can Optimize Social Media Experiences\",\"url\":\"partners/blog/open-graph-tags\"},{\"title\":\"Working with Product Variants When Building a Shopify Theme\",\"url\":\"partners/blog/product-variants\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\",\"url\":\"partners/blog/how-to-build-a-shopify-app\"},{\"title\":\"How to Build a Customizable Related Products Section\",\"url\":\"partners/blog/related-products\"},{\"title\":\"How to work with Metafields when building Shopify themes\",\"url\":\"partners/blog/metafields\"},{\"title\":\"How to Use Math Filters with Liquid\",\"url\":\"partners/blog/shopify-filters\"},{\"title\":\"How to Use Liquid to Create Custom Landing Page Templates\",\"url\":\"partners/blog/landing-page\"},{\"title\":\"A Modern Approach to CSS Pt. 2: Building Resources\",\"url\":\"partners/blog/css-resources\"},{\"title\":\"Getting the Most Out of Chrome Developer Tools: 4 Modern Features You Need to Know\",\"url\":\"partners/blog/chrome-developer-tools\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/Javascript_performance.jpg?v=1579615224","imageAltText":"Javascript performance","modifiedAt":"22 Jan 2020","modifiedAtRaw":"2020-01-22T03:00:00Z"},{"__typename":"Article","id":"gid://shopify/Article/27649310776","handle":"web-performance","title":"Web Performance: 11 Must-Read Tips to Give Your Site a Speed Boost","publishedAt":"2020-01-15T03:00:00Z","image":null,"tags":["Front End Development"],"contentHtml":"","excerpt":"Web performance has never been more important. Slow websites mean lost and frustrated customers, which is bad news for your clients. To help you improve the performance of your websites, we spoke with seven experts to get their best performance tips.","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/web-performance?utm_source=exacttarget\u0026amp;utm_medium=email\u0026amp;utm_campaign=blog\u0026amp;utm_content=partner_blog-2020-01-15\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/Web_performance.jpg?v=1578973171\" alt=\"Web performance\"\u003e\u003c/a\u003e\n\u003cp\u003eWeb performance has never been more important. Slow websites mean lost and frustrated customers, which is bad news for your clients. To help you improve the performance of your websites, we spoke with seven experts to get their best performance tips.\u003c/p\u003e","seo":{"__typename":"SEO","title":null,"description":"Web performance has never been more important. Slow websites mean lost and frustrated customers. To help you improve the performance of your websites, we spoke with seven experts to get their best performance tips."},"authorV2":{"__typename":"ArticleAuthor","name":"Oliver Lindberg","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"Top 5 Features to Include When Building a Successful Fitness Site\",\"url\":\"partners/blog/15515975-top-5-features-to-include-when-building-a-successful-fitness-site\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\",\"url\":\"partners/blog/how-to-build-a-shopify-app\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"url\":\"partners/blog/shopify-online-store\"},{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"url\":\"partners/blog/93130630-10-beautiful-ecommerce-website-color-schemes\"},{\"title\":\"How to Add a Social Media Marketing Icon to Your Theme\",\"url\":\"partners/blog/social-media-marketing-icon\"},{\"title\":\"How to Create a Customizable Logo Bar Section\",\"url\":\"partners/blog/logo-bar\"},{\"title\":\"How to Refactor a Shopify Site for Javascript Performance\",\"url\":\"partners/blog/javascript-performance\"},{\"title\":\"Free Webinar] Getting Started with Sass and Shopify\",\"url\":\"partners/blog/free-webinar-getting-started-with-sass-and-shopify\"},{\"title\":\"5 Easy-to-Implement Website Maintenance Tips for Your Client's Ecommerce Business\",\"url\":\"partners/blog/website-maintenance-tips\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/Web_performance.jpg?v=1578973171","imageAltText":"Web performance","modifiedAt":"15 Jan 2020","modifiedAtRaw":"2020-01-15T03:00:00Z"},{"__typename":"Article","id":"gid://shopify/Article/27628994616","handle":"jamstack","title":"How to Build Fast and Secure Websites With the JAMstack","publishedAt":"2019-12-05T03:00:00Z","image":null,"tags":["Front End Development"],"contentHtml":"","excerpt":"JAMstack is a web development architecture that makes it easier to build fast, secure websites. Learn everything you need to know about this new stack, and how it can help you build better websites.","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/jamstack?utm_source=exacttarget\u0026amp;utm_medium=email\u0026amp;utm_campaign=blog\u0026amp;utm_content=partner_blog-2019-12-05\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/jamstack.jpg?v=1575467170\" alt=\"jamstack\"\u003e\u003c/a\u003e\n\u003cp\u003eJAMstack is a web development architecture that makes it easier to build fast, secure websites. Learn everything you need to know about this new stack, and how it can help you build better websites.\u003c/p\u003e","seo":{"__typename":"SEO","title":null,"description":"JAMstack is a web development architecture that makes it easier to build fast, secure websites. Learn everything you need to know about this new stack, and how it can help you build better websites."},"authorV2":{"__typename":"ArticleAuthor","name":"Tamas Piros","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"Getting the Most Out of Chrome Developer Tools: 4 Modern Features You Need to Know\",\"url\":\"partners/blog/chrome-developer-tools\"},{\"title\":\"Free Webinar] Developing with Shopify: Using JavaScript to Add Ecommerce to Any Website\",\"url\":\"partners/blog/free-webinar-developing-with-shopify-using-javascript-to-add-ecommerce-to-any-website\"},{\"title\":\"5 Easy-to-Implement Website Maintenance Tips for Your Client's Ecommerce Business\",\"url\":\"partners/blog/website-maintenance-tips\"},{\"title\":\"A Modern Approach to CSS Pt. 2: Building Resources\",\"url\":\"partners/blog/css-resources\"},{\"title\":\"Building Icon Systems With SVG\",\"url\":\"partners/blog/building-icon-systems-with-svg\"},{\"title\":\"Enhancing the Ecommerce Experience: Recent Updates to Shopify’s Online Store and Liquid\",\"url\":\"partners/blog/enhancing-the-ecommerce-experience-recent-updates-to-shopify-s-online-store-and-liquid\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/jamstack.jpg?v=1575467170","imageAltText":"jamstack","modifiedAt":"5 Dec 2019","modifiedAtRaw":"2019-12-05T03:00:00Z"},{"__typename":"Article","id":"gid://shopify/Article/226681109","handle":"best-atom-packages","title":"The 21 Best Atom Packages for Front End Developers","publishedAt":"2019-12-04T03:00:00Z","image":null,"tags":["Front End Development"],"contentHtml":"","excerpt":"We all know great tooling can help us move faster and be more productive when coding. We’ve put together a list of the 21 best Atom packages for front end developers to help accelerate your work and improve your development experience.","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/best-atom-packages?utm_source=exacttarget\u0026amp;utm_medium=email\u0026amp;utm_campaign=blog\u0026amp;utm_content=partner_blog-2019-12-03\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/Best-atom-packages.png?v=1575302282\" alt=\"Best atom packages\"\u003e\u003c/a\u003e\n\u003cp\u003eWe all know great tooling can help us move faster and be more productive when coding. We’ve put together a list of the 21 best Atom packages for front end developers to help accelerate your work and improve your development experience.\u003c/p\u003e","seo":{"__typename":"SEO","title":null,"description":"The best Atom packages will help you move faster and be more productive when coding. Check them out to accelerate your work and improve your development experience."},"authorV2":{"__typename":"ArticleAuthor","name":"Tiffany Tse","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"url\":\"partners/blog/shopify-online-store\"},{\"title\":\"Using Responsive Images to Decrease Page Loading Times\",\"url\":\"partners/blog/using-responsive-images\"},{\"title\":\"Building a Clickable Call-to-Action Button for Your Shopify Theme\",\"url\":\"partners/blog/building-a-clickable-call-to-action-button-for-your-shopify-theme\"},{\"title\":\"How to Add a Social Media Marketing Icon to Your Theme\",\"url\":\"partners/blog/social-media-marketing-icon\"},{\"title\":\"Checkout Extensibility Opens New Ways to Customize Checkouts on Shopify\",\"url\":\"partners/blog/checkout-extensibility\"},{\"title\":\"A Modern Approach to CSS Pt. 2: Building Resources\",\"url\":\"partners/blog/css-resources\"},{\"title\":\"Free Webinar] Developing with Shopify: Using JavaScript to Add Ecommerce to Any Website\",\"url\":\"partners/blog/free-webinar-developing-with-shopify-using-javascript-to-add-ecommerce-to-any-website\"},{\"title\":\"5 Free Online Learning Resources for Designers and Developers\",\"url\":\"partners/blog/online-learning-resources-2017\"},{\"title\":\"How Google’s AMP Project is Changing the Mobile Web\",\"url\":\"partners/blog/how-google-s-amp-project-is-changing-the-mobile-web\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/Best-atom-packages.png?v=1575302282","imageAltText":"Best atom packages","modifiedAt":"4 Dec 2019","modifiedAtRaw":"2019-12-04T03:00:00Z"},{"__typename":"Article","id":"gid://shopify/Article/231716309","handle":"jquery-image-zoom","title":"Using JQuery Zoom and JavaScript Zoom for Product Images on Shopify","publishedAt":"2019-11-12T03:00:00Z","image":null,"tags":["Front End Development"],"contentHtml":"","excerpt":"When selling online, one of the most requested product features is image zooming. Zooming is often used on a product image to enlarge it for better viewing by potential customers. In this tutorial, we’ll go over the steps to implementing a jQuery zoom plugin or a vanilla JavaScript zoom on a Shopify theme.","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/jquery-image-zoom?utm_source=exacttarget\u0026amp;utm_medium=email\u0026amp;utm_campaign=blog\u0026amp;utm_content=partner_blog-2019-11-12\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/image-zoom.jpg?v=1573487551\" alt=\"image-zoom\"\u003e\u003c/a\u003e\n\u003cp\u003eWhen selling online, one of the most requested product features is image zooming. Zooming is often used on a product image to enlarge it for better viewing by potential customers. In this tutorial, we’ll go over the steps to implementing a jQuery zoom plugin or a vanilla JavaScript zoom on a Shopify theme.\u003c/p\u003e","seo":{"__typename":"SEO","title":null,"description":"Image zoom is an important product feature for merchants, allowing buyers to enlarge product photos for better viewing. Learn how to use JQuery zoom or JavaScript Zoom to add image zooming to your clients’ Shopify stores."},"authorV2":{"__typename":"ArticleAuthor","name":"Tiffany Tse","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"An Overview of Liquid: Shopify's Templating Language\",\"url\":\"partners/blog/115244038-an-overview-of-liquid-shopifys-templating-language\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"url\":\"partners/blog/img-url-filter\"},{\"title\":\"How to Use Liquid to Create Custom Landing Page Templates\",\"url\":\"partners/blog/landing-page\"},{\"title\":\"How to Use Math Filters with Liquid\",\"url\":\"partners/blog/shopify-filters\"},{\"title\":\"Using Responsive Images to Decrease Page Loading Times\",\"url\":\"partners/blog/using-responsive-images\"},{\"title\":\"Build Forms on Shopify: How to Use Liquid to Build Robust Forms for Shopify Themes\",\"url\":\"partners/blog/build-forms-on-shopify\"},{\"title\":\"Working with Product Variants When Building a Shopify Theme\",\"url\":\"partners/blog/product-variants\"},{\"title\":\"A Modern Approach to CSS Pt. 2: Building Resources\",\"url\":\"partners/blog/css-resources\"},{\"title\":\"10 Ways to Create Delightful and User-Friendly Web Animation\",\"url\":\"partners/blog/web-animation\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/image-zoom.jpg?v=1573487551","imageAltText":"image-zoom","modifiedAt":"12 Nov 2019","modifiedAtRaw":"2019-11-12T03:00:00Z"},{"__typename":"Article","id":"gid://shopify/Article/27601633336","handle":"website-security","title":"Website Security: 13 Ways to Improve Front End Security and Not Get Hacked","publishedAt":"2019-10-16T02:00:00Z","image":null,"tags":["Front End Development"],"contentHtml":"","excerpt":"As designers and front end developers, it's your responsibility to help protect customers from scams and security issues. Learn from seven different security experts about the most common front end vulnerabilities, and how you can mitigate those risks.","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/website-security?utm_source=exacttarget\u0026amp;utm_medium=email\u0026amp;utm_campaign=blog\u0026amp;utm_content=partner_blog-2019-10-16\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-security.jpg?v=1571152828\" alt=\"website security\"\u003e\u003c/a\u003e\n\u003cp\u003eAs designers and front end developers, it's your responsibility to help protect customers from scams and security issues. Learn from seven different security experts about the most common front end vulnerabilities, and how you can mitigate those risks.\u003c/p\u003e","seo":{"__typename":"SEO","title":"Website Security: 13 Ways to Improve Front End Security","description":"As designers and front end developers, it's your responsibility to help protect customers from scams and security issues. Learn from seven different security experts about the most common front end vulnerabilities, and how you can mitigate those risks."},"authorV2":{"__typename":"ArticleAuthor","name":"Oliver Lindberg","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"4 Easy Ways to Deploy Your Website or App\",\"url\":\"partners/blog/deploy-website\"},{\"title\":\"10 Ways to Create Delightful and User-Friendly Web Animation\",\"url\":\"partners/blog/web-animation\"},{\"title\":\"How to Refactor a Shopify Site for Javascript Performance\",\"url\":\"partners/blog/javascript-performance\"},{\"title\":\"Free Webinar] Developing with Shopify: Using JavaScript to Add Ecommerce to Any Website\",\"url\":\"partners/blog/free-webinar-developing-with-shopify-using-javascript-to-add-ecommerce-to-any-website\"},{\"title\":\"How Open Graph Tags can Optimize Social Media Experiences\",\"url\":\"partners/blog/open-graph-tags\"},{\"title\":\"A Modern Approach to CSS Pt. 2: Building Resources\",\"url\":\"partners/blog/css-resources\"},{\"title\":\"Add Products Faster With Product CSVs\",\"url\":\"partners/blog/shopify-upload-products-csv\"},{\"title\":\"5 Easy-to-Implement Website Maintenance Tips for Your Client's Ecommerce Business\",\"url\":\"partners/blog/website-maintenance-tips\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/website-security.jpg?v=1571152828","imageAltText":"website security","modifiedAt":"16 Oct 2019","modifiedAtRaw":"2019-10-16T02:00:00Z"},{"__typename":"Article","id":"gid://shopify/Article/27594358840","handle":"customize-terminal","title":"15 Tools to Customize Your Terminal and Command Line","publishedAt":"2019-10-01T02:00:00Z","image":null,"tags":["Front End Development"],"contentHtml":"","excerpt":"Great tooling can improve your workflow and help you write more code. We asked developers at Shopify what apps, packages, and tooling they use every day. In this article, we share their favorite terminal emulation applications, package managers, shell options, and command line tools.","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/customize-terminal?utm_source=exacttarget\u0026amp;utm_medium=email\u0026amp;utm_campaign=blog\u0026amp;utm_content=partner_blog-2019-10-01\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/customize-terminal.png?v=1569856317\" alt=\"customize terminal\"\u003e\u003c/a\u003e\n\u003cp\u003eGreat tooling can improve your workflow and help you write more code. We asked developers at Shopify what apps, packages, and tooling they use every day. In this article, we share their favorite terminal emulation applications, package managers, shell options, and command line tools.\u003c/p\u003e","seo":{"__typename":"SEO","title":null,"description":"Great tooling can improve your workflow and help you write more code. We asked developers at Shopify what apps, packages, and tooling they use every day. In this article, we share their favorite terminal emulation applications, package managers, shell options, and command line tools."},"authorV2":{"__typename":"ArticleAuthor","name":"Tiffany Tse","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"How to Create a Customizable Announcement Bar Section in Shopify\",\"url\":\"partners/blog/shopify-announcement-bar\"},{\"title\":\"8 Free Resources For Learning Web Design and How to Code\",\"url\":\"partners/blog/8-free-resources-for-learning-web-design-and-how-to-code\"},{\"title\":\"Add Products Faster With Product CSVs\",\"url\":\"partners/blog/shopify-upload-products-csv\"},{\"title\":\"5 Free Online Learning Resources for Designers and Developers\",\"url\":\"partners/blog/online-learning-resources-2017\"},{\"title\":\"A Modern Approach to CSS Pt. 2: Building Resources\",\"url\":\"partners/blog/css-resources\"},{\"title\":\"Free Webinar] Developing with Shopify: Using JavaScript to Add Ecommerce to Any Website\",\"url\":\"partners/blog/free-webinar-developing-with-shopify-using-javascript-to-add-ecommerce-to-any-website\"},{\"title\":\"How Google’s AMP Project is Changing the Mobile Web\",\"url\":\"partners/blog/how-google-s-amp-project-is-changing-the-mobile-web\"},{\"title\":\"What's New in HTML: 6 Native Elements You Can Use Today\",\"url\":\"partners/blog/new-html\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/customize-terminal.png?v=1569856317","imageAltText":"customize terminal","modifiedAt":"1 Oct 2019","modifiedAtRaw":"2019-10-01T02:00:00Z"},{"__typename":"Article","id":"gid://shopify/Article/114559238","handle":"front-end-development-tools","title":"The 8 Best Free Shopify Resources and Tools for Front-End Developers","publishedAt":"2019-09-05T02:00:00Z","image":null,"tags":["Front End Development"],"contentHtml":"","excerpt":"With so many options in front of you, it can sometimes be difficult to know how to start working with Shopify. Learn about the free resources and front end development tools that will help you get started with the platform and streamline your workflow.","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/freelancer-tools?utm_source=exacttarget\u0026amp;utm_medium=email\u0026amp;utm_campaign=blog\u0026amp;utm_content=partner_blog-2019-09-05\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/front-end-development-tools.jpg?v=1567608054\" alt=\"front end development tools\"\u003e\u003c/a\u003e\n\u003cp\u003eWith so many options in front of you, it can sometimes be difficult to know how to start working with Shopify. Learn about the free resources and front end development tools that will help you get started with the platform and streamline your workflow.\u003c/p\u003e","seo":{"__typename":"SEO","title":null,"description":"Here’s a rundown of some of the best free Shopify tools to help you with your client work."},"authorV2":{"__typename":"ArticleAuthor","name":"Liam Griffin","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"The Essential List of Resources for Shopify Theme Development\",\"url\":\"partners/blog/the-ultimate-list-of-resources-for-shopify-theme-developers\"},{\"title\":\"8 Development Tips for Building Better Custom Shopify Sites\",\"url\":\"partners/blog/8-development-tips-for-building-better-custom-shopify-sites\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"url\":\"partners/blog/shopify-online-store\"},{\"title\":\"10 Ways to Create Delightful and User-Friendly Web Animation\",\"url\":\"partners/blog/web-animation\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\",\"url\":\"partners/blog/how-to-build-a-shopify-app\"},{\"title\":\"Four Smart Reasons to Embed a Shopify Store in Your Client Websites\",\"url\":\"partners/blog/four-smart-reasons-to-embed-a-shopify-store-in-your-client-websites\"},{\"title\":\"Free Webinar] Developing with Shopify: Using JavaScript to Add Ecommerce to Any Website\",\"url\":\"partners/blog/free-webinar-developing-with-shopify-using-javascript-to-add-ecommerce-to-any-website\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/front-end-development-tools.jpg?v=1567608054","imageAltText":"front end development tools","modifiedAt":"5 Sept 2019","modifiedAtRaw":"2019-09-05T02:00:00Z"},{"__typename":"Article","id":"gid://shopify/Article/492437525","handle":"related-products","title":"How to Build a Customizable Related Products Section","publishedAt":"2019-07-31T02:00:00Z","image":null,"tags":["Front End Development"],"contentHtml":"","excerpt":"Recommending related products can be a powerful tool for increasing conversions on your clients’ stores. In this post, learn how to leverage the Liquid recommendations object to provide clients with the ability to surface data-powered product recommendations on their product pages.","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/related-products?utm_source=exacttarget\u0026amp;utm_medium=email\u0026amp;utm_campaign=blog\u0026amp;utm_content=partner_blog-2019-07-31\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-related-products.jpg?v=1564499191\" alt=\"shopify related products\"\u003e\u003c/a\u003e\n\u003cp\u003eRecommending related products can be a powerful tool for increasing conversions on your clients’ stores. In this post, learn how to leverage the Liquid recommendations object to provide clients with the ability to surface data-powered product recommendations on their product pages.\u003c/p\u003e","seo":{"__typename":"SEO","title":null,"description":"Make it easy for customers to continue shopping, and drive conversions for your clients by positioning related products and recommendations."},"authorV2":{"__typename":"ArticleAuthor","name":"Liam Griffin","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"How to Customize Content by Country with Shopify\",\"url\":\"partners/blog/customize-content-by-country\"},{\"title\":\"An Overview of Liquid: Shopify's Templating Language\",\"url\":\"partners/blog/115244038-an-overview-of-liquid-shopifys-templating-language\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\",\"url\":\"partners/blog/how-to-build-a-shopify-app\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"url\":\"partners/blog/shopify-online-store\"},{\"title\":\"How to Create a Sticky Add to Cart Button On Scroll\",\"url\":\"partners/blog/112052742-how-to-create-a-sticky-add-to-cart-button-on-scroll\"},{\"title\":\"Introducing BuyButton.js – Shopify's New JavaScript Library\",\"url\":\"partners/blog/introducing-buybutton-js-shopifys-new-javascript-library\"},{\"title\":\"5 Easy-to-Implement Website Maintenance Tips for Your Client's Ecommerce Business\",\"url\":\"partners/blog/website-maintenance-tips\"},{\"title\":\"Free Webinar] Developing with Shopify: Using JavaScript to Add Ecommerce to Any Website\",\"url\":\"partners/blog/free-webinar-developing-with-shopify-using-javascript-to-add-ecommerce-to-any-website\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-related-products.jpg?v=1564499191","imageAltText":"shopify related products","modifiedAt":"31 Jul 2019","modifiedAtRaw":"2019-07-31T02:00:00Z"},{"__typename":"Article","id":"gid://shopify/Article/27515289656","handle":"css-resources","title":"A Modern Approach to CSS Pt. 2: Building Resources","publishedAt":"2019-07-17T02:00:00Z","image":null,"tags":["Front End Development"],"contentHtml":"","excerpt":"With strong CSS tools and organizational methods in your toolkit, you can start building resources for your website. Learn how to navigate the CSS spec and see examples of how it will help you solve common problems.","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/css-resources?utm_source=exacttarget\u0026amp;utm_medium=email\u0026amp;utm_campaign=blog\u0026amp;utm_content=partner_blog-2019-07-17\"\u003e\u003cimg src=\"https://cdn2.shopify.com/s/files/1/0533/2089/files/css-resources.jpg?v=1563284626\" alt=\"css resources\"\u003e\u003c/a\u003e\n\u003cp\u003eWith strong CSS tools and organizational methods in your toolkit, you can start building resources for your website. Learn how to navigate the CSS spec and see examples of how it will help you solve common problems.\u003c/p\u003e","seo":{"__typename":"SEO","title":null,"description":"With strong CSS tools and organizational methods in your toolkit, you can start building resources for your website. Learn how to navigate the CSS spec and see examples of how it will help you solve common problems."},"authorV2":{"__typename":"ArticleAuthor","name":"Philip Zastrow","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"How to Get Published in the Shopify Theme Store\",\"url\":\"partners/blog/32453955-how-to-get-published-in-the-shopify-theme-store\"},{\"title\":\"Deconstructing the Monolith: Designing Software that Maximizes Developer Productivity\",\"url\":\"partners/blog/monolith-software\"},{\"title\":\"Free Webinar] Getting Started with Sass and Shopify\",\"url\":\"partners/blog/free-webinar-getting-started-with-sass-and-shopify\"},{\"title\":\"Reactive UI Animations with CSS Variables\",\"url\":\"partners/blog/ui-animation\"},{\"title\":\"8 Free Resources For Learning Web Design and How to Code\",\"url\":\"partners/blog/8-free-resources-for-learning-web-design-and-how-to-code\"},{\"title\":\"How Open Graph Tags can Optimize Social Media Experiences\",\"url\":\"partners/blog/open-graph-tags\"},{\"title\":\"30 Developer Resources to Diversify Your Skill Set\",\"url\":\"partners/blog/developer-resources\"},{\"title\":\"Basic Elements of Ecommerce Website Design\",\"url\":\"partners/blog/82019846-basic-elements-of-ecommerce-website-design\"},{\"title\":\"How to Build Fast and Secure Websites With the JAMstack\",\"url\":\"partners/blog/jamstack\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn2.shopify.com/s/files/1/0533/2089/files/css-resources.jpg?v=1563284626","imageAltText":"css resources","modifiedAt":"17 Jul 2019","modifiedAtRaw":"2019-07-17T02:00:00Z"},{"__typename":"Article","id":"gid://shopify/Article/27510538296","handle":"css-tools","title":"A Modern Approach to CSS Pt. 1: Tools and Organization","publishedAt":"2019-07-09T02:00:00Z","image":null,"tags":["Front End Development"],"contentHtml":"","excerpt":"The style layer of the web has never been more complex and complicated than it is now. In part one of this two-part series, learn about the CSS tools and organization methods that will help you level up your CSS writing.","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/css-tools?utm_source=exacttarget\u0026amp;utm_medium=email\u0026amp;utm_campaign=blog\u0026amp;utm_content=partner_blog-2019-07-09\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/css-tools.jpg?v=1562589634\" alt=\"css tools\"\u003e\u003c/a\u003e\n\u003cp\u003eThe style layer of the web has never been more complex and complicated than it is now. In part one of this two-part series, learn about the CSS tools and organization methods that will help you level up your CSS writing.\u003c/p\u003e","seo":{"__typename":"SEO","title":null,"description":"The style layer of the web has never been more complex and complicated than it is now. Learn about the CSS tools and organization methods that will help you level up your CSS writing."},"authorV2":{"__typename":"ArticleAuthor","name":"Philip Zastrow","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"Customize Shopify Password Pages With the password.liquid Template\",\"url\":\"partners/blog/customize-shopify-password-pages-with-the-password-liquid-template\"},{\"title\":\"Building Icon Systems With SVG\",\"url\":\"partners/blog/building-icon-systems-with-svg\"},{\"title\":\"Add Products Faster With Product CSVs\",\"url\":\"partners/blog/shopify-upload-products-csv\"},{\"title\":\"Free Webinar] Developing with Shopify: Using JavaScript to Add Ecommerce to Any Website\",\"url\":\"partners/blog/free-webinar-developing-with-shopify-using-javascript-to-add-ecommerce-to-any-website\"},{\"title\":\"Free Webinar] Getting Started with Sass and Shopify\",\"url\":\"partners/blog/free-webinar-getting-started-with-sass-and-shopify\"},{\"title\":\"5 Easy-to-Implement Website Maintenance Tips for Your Client's Ecommerce Business\",\"url\":\"partners/blog/website-maintenance-tips\"},{\"title\":\"4 Lesser Known but Powerful Web Developer Tools that Increase Productivity\",\"url\":\"partners/blog/5-powerful-web-developer-tools-to-increase-productivity\"},{\"title\":\"How to Refactor a Shopify Site for Javascript Performance\",\"url\":\"partners/blog/javascript-performance\"},{\"title\":\"What's New in HTML: 6 Native Elements You Can Use Today\",\"url\":\"partners/blog/new-html\"},{\"title\":\"4 Easy Ways to Deploy Your Website or App\",\"url\":\"partners/blog/deploy-website\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/css-tools.jpg?v=1562589634","imageAltText":"css tools","modifiedAt":"9 Jul 2019","modifiedAtRaw":"2019-07-09T02:00:00Z"},{"__typename":"Article","id":"gid://shopify/Article/27489959992","handle":"html-localization","title":"Embrace Localization and Multilingual Content with HTML and CSS","publishedAt":"2019-06-06T02:00:00Z","image":null,"tags":["Front End Development"],"contentHtml":"","excerpt":"Leverage handy HTML and CSS features to make localization easier for non-English languages, such as “中文”,「日本語」, and «Français».","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/html-localization?utm_source=exacttarget\u0026amp;utm_medium=email\u0026amp;utm_campaign=blog\u0026amp;utm_content=partner_blog-2019-06-06\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/html-localization.jpg?v=1559742662\" alt=\"html localization\"\u003e\u003c/a\u003e\n\u003cp\u003eLeverage handy HTML and CSS features to make localization easier for non-English languages, such as “中文”,「日本語」, and «Français».\u003c/p\u003e","seo":{"__typename":"SEO","title":null,"description":"Leverage handy HTML and CSS features to make localization easier for non-English languages, such as “中文”,「日本語」, and «Français»."},"authorV2":{"__typename":"ArticleAuthor","name":"Willow Cheng","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"Free Webinar] Developing with Shopify: Using JavaScript to Add Ecommerce to Any Website\",\"url\":\"partners/blog/free-webinar-developing-with-shopify-using-javascript-to-add-ecommerce-to-any-website\"},{\"title\":\"4 Easy Ways to Deploy Your Website or App\",\"url\":\"partners/blog/deploy-website\"},{\"title\":\"How Google’s AMP Project is Changing the Mobile Web\",\"url\":\"partners/blog/how-google-s-amp-project-is-changing-the-mobile-web\"},{\"title\":\"The 10 Most Useful Browser Dev Tools for Front End Developers\",\"url\":\"partners/blog/dev-tools\"},{\"title\":\"Free Webinar] Getting Started with Sass and Shopify\",\"url\":\"partners/blog/free-webinar-getting-started-with-sass-and-shopify\"},{\"title\":\"A Modern Approach to CSS Pt. 2: Building Resources\",\"url\":\"partners/blog/css-resources\"},{\"title\":\"How to Get Published in the Shopify Theme Store\",\"url\":\"partners/blog/32453955-how-to-get-published-in-the-shopify-theme-store\"},{\"title\":\"Using Responsive Images to Decrease Page Loading Times\",\"url\":\"partners/blog/using-responsive-images\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/html-localization.jpg?v=1559742662","imageAltText":"html localization","modifiedAt":"6 Jun 2019","modifiedAtRaw":"2019-06-06T02:00:00Z"},{"__typename":"Article","id":"gid://shopify/Article/26732855352","handle":"shopify-upload-products-csv","title":"Add Products Faster With Product CSVs","publishedAt":"2019-03-20T02:00:00Z","image":null,"tags":["Front End Development"],"contentHtml":"","excerpt":"To help you design and test online stores, we've compiled a set of product CSVs that contain high quality images and product data. Learn how to use these to build beautiful stores for clients, faster.","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/shopify-upload-products-csv?utm_source=exacttarget\u0026amp;utm_medium=email\u0026amp;utm_campaign=blog\u0026amp;utm_content=partner_blog-2019-03-20\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-upload-product-csv.jpg?v=1532353970\" alt=\"shopify upload product csv\"\u003e\u003c/a\u003e\n\u003cp\u003eTo help you design and test online stores, we've compiled a set of product CSVs that contain high quality images and product data. Learn how to use these to build beautiful stores for clients, faster.\u003c/p\u003e\n\u003cul\u003e\u003c/ul\u003e","seo":{"__typename":"SEO","title":"Upload Product CSVs: Add Products Faster With Product CSVs","description":"Shopify is a powerful platform, which makes it easy to build a beautiful online store quickly. One way to make that process even quicker is importing products via CSV. We’ve compiled a set of product CSVs which contain high quality images and product data, such as variants, that you can import into a Shopify store."},"authorV2":{"__typename":"ArticleAuthor","name":"Tiffany Tse","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"How to Build a Shopify App: The Complete Guide\",\"url\":\"partners/blog/how-to-build-a-shopify-app\"},{\"title\":\"How to build a Shopify POS Pro demo store\",\"url\":\"partners/blog/how-to-build-shopify-pos-demo-store\"},{\"title\":\"How to work with Metafields when building Shopify themes\",\"url\":\"partners/blog/metafields\"},{\"title\":\"How to Customize Content by Country with Shopify\",\"url\":\"partners/blog/customize-content-by-country\"},{\"title\":\"Everything You Need to Know About Development Stores\",\"url\":\"partners/blog/development-stores\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"url\":\"partners/blog/img-url-filter\"},{\"title\":\"How to Use Liquid to Create Custom Landing Page Templates\",\"url\":\"partners/blog/landing-page\"},{\"title\":\"Free Webinar] Developing with Shopify: Using JavaScript to Add Ecommerce to Any Website\",\"url\":\"partners/blog/free-webinar-developing-with-shopify-using-javascript-to-add-ecommerce-to-any-website\"},{\"title\":\"6 Animation Libraries to Save Time and WOW Clients\",\"url\":\"partners/blog/6-animation-libraries-to-save-time-and-wow-clients\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-upload-product-csv.jpg?v=1532353970","imageAltText":"shopify upload product csv","modifiedAt":"20 Mar 2019","modifiedAtRaw":"2019-03-20T02:00:00Z"},{"__typename":"Article","id":"gid://shopify/Article/27260223544","handle":"monolith-software","title":"Deconstructing the Monolith: Designing Software that Maximizes Developer Productivity","publishedAt":"2019-03-07T03:00:00Z","image":null,"tags":["Front End Development"],"contentHtml":"","excerpt":"Learn how and why Shopify moved from a monolith to modular monolith software architecture in this article by a senior Shopify software developer.","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/monolith-software?utm_source=exacttarget\u0026amp;utm_medium=email\u0026amp;utm_campaign=blog\u0026amp;utm_content=partner_blog-2019-03-07\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/monolith-software.jpg?v=1551881777\" alt=\"monolith software\"\u003e\u003c/a\u003e\n\u003cp\u003eLearn how and why Shopify moved from a monolith to modular monolith software architecture in this article by a senior Shopify software developer.\u003c/p\u003e","seo":{"__typename":"SEO","title":"Designing Software that Maximizes Developer Productivity","description":"Learn how and why Shopify moved from a monolith to modular monolith software architecture in this article by a senior Shopify software developer."},"authorV2":{"__typename":"ArticleAuthor","name":"Kirsten Westeinde","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"A Modern Approach to CSS Pt. 2: Building Resources\",\"url\":\"partners/blog/css-resources\"},{\"title\":\"Free Webinar] Developing with Shopify: Using JavaScript to Add Ecommerce to Any Website\",\"url\":\"partners/blog/free-webinar-developing-with-shopify-using-javascript-to-add-ecommerce-to-any-website\"},{\"title\":\"Getting the Most Out of Chrome Developer Tools: 4 Modern Features You Need to Know\",\"url\":\"partners/blog/chrome-developer-tools\"},{\"title\":\"What's New in HTML: 6 Native Elements You Can Use Today\",\"url\":\"partners/blog/new-html\"},{\"title\":\"What is Markdown Syntax?\",\"url\":\"partners/blog/86763270-what-is-markdown-syntax\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/monolith-software.jpg?v=1551881777","imageAltText":"monolith software","modifiedAt":"7 Mar 2019","modifiedAtRaw":"2019-03-07T03:00:00Z"},{"__typename":"Article","id":"gid://shopify/Article/26980319288","handle":"hreflang-tags-for-multilingual-stores","title":"Understanding hreflang Tags for Multilingual Stores","publishedAt":"2018-11-15T14:00:00Z","image":null,"tags":["Front End Development"],"contentHtml":"","excerpt":"As websites grow, we look for more ways to increase a site’s visibility to users in multiple countries. One way of doing this is considering what languages a store is offered in, as well as how to best localize content for customers. The hreflang attribute helps websites to show search engines the relationship between web pages in alternate languages or region-specific pages. In this article you will learn: What hreflang is, how to structure hreflang tags, and where to place them What localization looks like Common mistakes that are made when implementing hreflang for multilingual sites","excerptHtml":"\u003ca href=\"https://shopify.com/partners/blog/hreflang-tags-for-multilingual-stores?utm_campaign=partner+blog+rss\u0026amp;utm_medium=email\u0026amp;utm_source=mailchimp\u0026amp;utm_content=181115\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/hreflang-tags.jpg?v=1542206239\" alt=\"hreflang tags for multilingual stores\"\u003e\u003c/a\u003e\n\u003cp\u003eAs websites grow, we look for more ways to increase a site’s visibility to users in multiple countries. One way of doing this is considering what languages a store is offered in, as well as how to best localize content for customers.\u003c/p\u003e\n\u003cp\u003eThe \u003ccode class=\"marketing-code\"\u003ehreflang\u003c/code\u003e attribute helps websites to show search engines the relationship between web pages in alternate languages or region-specific pages.\u003c/p\u003e\n\u003cp\u003eIn this article you will learn:\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eWhat \u003ccode class=\"marketing-code\"\u003ehreflang\u003c/code\u003e is, how to structure \u003ccode class=\"marketing-code\"\u003ehreflang\u003c/code\u003e tags, and where to place them\u003c/li\u003e\n\u003cli\u003eWhat localization looks like\u003c/li\u003e\n\u003cli\u003eCommon mistakes that are made when implementing \u003ccode class=\"marketing-code\"\u003ehreflang\u003c/code\u003e for multilingual sites\u003c/li\u003e\n\u003c/ul\u003e","seo":{"__typename":"SEO","title":"Understanding hreflang tags for multilingual stores","description":null},"authorV2":{"__typename":"ArticleAuthor","name":"Tiffany Tse","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"Your guide to the Fulfillment Orders API migration\",\"url\":\"partners/blog/fulfillment-orders-api-migration\"},{\"title\":\"How to Use Liquid to Create Custom Landing Page Templates\",\"url\":\"partners/blog/landing-page\"},{\"title\":\"How to Customize Content by Country with Shopify\",\"url\":\"partners/blog/customize-content-by-country\"},{\"title\":\"How the Routes and Page_Image Liquid Objects Can Help You Build More Robust Themes\",\"url\":\"partners/blog/liquid-objects\"},{\"title\":\"How to work with Metafields when building Shopify themes\",\"url\":\"partners/blog/metafields\"},{\"title\":\"Creating an Accessible Pagination with Liquid\",\"url\":\"partners/blog/shopify-pagination\"},{\"title\":\"Building Icon Systems With SVG\",\"url\":\"partners/blog/building-icon-systems-with-svg\"},{\"title\":\"How to Get Published in the Shopify Theme Store\",\"url\":\"partners/blog/32453955-how-to-get-published-in-the-shopify-theme-store\"},{\"title\":\"The 10 Most Useful Browser Dev Tools for Front End Developers\",\"url\":\"partners/blog/dev-tools\"},{\"title\":\"How to Build Fast and Secure Websites With the JAMstack\",\"url\":\"partners/blog/jamstack\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/hreflang-tags.jpg?v=1542206239","imageAltText":"hreflang tags for multilingual stores","modifiedAt":"15 Nov 2018","modifiedAtRaw":"2018-11-15T14:00:00Z"},{"__typename":"Article","id":"gid://shopify/Article/26911408184","handle":"front-end-developer-skills","title":"10 Essential Front-End Developer Skills to Help You Move Faster in Your Career","publishedAt":"2018-10-19T12:00:00Z","image":null,"tags":["Front End Development"],"contentHtml":"","excerpt":"With the ever-growing pace of this industry, staying on top of your front-end developer skills can be challenging. However, keeping your skill set up-to-date is critical in an industry that moves this fast. So what skills do you need to get ahead?In this article, you will learn: 10 essential front-end developer skills to keep you sharp What skills various industry experts value in developers How to make sure you keep your skills up-to-date","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/front-end-developer-skills?utm_campaign=partner+blog+rss\u0026amp;utm_medium=email\u0026amp;utm_source=mailchimp\u0026amp;utm_content=181019\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/front-end-developer-skills.jpg?v=1539869826\" alt=\"front end developer skills\"\u003e\u003c/a\u003e\n\u003cp\u003eWith the ever-growing pace of this industry, staying on top of your front-end developer skills can be challenging. However, keeping your skill set up-to-date is critical in an industry that moves this fast. So what skills do you need to get ahead?\u003cbr\u003e\u003cbr\u003eIn this article, you will learn:\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003e10 essential front-end developer skills to keep you sharp\u003c/li\u003e\n\u003cli\u003eWhat skills various industry experts value in developers\u003c/li\u003e\n\u003cli\u003eHow to make sure you keep your skills up-to-date\u003c/li\u003e\n\u003c/ul\u003e","seo":{"__typename":"SEO","title":"10 Essential Front-End Developer Skills","description":"Basic HTML, CSS, and JavaScript knowledge is assumed as your foundation, but what kind of front-end developer skills beyond these languages do you need to get ahead in our industry? We’ve invited a bunch of designers and developers to suggest actionable advice to help you move faster as a front-end developer."},"authorV2":{"__typename":"ArticleAuthor","name":"Oliver Lindberg","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"Build Forms on Shopify: How to Use Liquid to Build Robust Forms for Shopify Themes\",\"url\":\"partners/blog/build-forms-on-shopify\"},{\"title\":\"Free Webinar] Developing with Shopify: Using JavaScript to Add Ecommerce to Any Website\",\"url\":\"partners/blog/free-webinar-developing-with-shopify-using-javascript-to-add-ecommerce-to-any-website\"},{\"title\":\"Build an Eye-Catching Non-Rectangular Header Design\",\"url\":\"partners/blog/build-an-eye-catching-non-rectangular-header-design\"},{\"title\":\"10 Ways to Create Delightful and User-Friendly Web Animation\",\"url\":\"partners/blog/web-animation\"},{\"title\":\"5 Easy-to-Implement Website Maintenance Tips for Your Client's Ecommerce Business\",\"url\":\"partners/blog/website-maintenance-tips\"},{\"title\":\"Enhancing the Ecommerce Experience: Recent Updates to Shopify’s Online Store and Liquid\",\"url\":\"partners/blog/enhancing-the-ecommerce-experience-recent-updates-to-shopify-s-online-store-and-liquid\"},{\"title\":\"How to Use PWA and AMP for User Centered Design\",\"url\":\"partners/blog/user-centered-design-strategies\"},{\"title\":\"A Modern Approach to CSS Pt. 2: Building Resources\",\"url\":\"partners/blog/css-resources\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/front-end-developer-skills.jpg?v=1539869826","imageAltText":"front end developer skills","modifiedAt":"19 Oct 2018","modifiedAtRaw":"2018-10-19T12:00:00Z"},{"__typename":"Article","id":"gid://shopify/Article/26532937784","handle":"ui-animation","title":"Reactive UI Animations with CSS Variables","publishedAt":"2018-05-01T13:00:00Z","image":null,"tags":["Front End Development"],"contentHtml":"","excerpt":"A reactive animation is one where changes occur based on events happening on a webpage. They're a way to create truly interactive user experiences. And by using CSS Custom Properties, adding these animations can be easily done. In this article, we'll cover: What events you can use to trigger certain animations How to create reactive animations based on a variety of events Some great examples of reactive animations","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/ui-animation?utm_campaign=partner+blog+rss\u0026amp;utm_medium=email\u0026amp;utm_source=mailchimp\u0026amp;utm_content=180501\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/ui-animation.jpg?v=1525092584\" alt=\"ui animation\"\u003e \u003c/a\u003e\n\u003cp\u003eA reactive animation is one where changes occur based on events happening on a webpage. They're a way to create truly interactive user experiences. And by using CSS Custom Properties, adding these animations can be easily done.\u003c/p\u003e\n\u003cp\u003eIn this article, we'll cover:\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eWhat events you can use to trigger certain animations\u003c/li\u003e\n\u003cli\u003eHow to create reactive animations based on a variety of events\u003c/li\u003e\n\u003cli\u003eSome great examples of reactive animations\u003c/li\u003e\n\u003c/ul\u003e","seo":{"__typename":"SEO","title":null,"description":"Most user interface animations fall into two categories: static and reactive. A reactive animation is one involving changes based on events, rather than based on a fixed timeline. In this article, we look at how to build reactive UI animations with CSS variables."},"authorV2":{"__typename":"ArticleAuthor","name":"David Khourshid","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"5 Easy-to-Implement Website Maintenance Tips for Your Client's Ecommerce Business\",\"url\":\"partners/blog/website-maintenance-tips\"},{\"title\":\"Getting the Most Out of Chrome Developer Tools: 4 Modern Features You Need to Know\",\"url\":\"partners/blog/chrome-developer-tools\"},{\"title\":\"Free Webinar] Getting Started with Sass and Shopify\",\"url\":\"partners/blog/free-webinar-getting-started-with-sass-and-shopify\"},{\"title\":\"Free Webinar] Developing with Shopify: Using JavaScript to Add Ecommerce to Any Website\",\"url\":\"partners/blog/free-webinar-developing-with-shopify-using-javascript-to-add-ecommerce-to-any-website\"},{\"title\":\"A Modern Approach to CSS Pt. 2: Building Resources\",\"url\":\"partners/blog/css-resources\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/ui-animation.jpg?v=1525092584","imageAltText":"ui animation","modifiedAt":"1 May 2018","modifiedAtRaw":"2018-05-01T13:00:00Z"},{"__typename":"Article","id":"gid://shopify/Article/26475036728","handle":"shopify-filters","title":"How to Use Math Filters with Liquid","publishedAt":"2018-04-13T13:00:00Z","image":null,"tags":["Front End Development"],"contentHtml":"","excerpt":"Math filters unlock a range of options, allowing designers to display info on price reductions, transaction fees, taxes, and more. With careful use of multiplication, rounding, and other filters, you can add new functionality into a client's site and help boost conversion. In this article, we’ll cover: Which math filters are available How to display percentage savings using math filters How to adjust dynamic variables with math filters","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/shopify-filters?utm_campaign=partner+blog+rss\u0026amp;utm_medium=email\u0026amp;utm_source=mailchimp\u0026amp;utm_content=180413\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-filters_cbe8137a-68f8-4d5d-9111-69f3fa7f76ad.jpg?v=1523538159\" alt=\"shopify filters\"\u003e\u003c/a\u003e\n\u003cp\u003eMath filters unlock a range of options, allowing designers to display info on price reductions, transaction fees, taxes, and more. With careful use of multiplication, rounding, and other filters, you can add new functionality into a client's site and help boost conversion.\u003c/p\u003e\n\u003cp\u003eIn this article, we’ll cover:\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eWhich math filters are available\u003c/li\u003e\n\u003cli\u003eHow to display percentage savings using math filters\u003c/li\u003e\n\u003cli\u003eHow to adjust dynamic variables with math filters\u003c/li\u003e\n\u003c/ul\u003e","seo":{"__typename":"SEO","title":null,"description":"Math filters are a great way to add new functionality to a client's site to boost conversions. They unlock a range of options, allowing designers to display info on price reductions, transaction fees, taxes, and more. In this article, we show you how to start implementing them in your development stores today."},"authorV2":{"__typename":"ArticleAuthor","name":"Liam Griffin","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"The Essential List of Resources for Shopify Theme Development\",\"url\":\"partners/blog/the-ultimate-list-of-resources-for-shopify-theme-developers\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"url\":\"partners/blog/shopify-online-store\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\",\"url\":\"partners/blog/how-to-build-a-shopify-app\"},{\"title\":\"How to Customize Content by Country with Shopify\",\"url\":\"partners/blog/customize-content-by-country\"},{\"title\":\"How to Use Liquid to Create Custom Landing Page Templates\",\"url\":\"partners/blog/landing-page\"},{\"title\":\"Working with Product Variants When Building a Shopify Theme\",\"url\":\"partners/blog/product-variants\"},{\"title\":\"How to Get Web Design Clients Fast\",\"url\":\"partners/blog/finding-web-design-clients\"},{\"title\":\"10 Essential Front-End Developer Skills to Help You Move Faster in Your Career\",\"url\":\"partners/blog/front-end-developer-skills\"},{\"title\":\"Free Webinar] Developing with Shopify: Using JavaScript to Add Ecommerce to Any Website\",\"url\":\"partners/blog/free-webinar-developing-with-shopify-using-javascript-to-add-ecommerce-to-any-website\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-filters_cbe8137a-68f8-4d5d-9111-69f3fa7f76ad.jpg?v=1523538159","imageAltText":"shopify filters","modifiedAt":"13 Apr 2018","modifiedAtRaw":"2018-04-13T13:00:00Z"},{"__typename":"Article","id":"gid://shopify/Article/26452230200","handle":"sublime-text-plugins-2018","title":"The 25 Best Sublime Text Plugins for Front End Developers","publishedAt":"2018-03-28T13:00:00Z","image":null,"tags":["Front End Development"],"contentHtml":"","excerpt":"Every developer has their own tooling and special setup. It’s that tooling that can help you become a faster, stronger, and more productive developer. We spent some time polling front end developers here at Shopify to get a list of all the essential Sublime Text plugins they just can’t live without. In this article, we’ll share 25 Sublime Text plugins for front end developers.","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/sublime-text-plugins-2018?utm_campaign=partner+blog+rss\u0026amp;utm_medium=email\u0026amp;utm_source=mailchimp\u0026amp;utm_content=180328\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/sublime-text-plugins.jpg?v=1522173618\" alt=\"sublime text plugins\"\u003e\u003c/a\u003e\n\u003cp\u003eEvery developer has their own tooling and special setup. It’s that tooling that can help you become a faster, stronger, and more productive developer.\u003c/p\u003e\n\u003cp\u003eWe spent some time polling front end developers here at Shopify to get a list of all the essential Sublime Text plugins they just can’t live without.\u003c/p\u003e\n\u003cp\u003eIn this article, we’ll share 25 Sublime Text plugins for front end developers.\u003c/p\u003e","seo":{"__typename":"SEO","title":null,"description":null},"authorV2":{"__typename":"ArticleAuthor","name":"Tiffany Tse","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"12 Incredible Resources for Downloading Icon Packs\",\"url\":\"partners/blog/65360643-12-incredible-resources-for-downloading-icon-packs\"},{\"title\":\"How to Use Liquid to Create Custom Landing Page Templates\",\"url\":\"partners/blog/landing-page\"},{\"title\":\"Building a Clickable Call-to-Action Button for Your Shopify Theme\",\"url\":\"partners/blog/building-a-clickable-call-to-action-button-for-your-shopify-theme\"},{\"title\":\"How to Add a Social Media Marketing Icon to Your Theme\",\"url\":\"partners/blog/social-media-marketing-icon\"},{\"title\":\"Building Icon Systems With SVG\",\"url\":\"partners/blog/building-icon-systems-with-svg\"},{\"title\":\"Deconstructing the Monolith: Designing Software that Maximizes Developer Productivity\",\"url\":\"partners/blog/monolith-software\"},{\"title\":\"6 Animation Libraries to Save Time and WOW Clients\",\"url\":\"partners/blog/6-animation-libraries-to-save-time-and-wow-clients\"},{\"title\":\"Basic Elements of Ecommerce Website Design\",\"url\":\"partners/blog/82019846-basic-elements-of-ecommerce-website-design\"},{\"title\":\"A Modern Approach to CSS Pt. 2: Building Resources\",\"url\":\"partners/blog/css-resources\"},{\"title\":\"How to Get Published in the Shopify Theme Store\",\"url\":\"partners/blog/32453955-how-to-get-published-in-the-shopify-theme-store\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/sublime-text-plugins.jpg?v=1522173618","imageAltText":"sublime text plugins","modifiedAt":"28 Mar 2018","modifiedAtRaw":"2018-03-28T13:00:00Z"},{"__typename":"Article","id":"gid://shopify/Article/753303573","handle":"css-grid","title":"Getting Started With a CSS Grid Layout on Shopify","publishedAt":"2017-12-14T14:00:00Z","image":null,"tags":["Front End Development","Shopify Theme Development"],"contentHtml":"","excerpt":"One of the hot topics in front end development this past year has been the addition of a new layout system called CSS Grid. Now that all modern browsers support CSS Grid, developers have the perfect opportunity to experiment with Grid on Shopify themes. In this article, you’ll learn: Why learning about CSS Grid properties can help you create dynamic layouts for your clients. How to build a basic CSS Grid within a section. How to create a page layout using CSS Grid.","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/css-grid?utm_campaign=partner+blog+rss\u0026amp;utm_medium=email\u0026amp;utm_source=mailchimp\u0026amp;utm_content=171214\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/css-grid-layout.jpg?v=1513170870\" alt=\"css grid layout\"\u003e\u003c/a\u003e\n\u003cp\u003eOne of the hot topics in front end development this past year has been the addition of a new layout system called CSS Grid. Now that all modern browsers support CSS Grid, developers have the perfect opportunity to experiment with Grid on Shopify themes.\u003c/p\u003e\n\u003cp\u003eIn this article, you’ll learn:\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eWhy learning about CSS Grid properties can help you create dynamic layouts for your clients.\u003c/li\u003e\n\u003cli\u003eHow to build a basic CSS Grid within a section.\u003c/li\u003e\n\u003cli\u003eHow to create a page layout using CSS Grid.\u003c/li\u003e\n\u003c/ul\u003e","seo":{"__typename":"SEO","title":null,"description":"One of the hot-topics in front end development this past year has been the addition of a new layout system called CSS Grid."},"authorV2":{"__typename":"ArticleAuthor","name":"Liam Griffin","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"Using JavaScript To Super Power Your Client's Shopify Site\",\"url\":\"partners/blog/28500611-using-javascript-to-super-power-your-clients-shopify-site\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\",\"url\":\"partners/blog/how-to-build-a-shopify-app\"},{\"title\":\"A Modern Approach to CSS Pt. 1: Tools and Organization\",\"url\":\"partners/blog/css-tools\"},{\"title\":\"Build Forms on Shopify: How to Use Liquid to Build Robust Forms for Shopify Themes\",\"url\":\"partners/blog/build-forms-on-shopify\"},{\"title\":\"Build with Hydrogen: Developer Preview Now Available\",\"url\":\"partners/blog/hydrogen-developer-preview\"},{\"title\":\"A Beginner's Guide to Sass with Shopify — Part 1: Getting Started With Sass\",\"url\":\"partners/blog/a-beginners-guide-to-building-shopify-themes-with-sass-part-1-getting-started-with-sass\"},{\"title\":\"Getting the Most Out of Chrome Developer Tools: 4 Modern Features You Need to Know\",\"url\":\"partners/blog/chrome-developer-tools\"},{\"title\":\"Four Smart Reasons to Embed a Shopify Store in Your Client Websites\",\"url\":\"partners/blog/four-smart-reasons-to-embed-a-shopify-store-in-your-client-websites\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/css-grid-layout.jpg?v=1513170870","imageAltText":"css grid layout","modifiedAt":"14 Dec 2017","modifiedAtRaw":"2017-12-14T14:00:00Z"},{"__typename":"Article","id":"gid://shopify/Article/723189781","handle":"best-404-pages","title":"How to Craft the Best 404 Pages for your Clients","publishedAt":"2017-12-08T14:00:00Z","image":null,"tags":["Front End Development","Shopify Theme Development"],"contentHtml":"","excerpt":"Whether by user-error or broken links, it’s inevitable that visitors to a client’s store will occasionally land on a 404 error page. These pages can be an opportunity to provide support with an on-brand message, and some of the best 404 pages combine humour with good UX to create memorable experiences. Website developers should be mindful of this when creating custom themes for clients, and including user-friendly, appropriate, and well designed 404 error pages is important for reducing customer effort. In this article, you’ll learn: Why a well-designed 404 page is essential for websites. How to create an alternative layout file for a 404 page template. How to add search bars and call-to-action buttons to 404 error pages.","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/best-404-pages?utm_campaign=partner+blog+rss\u0026amp;utm_medium=email\u0026amp;utm_source=mailchimp\u0026amp;utm_content=171208\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/best-404-pages.jpg?v=1512659597\" alt=\"best 404 pages\"\u003e\u003c/a\u003e\n\u003cp\u003eWhether by user-error or broken links, it’s inevitable that visitors to a client’s store will occasionally land on a 404 error page. These pages can be an opportunity to provide support with an on-brand message, and some of the best 404 pages combine humour with good UX to create memorable experiences.\u003c/p\u003e\n\u003cp\u003eWebsite developers should be mindful of this when creating custom themes for clients, and including user-friendly, appropriate, and well designed 404 error pages is important for reducing customer effort.\u003c/p\u003e\n\u003cp\u003eIn this article, you’ll learn:\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eWhy a well-designed 404 page is essential for websites.\u003c/li\u003e\n\u003cli\u003eHow to create an alternative layout file for a 404 page template.\u003c/li\u003e\n\u003cli\u003eHow to add search bars and call-to-action buttons to 404 error pages.\u003c/li\u003e\n\u003c/ul\u003e","seo":{"__typename":"SEO","title":null,"description":"The best 404 pages should indicate an error has taken place, provide clear navigation to a more suitable page, and be consistent with your client’s brand."},"authorV2":{"__typename":"ArticleAuthor","name":"Liam Griffin","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"What is a Canonical URL? Best Practice Guide 2022\",\"url\":\"partners/blog/canonical-urls\"},{\"title\":\"How to Use Liquid to Create Custom Landing Page Templates\",\"url\":\"partners/blog/landing-page\"},{\"title\":\"How the Routes and Page_Image Liquid Objects Can Help You Build More Robust Themes\",\"url\":\"partners/blog/liquid-objects\"},{\"title\":\"How to Work With Shopify Theme Blocks\",\"url\":\"partners/blog/theme-blocks\"},{\"title\":\"How to Customize the img Element in Shopify Themes\",\"url\":\"partners/blog/html-img-element\"},{\"title\":\"How to use Liquid to Customize Shopify Theme Blog Templates\",\"url\":\"partners/blog/shopify-blog-template\"},{\"title\":\"10 Essential Front-End Developer Skills to Help You Move Faster in Your Career\",\"url\":\"partners/blog/front-end-developer-skills\"},{\"title\":\"5 Easy-to-Implement Website Maintenance Tips for Your Client's Ecommerce Business\",\"url\":\"partners/blog/website-maintenance-tips\"},{\"title\":\"Getting the Most Out of Chrome Developer Tools: 4 Modern Features You Need to Know\",\"url\":\"partners/blog/chrome-developer-tools\"},{\"title\":\"How to Get Published in the Shopify Theme Store\",\"url\":\"partners/blog/32453955-how-to-get-published-in-the-shopify-theme-store\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/best-404-pages.jpg?v=1512659597","imageAltText":"best 404 pages","modifiedAt":"8 Dec 2017","modifiedAtRaw":"2017-12-08T14:00:00Z"},{"__typename":"Article","id":"gid://shopify/Article/233710165","handle":"build-an-eye-catching-non-rectangular-header-design","title":"Build an Eye-Catching Non-Rectangular Header Design","publishedAt":"2017-10-04T13:00:00Z","image":null,"tags":["Front End Development","Web Design"],"contentHtml":"","excerpt":"First mentioned as a tiny trend at the beginning of the year, non-rectangular headers were picked out by Jon Moore on UX Power Tools as something to watch out for in 2017. A non-rectangular header is a way to break the parallelled structure we’ve become accustomed to online. In this article you will learn: What non-rectangular headers are, and why has it become a tiny trend. How to implement diagonal headers in your site, using background images and solid colors. How to implement product card designs, with overlayed products.","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/build-an-eye-catching-non-rectangular-header-design\"\u003e\u003cimg src=\"//cdn.shopify.com/s/files/1/0533/2089/files/header-design_f21d8b8c-9c4f-4e9b-abfa-f24eb6187747.jpg?v=1507058975\" alt=\"header design\"\u003e\u003c/a\u003e\n\u003cp\u003eFirst mentioned as a tiny trend at the beginning of the year, non-rectangular headers were picked out by Jon Moore on UX Power Tools as something to watch out for in 2017. A non-rectangular header is a way to break the parallelled structure we’ve become accustomed to online.\u003c/p\u003e\n\u003cp\u003eIn this article you will learn:\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eWhat non-rectangular headers are, and why has it become a tiny trend.\u003c/li\u003e\n\u003cli\u003eHow to implement diagonal headers in your site, using background images and solid colors.\u003c/li\u003e\n\u003cli\u003eHow to implement product card designs, with overlayed products.\u003c/li\u003e\n\u003c/ul\u003e","seo":{"__typename":"SEO","title":null,"description":null},"authorV2":{"__typename":"ArticleAuthor","name":"Tiffany Tse","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"How to Create Your First Shopify Theme Section\",\"url\":\"partners/blog/how-to-create-your-first-shopify-theme-section\"},{\"title\":\"A Modern Approach to CSS Pt. 2: Building Resources\",\"url\":\"partners/blog/css-resources\"},{\"title\":\"Free Webinar] Developing with Shopify: Using JavaScript to Add Ecommerce to Any Website\",\"url\":\"partners/blog/free-webinar-developing-with-shopify-using-javascript-to-add-ecommerce-to-any-website\"},{\"title\":\"How to Refactor a Shopify Site for Javascript Performance\",\"url\":\"partners/blog/javascript-performance\"},{\"title\":\"Getting the Most Out of Chrome Developer Tools: 4 Modern Features You Need to Know\",\"url\":\"partners/blog/chrome-developer-tools\"},{\"title\":\"5 Easy-to-Implement Website Maintenance Tips for Your Client's Ecommerce Business\",\"url\":\"partners/blog/website-maintenance-tips\"},{\"title\":\"Free Webinar] Getting Started with Sass and Shopify\",\"url\":\"partners/blog/free-webinar-getting-started-with-sass-and-shopify\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"//cdn.shopify.com/s/files/1/0533/2089/files/header-design_f21d8b8c-9c4f-4e9b-abfa-f24eb6187747.jpg?v=1507058975","imageAltText":"header design","modifiedAt":"4 Oct 2017","modifiedAtRaw":"2017-10-04T13:00:00Z"},{"__typename":"Article","id":"gid://shopify/Article/233576405","handle":"how-google-s-amp-project-is-changing-the-mobile-web","title":"How Google’s AMP Project is Changing the Mobile Web","publishedAt":"2017-09-28T13:00:00Z","image":null,"tags":["Front End Development","Web Design","Website Optimization"],"contentHtml":"","excerpt":"Accelerated Mobile Pages (AMP) is an open-source framework led by Google, that’s focused on putting mobile performance first. By allowing only the most performant design patterns and imposing restrictions on resource-heavy JavaScript, AMP pages are dramatically faster than regular pages. The strategy is worth exploring, as there currently is over two billion AMP pages online, across 900k domains worldwide. In this article you'll learn: What an AMP page looks like and how to build one. What AMP could mean for ecommerce. How your clients could benefit from AMP.","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/how-google-s-amp-project-is-changing-the-mobile-web\"\u003e\u003cimg src=\"//cdn.shopify.com/s/files/1/0533/2089/files/amp-project.jpg?v=1506525152\" border=\"0\" alt=\"amp project\"\u003e\u003c/a\u003e\n\u003cp\u003eAccelerated Mobile Pages (AMP) is an open-source framework led by Google, that’s focused on putting mobile performance first. By allowing only the most performant design patterns and imposing restrictions on resource-heavy JavaScript, AMP pages are dramatically faster than regular pages. The strategy is worth exploring, as there currently is over two billion AMP pages online, across 900k domains worldwide.\u003c/p\u003e\n\u003cp\u003eIn this article you'll learn:\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eWhat an AMP page looks like and how to build one.\u003c/li\u003e\n\u003cli\u003eWhat AMP could mean for ecommerce.\u003c/li\u003e\n\u003cli\u003eHow your clients could benefit from AMP.\u003c/li\u003e\n\u003c/ul\u003e","seo":{"__typename":"SEO","title":null,"description":"The google amp project – Accelerated Mobile Pages (AMP) – is an open source framework, launched by Google, that's focused on putting mobile performance first."},"authorV2":{"__typename":"ArticleAuthor","name":"Liam Griffin","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"A Modern Approach to CSS Pt. 2: Building Resources\",\"url\":\"partners/blog/css-resources\"},{\"title\":\"Free Webinar] Developing with Shopify: Using JavaScript to Add Ecommerce to Any Website\",\"url\":\"partners/blog/free-webinar-developing-with-shopify-using-javascript-to-add-ecommerce-to-any-website\"},{\"title\":\"5 Easy-to-Implement Website Maintenance Tips for Your Client's Ecommerce Business\",\"url\":\"partners/blog/website-maintenance-tips\"},{\"title\":\"How to Use PWA and AMP for User Centered Design\",\"url\":\"partners/blog/user-centered-design-strategies\"},{\"title\":\"Understanding hreflang Tags for Multilingual Stores\",\"url\":\"partners/blog/hreflang-tags-for-multilingual-stores\"},{\"title\":\"Embrace Localization and Multilingual Content with HTML and CSS\",\"url\":\"partners/blog/html-localization\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"//cdn.shopify.com/s/files/1/0533/2089/files/amp-project.jpg?v=1506525152","imageAltText":"amp project","modifiedAt":"28 Sept 2017","modifiedAtRaw":"2017-09-28T13:00:00Z"},{"__typename":"Article","id":"gid://shopify/Article/231693333","handle":"web-fonts-to-enhance-stores","title":"How Web Fonts Can Enhance Your Client’s Custom Ecommerce Store","publishedAt":"2017-08-10T13:00:01Z","image":null,"tags":["Front End Development","Shopify Theme Development"],"contentHtml":"","excerpt":"Whether you’re building a theme from scratch or editing an existing one, you’ll need to consider how typography is implemented for your clients. Web fonts open up the range of fonts available, but come at a price for site performance. It’s important to understand how fonts load across different browsers, and how performance can be improved by using new techniques or careful adjustments to your themes. In this article you will learn: What web fonts are and how they work. The differences between FOUT and FOIT. How to add web fonts to Slate. How fonts will be loaded on Shopify in the future.","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/web-fonts-to-enhance-stores\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-fonts-to-enhance-stores.jpg?v=1502302197\" border=\"0\" alt=\"Web fonts to enhance stores\"\u003e\u003c/a\u003e\n\u003cp\u003eWhether you’re building a theme from scratch or editing an existing one, you’ll need to consider how typography is implemented for your clients. Web fonts open up the range of fonts available, but come at a price for site performance. It’s important to understand how fonts load across different browsers, and how performance can be improved by using new techniques or careful adjustments to your themes.\u003c/p\u003e\n\u003cp\u003eIn this article you will learn:\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eWhat web fonts are and how they work.\u003c/li\u003e\n\u003cli\u003eThe differences between FOUT and FOIT.\u003c/li\u003e\n\u003cli\u003eHow to add web fonts to Slate.\u003c/li\u003e\n\u003cli\u003eHow fonts will be loaded on Shopify in the future.\u003c/li\u003e\n\u003c/ul\u003e","seo":{"__typename":"SEO","title":null,"description":"Exploring how web fonts can be added to Shopify themes, as well as typography best practices to consider when working on your clients' ecommerce stores."},"authorV2":{"__typename":"ArticleAuthor","name":"Liam Griffin","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"How to Customize Content by Country with Shopify\",\"url\":\"partners/blog/customize-content-by-country\"},{\"title\":\"Web Performance: 11 Must-Read Tips to Give Your Site a Speed Boost\",\"url\":\"partners/blog/web-performance\"},{\"title\":\"10 Ways to Create Delightful and User-Friendly Web Animation\",\"url\":\"partners/blog/web-animation\"},{\"title\":\"The 8 Best Free Shopify Resources and Tools for Front-End Developers\",\"url\":\"partners/blog/front-end-development-tools\"},{\"title\":\"How to Get Published in the Shopify Theme Store\",\"url\":\"partners/blog/32453955-how-to-get-published-in-the-shopify-theme-store\"},{\"title\":\"Building Icon Systems With SVG\",\"url\":\"partners/blog/building-icon-systems-with-svg\"},{\"title\":\"Free Webinar] Developing with Shopify: Using JavaScript to Add Ecommerce to Any Website\",\"url\":\"partners/blog/free-webinar-developing-with-shopify-using-javascript-to-add-ecommerce-to-any-website\"},{\"title\":\"Understanding hreflang Tags for Multilingual Stores\",\"url\":\"partners/blog/hreflang-tags-for-multilingual-stores\"},{\"title\":\"A Modern Approach to CSS Pt. 1: Tools and Organization\",\"url\":\"partners/blog/css-tools\"},{\"title\":\"Add Products Faster With Product CSVs\",\"url\":\"partners/blog/shopify-upload-products-csv\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/web-fonts-to-enhance-stores.jpg?v=1502302197","imageAltText":"Web fonts to enhance stores","modifiedAt":"10 Aug 2017","modifiedAtRaw":"2017-08-10T13:00:01Z"},{"__typename":"Article","id":"gid://shopify/Article/231383573","handle":"website-maintenance-tips","title":"5 Easy-to-Implement Website Maintenance Tips for Your Client's Ecommerce Business","publishedAt":"2017-07-31T13:00:00Z","image":null,"tags":["Front End Development","Web Design Tools and Resources"],"contentHtml":"","excerpt":"Once you complete the initial development of a website, there's still a lot to do. To keep things running smoothly, it’s important to maintain and monitor a site for possible issues, which could affect both usability and profitability.In this article, you’ll learn: Five actionable tips on maintaining a healthy ecommerce site for your clients. Real-life examples for each piece of advice. Resources to help you take your client’s site further.","excerptHtml":"\u003cp\u003e\u003ca href=\"https://www.shopify.com/partners/blog/website-maintenance-tips\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-maintenance-tips-2017.jpg?v=1501255475\" alt=\"Website Maintenance Tips: Email\"\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cmeta charset=\"utf-8\"\u003e\n\u003cp\u003eOnce you complete the initial development of a website, there's still a lot to do. To keep things running smoothly, it’s important to maintain and monitor a site for possible issues, which could affect both usability and profitability.\u003cbr\u003e\u003cbr\u003eIn this article, you’ll learn:\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eFive actionable tips on maintaining a healthy ecommerce site for your clients.\u003c/li\u003e\n\u003cli\u003eReal-life examples for each piece of advice.\u003c/li\u003e\n\u003cli\u003eResources to help you take your client’s site further.\u003c/li\u003e\n\u003c/ul\u003e\n\u003cul\u003e\u003c/ul\u003e\n\u003cul\u003e\u003c/ul\u003e","seo":{"__typename":"SEO","title":"5 Website Maintenance Tips for Your Client's Ecommerce Business","description":"In order to keep your client's ecommerce business running smoothly, consider these five website maintenance tips that you can implement today."},"authorV2":{"__typename":"ArticleAuthor","name":"Aleksandar Olic","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"Free Webinar] Developing with Shopify: Using JavaScript to Add Ecommerce to Any Website\",\"url\":\"partners/blog/free-webinar-developing-with-shopify-using-javascript-to-add-ecommerce-to-any-website\"},{\"title\":\"Getting the Most Out of Chrome Developer Tools: 4 Modern Features You Need to Know\",\"url\":\"partners/blog/chrome-developer-tools\"},{\"title\":\"A Modern Approach to CSS Pt. 2: Building Resources\",\"url\":\"partners/blog/css-resources\"},{\"title\":\"The 10 Most Useful Browser Dev Tools for Front End Developers\",\"url\":\"partners/blog/dev-tools\"},{\"title\":\"Free Webinar] Getting Started with Sass and Shopify\",\"url\":\"partners/blog/free-webinar-getting-started-with-sass-and-shopify\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/website-maintenance-tips-2017.jpg?v=1501255475","imageAltText":"Website Maintenance Tips: Email","modifiedAt":"31 Jul 2017","modifiedAtRaw":"2017-07-31T13:00:00Z"},{"__typename":"Article","id":"gid://shopify/Article/229790101","handle":"using-responsive-images","title":"Using Responsive Images to Decrease Page Loading Times","publishedAt":"2017-07-11T13:00:00Z","image":null,"tags":["Front End Development","User Experience","Website Optimization"],"contentHtml":"","excerpt":"With the addition of new attributes to image objects in Liquid, and by offering responsible image support, we've unlocked the ability for theme developers to have more control in how they load images. Theme developers can now create rules for how images appear on small screens, and provide more robust themes for clients. In this article you will learn: Why having responsive images is important. How to use Shopify’s new attributes to implement responsive images. How lazy-loading helps Shopify themes optimize the user-experience.","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/using-responsive-images\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/responsive-images.jpg?v=1499709823\" border=\"0\" alt=\"Responsive images\"\u003e\u003c/a\u003e\n\u003cp\u003eWith the addition of new attributes to image objects in Liquid, and by offering responsible image support, we've unlocked the ability for theme developers to have more control in how they load images. Theme developers can now create rules for how images appear on small screens, and provide more robust themes for clients.\u003c/p\u003e\n\u003cp\u003eIn this article you will learn:\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eWhy having responsive images is important.\u003c/li\u003e\n\u003cli\u003eHow to use Shopify’s new attributes to implement responsive images.\u003c/li\u003e\n\u003cli\u003eHow lazy-loading helps Shopify themes optimize the user-experience.\u003c/li\u003e\n\u003c/ul\u003e","seo":{"__typename":"SEO","title":null,"description":"Learn how to use responsive images to optimize custom Shopify themes so that they load quickly on any sized screen and improve the customer user experience."},"authorV2":{"__typename":"ArticleAuthor","name":"Liam Griffin","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"How to Manipulate Images with the img_url Filter\",\"url\":\"partners/blog/img-url-filter\"},{\"title\":\"Build Forms on Shopify: How to Use Liquid to Build Robust Forms for Shopify Themes\",\"url\":\"partners/blog/build-forms-on-shopify\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"url\":\"partners/blog/shopify-online-store\"},{\"title\":\"How to Use Liquid to Create Custom Landing Page Templates\",\"url\":\"partners/blog/landing-page\"},{\"title\":\"How to Use Google Ads to Drive Traffic to Your Clients' Sites\",\"url\":\"partners/blog/google-ads\"},{\"title\":\"An Overview of Liquid: Shopify's Templating Language\",\"url\":\"partners/blog/115244038-an-overview-of-liquid-shopifys-templating-language\"},{\"title\":\"Using Placeholder Images for Products with the placeholder_svg_tag Filter\",\"url\":\"partners/blog/placeholder-images\"},{\"title\":\"Creating Dynamic Color Schemes with Theme Options and Presets\",\"url\":\"partners/blog/creating-dynamic-color-schemes-with-theme-options-and-presets\"},{\"title\":\"15 Unmissable Web Design Podcasts\",\"url\":\"partners/blog/33452803-15-unmissable-web-design-podcasts\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/responsive-images.jpg?v=1499709823","imageAltText":"Responsive images","modifiedAt":"11 Jul 2017","modifiedAtRaw":"2017-07-11T13:00:00Z"},{"__typename":"Article","id":"gid://shopify/Article/228675349","handle":"open-graph-tags","title":"How Open Graph Tags can Optimize Social Media Experiences","publishedAt":"2017-06-28T13:00:00Z","image":null,"tags":["Front End Development","Shopify Theme Development"],"contentHtml":"","excerpt":"Seeing inaccurate or missing content appear when a merchant shares their products on social media can be frustrating, and as a developer you’ll want to avoid these problems. By implementing Open Graph tags carefully, you can ensure that the correct information is sent to social media channels from your client’s website. In this article you will learn: What Open Graph tags are, where to use them, and how they relate to Shopify. How using Slate can assist with adding Open Graph tags. How to troubleshoot Open Graph issues.","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/open-graph-tags\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/open-graph-tags.jpg?v=1498587686\" border=\"0\" alt=\"Open Graph tags\"\u003e\u003c/a\u003e\n\u003cp\u003eSeeing inaccurate or missing content appear when a merchant shares their products on social media can be frustrating, and as a developer you’ll want to avoid these problems. By implementing Open Graph tags carefully, you can ensure that the correct information is sent to social media channels from your client’s website.\u003c/p\u003e\n\u003cp\u003eIn this article you will learn:\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eWhat Open Graph tags are, where to use them, and how they relate to Shopify.\u003c/li\u003e\n\u003cli\u003eHow using Slate can assist with adding Open Graph tags.\u003c/li\u003e\n\u003cli\u003eHow to troubleshoot Open Graph issues.\u003c/li\u003e\n\u003c/ul\u003e","seo":{"__typename":"SEO","title":null,"description":"We walk you through how Open Graph tags work, and how you can optimize them for your clients when building custom Shopify themes. "},"authorV2":{"__typename":"ArticleAuthor","name":"Liam Griffin","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"url\":\"partners/blog/shopify-online-store\"},{\"title\":\"How to Customize Content by Country with Shopify\",\"url\":\"partners/blog/customize-content-by-country\"},{\"title\":\"Understanding hreflang Tags for Multilingual Stores\",\"url\":\"partners/blog/hreflang-tags-for-multilingual-stores\"},{\"title\":\"Tips for Using Snippets in Your Shopify Theme Work\",\"url\":\"partners/blog/88186566-tips-for-using-snippets-in-your-shopify-theme\"},{\"title\":\"How to work with Metafields when building Shopify themes\",\"url\":\"partners/blog/metafields\"},{\"title\":\"How to Craft the Best 404 Pages for your Clients\",\"url\":\"partners/blog/best-404-pages\"},{\"title\":\"How Lazy Loading can Optimize Your Shopify Theme Images\",\"url\":\"partners/blog/lazy-loading\"},{\"title\":\"How to Work with Shopify’s query Argument in GraphQL\",\"url\":\"partners/blog/query-argument-graphql\"},{\"title\":\"How to Build Fast and Secure Websites With the JAMstack\",\"url\":\"partners/blog/jamstack\"},{\"title\":\"Four Smart Reasons to Embed a Shopify Store in Your Client Websites\",\"url\":\"partners/blog/four-smart-reasons-to-embed-a-shopify-store-in-your-client-websites\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/open-graph-tags.jpg?v=1498587686","imageAltText":"Open Graph tags","modifiedAt":"28 Jun 2017","modifiedAtRaw":"2017-06-28T13:00:00Z"},{"__typename":"Article","id":"gid://shopify/Article/227105621","handle":"free-webinar-getting-started-with-sass-and-shopify","title":"[Free Webinar] Getting Started with Sass and Shopify","publishedAt":"2017-06-12T13:00:00Z","image":null,"tags":["Front End Development","Webinars"],"contentHtml":"","excerpt":"In this free webinar hosted by Shopify Partners, Tiffany Tse — Partner Education and Front End Developer Advocate Lead at Shopify — will cover the basics of Sass, and how to use it to speed up your development with Shopify. During this one-hour presentation, we’ll cover: What a CSS preprocessor is. Sass vs. SCSS. Variables and nesting. Sass functions, mixins and custom functions. Interpolation, workflow, and best practices.","excerptHtml":"\u003ca href=\"www.shopify.com/partners/blog/free-webinar-getting-started-with-sass-and-shopify\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/getting-started-with-sass-and-shopify-webinar.jpg?v=1497031942\" border=\"0\" alt=\"Getting started with Sass and Shopify webinar\"\u003e\u003c/a\u003e\n\u003cp\u003eIn this free webinar hosted by Shopify Partners, \u003ca href=\"https://twitter.com/tiffany_tse\"\u003eTiffany Tse\u003c/a\u003e — Partner Education and Front End Developer Advocate Lead at Shopify — will cover the basics of Sass, and how to use it to speed up your development with Shopify.\u003c/p\u003e\n\u003cp\u003eDuring this one-hour presentation, we’ll cover: \u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eWhat a CSS preprocessor is.\u003c/li\u003e\n\u003cli\u003eSass vs. SCSS.\u003c/li\u003e\n\u003cli\u003eVariables and nesting.\u003c/li\u003e\n\u003cli\u003eSass functions, mixins and custom functions.\u003c/li\u003e\n\u003cli\u003eInterpolation, workflow, and best practices.\u003c/li\u003e\n\u003c/ul\u003e","seo":{"__typename":"SEO","title":null,"description":"Join us for this free webinar hosted Thursday, June 29 where we'll cover the basics of Sass, and how to use it to speed up your development with Shopify."},"authorV2":{"__typename":"ArticleAuthor","name":"Sara Chisholm","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"The 20 Best Brackets Extensions for Front End Developers\",\"url\":\"partners/blog/brackets-extensions\"},{\"title\":\"Add Products Faster With Product CSVs\",\"url\":\"partners/blog/shopify-upload-products-csv\"},{\"title\":\"How to Craft the Best 404 Pages for your Clients\",\"url\":\"partners/blog/best-404-pages\"},{\"title\":\"Free Webinar] Developing with Shopify: Using JavaScript to Add Ecommerce to Any Website\",\"url\":\"partners/blog/free-webinar-developing-with-shopify-using-javascript-to-add-ecommerce-to-any-website\"},{\"title\":\"Getting the Most Out of Chrome Developer Tools: 4 Modern Features You Need to Know\",\"url\":\"partners/blog/chrome-developer-tools\"},{\"title\":\"Deconstructing the Monolith: Designing Software that Maximizes Developer Productivity\",\"url\":\"partners/blog/monolith-software\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/getting-started-with-sass-and-shopify-webinar.jpg?v=1497031942","imageAltText":"Getting started with Sass and Shopify webinar","modifiedAt":"12 Jun 2017","modifiedAtRaw":"2017-06-12T13:00:00Z"},{"__typename":"Article","id":"gid://shopify/Article/226092373","handle":"introduction-to-shopify-theming-for-wordpress-theme-developers","title":"Introduction to Shopify Theming for WordPress Theme Developers","publishedAt":"2017-05-16T13:00:00Z","image":null,"tags":["_Nodate","Front End Development"],"contentHtml":"","excerpt":"WordPress currently holds close to 60 percent market-share of the global CMS market, so it’s not surprising that most developers have worked on at least one WordPress project in the past. There are a lot of similarities in theming between WordPress and Shopify — let us help you speed up your development workflow by showing you what those parallels and differences are. In this article you will learn: The main differences between Shopify and WordPress, and their basic content elements. How to extend the functionality of the Shopify platform. The similarities and differences in theme structure, templates, and asset management between Shopify and WordPress.","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/introduction-to-shopify-theming-for-wordpress-theme-developers\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-wordpress_0a42bad6-c5b1-4ae4-8072-22929921dc0a.png?v=1494936365\" alt=\"Shopify for Wordpress theme developers\" border=\"0\"\u003e\u003c/a\u003e\n\u003cp\u003eWordPress currently holds close to 60 percent market-share of the global CMS market, so it’s not surprising that most developers have worked on at least one WordPress project in the past. There are a lot of similarities in theming between WordPress and Shopify — let us help you speed up your development workflow by showing you what those parallels and differences are.\u003c/p\u003e\n\u003cp\u003eIn this article you will learn:\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eThe main differences between Shopify and WordPress, and their basic content elements.\u003c/li\u003e\n\u003cli\u003eHow to extend the functionality of the Shopify platform.\u003c/li\u003e\n\u003cli\u003eThe similarities and differences in theme structure, templates, and asset management between Shopify and WordPress.\u003c/li\u003e\n\u003c/ul\u003e","seo":{"__typename":"SEO","title":null,"description":"We walk you through the comparisons and parallels between theming for WordPress and theming for Shopify to help WordPress developers get started using Shopify."},"authorV2":{"__typename":"ArticleAuthor","name":"Tiffany Tse","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"An Overview of Liquid: Shopify's Templating Language\",\"url\":\"partners/blog/115244038-an-overview-of-liquid-shopifys-templating-language\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\",\"url\":\"partners/blog/how-to-build-a-shopify-app\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"url\":\"partners/blog/shopify-online-store\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"url\":\"partners/blog/img-url-filter\"},{\"title\":\"How to Customize the img Element in Shopify Themes\",\"url\":\"partners/blog/html-img-element\"},{\"title\":\"How to use Liquid to Customize Shopify Theme Blog Templates\",\"url\":\"partners/blog/shopify-blog-template\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-wordpress_0a42bad6-c5b1-4ae4-8072-22929921dc0a.png?v=1494936365","imageAltText":"Shopify for Wordpress theme developers","modifiedAt":"16 May 2017","modifiedAtRaw":"2017-05-16T13:00:00Z"},{"__typename":"Article","id":"gid://shopify/Article/225879381","handle":"5-powerful-web-developer-tools-to-increase-productivity","title":"4 Lesser Known but Powerful Web Developer Tools that Increase Productivity","publishedAt":"2017-05-12T13:16:00Z","image":null,"tags":["Front End Development","Web Design Tools and Resources"],"contentHtml":"","excerpt":"As a web developer, you’ll inevitably come across situations in which you feel that quality must be sacrificed for the greater good of the project. Yet, there are plenty of popular tools that can greatly help you maintain quality and efficiency. The catch? Sometimes the most popular tools aren't the ones you really need. In this article you will explore: Five lesser known tools that increase your web development productivity without sacrificing quality. What each tool can help you accomplish. How to use each tool.","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/5-powerful-web-developer-tools-to-increase-productivity\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/Web-developer-tools-to-increase-productivity_6a827eb2-26b6-4543-9ce9-d9434fb0c886.png?v=1494532010\" border=\"0\" alt=\"Web developer tools to increase productivity\"\u003e\u003c/a\u003e\n\u003cp\u003eAs a web developer, you’ll inevitably come across situations in which you feel that quality must be sacrificed for the greater good of the project. Yet, there are plenty of popular tools that can greatly help you maintain quality and efficiency.\u003c/p\u003e\n\u003cp\u003eThe catch? Sometimes the most popular tools aren't the ones you really need.\u003c/p\u003e\n\u003cp\u003eIn this article you will explore:\u003c/p\u003e\n\u003cul\u003e\n\u003cul\u003e\n\u003cli\u003eFive lesser known tools that increase your web development productivity without sacrificing quality.\u003c/li\u003e\n\u003cli\u003eWhat each tool can help you accomplish.\u003c/li\u003e\n\u003cli\u003eHow to use each tool.\u003c/li\u003e\n\u003c/ul\u003e\n\u003c/ul\u003e\n\u003cmeta charset=\"utf-8\"\u003e","seo":{"__typename":"SEO","title":"5 Powerful Web Developer Tools that Increase Productivity","description":"Use these five lesser known web developer tools to increase your development productivity without sacrificing the quality of your work."},"authorV2":{"__typename":"ArticleAuthor","name":"Matthew Fritschle","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"10 Ways to Create Delightful and User-Friendly Web Animation\",\"url\":\"partners/blog/web-animation\"},{\"title\":\"Free Webinar] Getting Started with Sass and Shopify\",\"url\":\"partners/blog/free-webinar-getting-started-with-sass-and-shopify\"},{\"title\":\"How Google’s AMP Project is Changing the Mobile Web\",\"url\":\"partners/blog/how-google-s-amp-project-is-changing-the-mobile-web\"},{\"title\":\"6 Animation Libraries to Save Time and WOW Clients\",\"url\":\"partners/blog/6-animation-libraries-to-save-time-and-wow-clients\"},{\"title\":\"Free Webinar] Developing with Shopify: Using JavaScript to Add Ecommerce to Any Website\",\"url\":\"partners/blog/free-webinar-developing-with-shopify-using-javascript-to-add-ecommerce-to-any-website\"},{\"title\":\"Getting the Most Out of Chrome Developer Tools: 4 Modern Features You Need to Know\",\"url\":\"partners/blog/chrome-developer-tools\"},{\"title\":\"What is Markdown Syntax?\",\"url\":\"partners/blog/86763270-what-is-markdown-syntax\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/Web-developer-tools-to-increase-productivity_6a827eb2-26b6-4543-9ce9-d9434fb0c886.png?v=1494532010","imageAltText":"Web developer tools to increase productivity","modifiedAt":"12 May 2017","modifiedAtRaw":"2017-05-12T13:16:00Z"},{"__typename":"Article","id":"gid://shopify/Article/224896518","handle":"enhancing-the-ecommerce-experience-recent-updates-to-shopify-s-online-store-and-liquid","title":"Enhancing the Ecommerce Experience: Recent Updates to Shopify’s Online Store and Liquid","publishedAt":"2017-04-21T13:00:00Z","image":null,"tags":["Front End Development","Learning Liquid","Shopify News"],"contentHtml":"","excerpt":"Yesterday at Unite, we spoke on stage about several recently added updates to our online store channel that many partners and developers will find useful. Some of these features have already been released but haven’t been formally introduced, while others are entirely new and exciting updates to our platform. We hope that they will help you simplify the code in your themes, while also creating better overall experiences for your clients and their customers. In this article you’ll learn: How to create better browsing experiences with responsive images. How to get more out of your image assets with new Liquid updates. How to access more variant information with product.options_with_values.","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/enhancing-the-ecommerce-experience-recent-updates-to-shopify-s-online-store-and-liquid\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/Updates-to-shopify-online-store-and-liquid.jpg?v=1492450594\" border=\"0\" alt=\"Updates to shopify online store and liquid\"\u003e\u003c/a\u003e\n\u003cp\u003eYesterday at Unite, we spoke on stage about several recently added updates to our online store channel that many partners and developers will find useful. Some of these features have already been released but haven’t been formally introduced, while others are entirely new and exciting updates to our platform.\u003c/p\u003e\n\u003cp\u003eWe hope that they will help you simplify the code in your themes, while also creating better overall experiences for your clients and their customers.\u003c/p\u003e\n\u003cp\u003eIn this article you’ll learn:\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eHow to create better browsing experiences with responsive images.\u003c/li\u003e\n\u003cli\u003eHow to get more out of your image assets with new Liquid updates.\u003c/li\u003e\n\u003cli\u003eHow to access more variant information with product.options_with_values.\u003c/li\u003e\n\u003c/ul\u003e","seo":{"__typename":"SEO","title":"Recent Updates to Shopify’s Online Store and Liquid","description":"We review the recently added updates to Shopify's online store that will help simplify the code in your themes and create better experiences for your clients."},"authorV2":{"__typename":"ArticleAuthor","name":"Simon Heaton","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"Using Responsive Images to Decrease Page Loading Times\",\"url\":\"partners/blog/using-responsive-images\"},{\"title\":\"An Overview of Liquid: Shopify's Templating Language\",\"url\":\"partners/blog/115244038-an-overview-of-liquid-shopifys-templating-language\"},{\"title\":\"How Lazy Loading can Optimize Your Shopify Theme Images\",\"url\":\"partners/blog/lazy-loading\"},{\"title\":\"The 20 Best Brackets Extensions for Front End Developers\",\"url\":\"partners/blog/brackets-extensions\"},{\"title\":\"Free Webinar] Getting Started with Sass and Shopify\",\"url\":\"partners/blog/free-webinar-getting-started-with-sass-and-shopify\"},{\"title\":\"5 Easy-to-Implement Website Maintenance Tips for Your Client's Ecommerce Business\",\"url\":\"partners/blog/website-maintenance-tips\"},{\"title\":\"Getting the Most Out of Chrome Developer Tools: 4 Modern Features You Need to Know\",\"url\":\"partners/blog/chrome-developer-tools\"},{\"title\":\"How Open Graph Tags can Optimize Social Media Experiences\",\"url\":\"partners/blog/open-graph-tags\"},{\"title\":\"Free Webinar] Developing with Shopify: Using JavaScript to Add Ecommerce to Any Website\",\"url\":\"partners/blog/free-webinar-developing-with-shopify-using-javascript-to-add-ecommerce-to-any-website\"},{\"title\":\"A Modern Approach to CSS Pt. 2: Building Resources\",\"url\":\"partners/blog/css-resources\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/Updates-to-shopify-online-store-and-liquid.jpg?v=1492450594","imageAltText":"Updates to shopify online store and liquid","modifiedAt":"21 Apr 2017","modifiedAtRaw":"2017-04-21T13:00:00Z"},{"__typename":"Article","id":"gid://shopify/Article/223691078","handle":"creating-dynamic-color-schemes-with-theme-options-and-presets","title":"Creating Dynamic Color Schemes with Theme Options and Presets","publishedAt":"2017-04-07T13:00:00Z","image":null,"tags":["Front End Development","Shopify Theme Development","Shopify Tutorials"],"contentHtml":"","excerpt":"Building for the unknown can be tricky, and clients or merchants always want some level of control when it comes to their websites. So how do we make our themes dynamic for clients? In this article you will learn: How to define theme options for colors in `settings_schema.json`. How to use the `settings` object properties inside your CSS or SCSS files. How you can create custom presets for a theme with `settings_data.json`.","excerptHtml":"\u003ca href=\"https://shopify.com/partners/blog/creating-dynamic-color-schemes-with-theme-options-and-presets\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/color-schemes-with-theme-options-and-presets.png?v=1491507522\" alt=\"Color schemes with theme options and presets\" border=\"0\"\u003e\u003c/a\u003e\n\u003cp\u003eBuilding for the unknown can be tricky, and clients or merchants always want some level of control when it comes to their websites. So how do we make our themes dynamic for clients?\u003c/p\u003e\n\u003cp\u003eIn this article you will learn:\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eHow to define theme options for colors in `settings_schema.json`.\u003c/li\u003e\n\u003cli\u003eHow to use the `settings` object properties inside your CSS or SCSS files.\u003c/li\u003e\n\u003cli\u003eHow you can create custom presets for a theme with `settings_data.json`.\u003c/li\u003e\n\u003c/ul\u003e","seo":{"__typename":"SEO","title":null,"description":null},"authorV2":{"__typename":"ArticleAuthor","name":"Tiffany Tse","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"Four Smart Reasons to Embed a Shopify Store in Your Client Websites\",\"url\":\"partners/blog/four-smart-reasons-to-embed-a-shopify-store-in-your-client-websites\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"url\":\"partners/blog/shopify-online-store\"},{\"title\":\"Building the World’s Best Commerce Apps with Built for Shopify\",\"url\":\"partners/blog/built-for-shopify\"},{\"title\":\"How to Build a Shopify App as a Front End Developer\",\"url\":\"partners/blog/front-end-app\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"url\":\"partners/blog/img-url-filter\"},{\"title\":\"Top 10 Color Palette Generators for Website Colors\",\"url\":\"partners/blog/69878531-the-ultimate-list-of-online-colour-palette-generators-for-web-design\"},{\"title\":\"How to Use Liquid to Create Custom Landing Page Templates\",\"url\":\"partners/blog/landing-page\"},{\"title\":\"4 Lesser Known but Powerful Web Developer Tools that Increase Productivity\",\"url\":\"partners/blog/5-powerful-web-developer-tools-to-increase-productivity\"},{\"title\":\"How Open Graph Tags can Optimize Social Media Experiences\",\"url\":\"partners/blog/open-graph-tags\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/color-schemes-with-theme-options-and-presets.png?v=1491507522","imageAltText":"Color schemes with theme options and presets","modifiedAt":"7 Apr 2017","modifiedAtRaw":"2017-04-07T13:00:00Z"},{"__typename":"Article","id":"gid://shopify/Article/220674758","handle":"8-free-resources-for-learning-web-design-and-how-to-code","title":"8 Free Resources For Learning Web Design and How to Code","publishedAt":"2017-02-17T13:50:00Z","image":null,"tags":["Front End Development","Web Design","Web Design Tools and Resources"],"contentHtml":"","excerpt":"Whether you’re a seasoned developer or just starting to test the waters, it’s always helpful to review and practice your skills. To help you along your road of lifelong learning, we’ve highlighted a few resources to help you learn, enhance, and practice your web design and development skills. Enjoy!","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/8-free-resources-for-learning-web-design-and-how-to-code\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/learn-web-design-2017.jpg?v=1487280429\" border=\"0\" alt=\"Learn Web Design: Email\"\u003e\u003c/a\u003e\n\u003cp\u003eWhether you’re a seasoned developer or just starting to test the waters, it’s always helpful to review and practice your skills.\u003c/p\u003e\n\u003cp\u003eTo help you along your road of lifelong learning, we’ve highlighted a few resources to help you learn, enhance, and practice your web design and development skills. Enjoy!\u003c/p\u003e","seo":{"__typename":"SEO","title":null,"description":"Want to up your developer skills? Here's a free list of resources for learning web design and how to code."},"authorV2":{"__typename":"ArticleAuthor","name":"Lauren Brown","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"A Modern Approach to CSS Pt. 2: Building Resources\",\"url\":\"partners/blog/css-resources\"},{\"title\":\"10 Essential Front-End Developer Skills to Help You Move Faster in Your Career\",\"url\":\"partners/blog/front-end-developer-skills\"},{\"title\":\"Getting the Most Out of Chrome Developer Tools: 4 Modern Features You Need to Know\",\"url\":\"partners/blog/chrome-developer-tools\"},{\"title\":\"How to Get Published in the Shopify Theme Store\",\"url\":\"partners/blog/32453955-how-to-get-published-in-the-shopify-theme-store\"},{\"title\":\"Free Webinar] Developing with Shopify: Using JavaScript to Add Ecommerce to Any Website\",\"url\":\"partners/blog/free-webinar-developing-with-shopify-using-javascript-to-add-ecommerce-to-any-website\"},{\"title\":\"5 Easy-to-Implement Website Maintenance Tips for Your Client's Ecommerce Business\",\"url\":\"partners/blog/website-maintenance-tips\"},{\"title\":\"How to Build Fast and Secure Websites With the JAMstack\",\"url\":\"partners/blog/jamstack\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/learn-web-design-2017.jpg?v=1487280429","imageAltText":"Learn Web Design: Email","modifiedAt":"17 Feb 2017","modifiedAtRaw":"2017-02-17T13:50:00Z"},{"__typename":"Article","id":"gid://shopify/Article/220605510","handle":"what-is-progressive-enhancement-and-why-should-you-care","title":"What is Progressive Enhancement and Why Should You Care?","publishedAt":"2017-02-15T13:52:00Z","image":null,"tags":["Front End Development","User Experience","Website Optimization"],"contentHtml":"","excerpt":"If you’ve been building websites and applications for even a little while, you’ve most likely already heard of progressive enhancement. The idea has been around since 2003, it’s one that is often confused and misunderstood. In this article you will learn: The difference between progressive enhancement and graceful degradation. How performance and accessibility benefit from progressive enhancement. Modern tips and techniques for progressively enhancing a site with CSS and JavaScript.","excerptHtml":"\u003ca href=\"https://shopify.com/partners/blog/what-is-progressive-enhancement-and-why-should-you-care\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/partners_blog_progressive_enhancement_hero_e1db29d2-6a0e-4df9-8ed9-5888d27940e0.gif?v=1487161323\" alt=\"Illustration of three cakes representing progressive enhancement.\" border=\"0\"\u003e\u003c/a\u003e\n\u003cp\u003eIf you’ve been building websites and applications for even a little while, you’ve most likely already heard of progressive enhancement. The idea has been around since 2003, it’s one that is often confused and misunderstood.\u003c/p\u003e\n\u003cp\u003eIn this article you will learn:\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eThe difference between progressive enhancement and graceful degradation.\u003c/li\u003e\n\u003cli\u003eHow performance and accessibility benefit from progressive enhancement.\u003c/li\u003e\n\u003cli\u003eModern tips and techniques for progressively enhancing a site with CSS and JavaScript.\u003c/li\u003e\n\u003c/ul\u003e","seo":{"__typename":"SEO","title":null,"description":null},"authorV2":{"__typename":"ArticleAuthor","name":"Tiffany Tse","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"Free Webinar] Getting Started with Sass and Shopify\",\"url\":\"partners/blog/free-webinar-getting-started-with-sass-and-shopify\"},{\"title\":\"Intro to CSS: A Beginner’s Guide to Cascading Style Sheets\",\"url\":\"partners/blog/intro-to-css\"},{\"title\":\"How to Build Fast and Secure Websites With the JAMstack\",\"url\":\"partners/blog/jamstack\"},{\"title\":\"Free Webinar] Developing with Shopify: Using JavaScript to Add Ecommerce to Any Website\",\"url\":\"partners/blog/free-webinar-developing-with-shopify-using-javascript-to-add-ecommerce-to-any-website\"},{\"title\":\"Building Icon Systems With SVG\",\"url\":\"partners/blog/building-icon-systems-with-svg\"},{\"title\":\"Four Smart Reasons to Embed a Shopify Store in Your Client Websites\",\"url\":\"partners/blog/four-smart-reasons-to-embed-a-shopify-store-in-your-client-websites\"},{\"title\":\"Getting Started With a CSS Grid Layout on Shopify\",\"url\":\"partners/blog/css-grid\"},{\"title\":\"The 20 Best Brackets Extensions for Front End Developers\",\"url\":\"partners/blog/brackets-extensions\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/partners_blog_progressive_enhancement_hero_e1db29d2-6a0e-4df9-8ed9-5888d27940e0.gif?v=1487161323","imageAltText":"Illustration of three cakes representing progressive enhancement.","modifiedAt":"15 Feb 2017","modifiedAtRaw":"2017-02-15T13:52:00Z"},{"__typename":"Article","id":"gid://shopify/Article/220268550","handle":"how-to-use-javascript-to-add-ecommerce-to-any-website","title":"How to Use JavaScript to Add Ecommerce to Any Website","publishedAt":"2017-02-09T13:51:00Z","image":null,"tags":["Front End Development"],"contentHtml":"","excerpt":"Many web designers and developers do projects for major frameworks other than Shopify, like WordPress, Drupal, or other client-hosted websites where Javascript is the developing language used. In this case, you can easily use Shopify’s Buy Button functionality to add ecommerce to any current or upcoming client projects. In this article you will learn: Why you should integrate a Buy Button into your client's website The differences between Shopify's two Buy Button libraries (JS Buy SDK and BuyButton.js) How to use these two libraries, along with video examples and CodePen demos Where to find the code to try JS Buy SDK and BuyButton.js yourself","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/how-to-use-javascript-to-add-ecommerce-to-any-website\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/JavaScript-to-add-ecommerce-to-any-website_6037127b-8071-471f-94ba-81d8e53d69ea.jpg?v=1486580728\" border=\"0\" alt=\"JavaScript to add ecommerce to any website: Email\"\u003e\u003c/a\u003e\n\u003cp\u003eMany web designers and developers do projects for major frameworks other than Shopify, like WordPress, Drupal, or other client-hosted websites where Javascript is the developing language used.\u003c/p\u003e\n\u003cp\u003eIn this case, you can easily use Shopify’s Buy Button functionality to add ecommerce to any current or upcoming client projects.\u003c/p\u003e\n\u003cp\u003eIn this article you will learn:\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eWhy you should integrate a Buy Button into your client's website\u003c/li\u003e\n\u003cli\u003eThe differences between Shopify's two Buy Button libraries (JS Buy SDK and BuyButton.js)\u003c/li\u003e\n\u003cli\u003eHow to use these two libraries, along with video examples and CodePen demos\u003c/li\u003e\n\u003cli\u003eWhere to find the code to try JS Buy SDK and BuyButton.js yourself\u003c/li\u003e\n\u003c/ul\u003e","seo":{"__typename":"SEO","title":null,"description":"Develop a better understanding of how to use Shopify’s Buy Button functionality in your current, or upcoming, client project."},"authorV2":{"__typename":"ArticleAuthor","name":"Sara Chisholm","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"5 Community-Built API Tools Developers Should Check Out\",\"url\":\"partners/blog/api-tools\"},{\"title\":\"Why Every Shopify Store Needs a Marketing \u0026 Sales Funnel\",\"url\":\"partners/blog/72569987-why-every-shopify-store-needs-a-marketing-sales-funnel\"},{\"title\":\"The Shopify Collaborator Account: What You Need to Know\",\"url\":\"partners/blog/shopify-collaborator-account\"},{\"title\":\"How to Create Your First Shopify Theme Section\",\"url\":\"partners/blog/how-to-create-your-first-shopify-theme-section\"},{\"title\":\"Pitching Animation: How to Talk About Motion in a Design-Centric Way\",\"url\":\"partners/blog/pitching-animation-how-to-talk-about-motion-in-a-design-centric-way\"},{\"title\":\"A Simpler Way to Manage Custom Storefronts\",\"url\":\"partners/blog/updates-to-shopifys-custom-storefronts-api\"},{\"title\":\"Free Webinar] Developing with Shopify: Using JavaScript to Add Ecommerce to Any Website\",\"url\":\"partners/blog/free-webinar-developing-with-shopify-using-javascript-to-add-ecommerce-to-any-website\"},{\"title\":\"How to Get Published in the Shopify Theme Store\",\"url\":\"partners/blog/32453955-how-to-get-published-in-the-shopify-theme-store\"},{\"title\":\"Four Smart Reasons to Embed a Shopify Store in Your Client Websites\",\"url\":\"partners/blog/four-smart-reasons-to-embed-a-shopify-store-in-your-client-websites\"},{\"title\":\"A Modern Approach to CSS Pt. 2: Building Resources\",\"url\":\"partners/blog/css-resources\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/JavaScript-to-add-ecommerce-to-any-website_6037127b-8071-471f-94ba-81d8e53d69ea.jpg?v=1486580728","imageAltText":"JavaScript to add ecommerce to any website: Email","modifiedAt":"9 Feb 2017","modifiedAtRaw":"2017-02-09T13:51:00Z"},{"__typename":"Article","id":"gid://shopify/Article/219431110","handle":"four-smart-reasons-to-embed-a-shopify-store-in-your-client-websites","title":"Four Smart Reasons to Embed a Shopify Store in Your Client Websites","publishedAt":"2017-01-26T13:00:00Z","image":null,"tags":["Front End Development","Shopify Theme Development","Shopify Tutorials"],"contentHtml":"","excerpt":"The JavaScript Buy SDK was announced at Unite to provide Shopify Partners with even more ways to host Shopify stores. Shopify website integration is a useful way for agencies or freelancers to provide customers with more creative online shopping experiences, and opens up new opportunities to pitch the SDK to current or potential clients. In this article you will learn how the Shopify JavaScript Buy SDK can be used to: Sell products on a service-oriented website Offer a low-risk way to test a full-store idea Enhance landing pages with products Create a microsite for a unique set of products","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/four-smart-reasons-to-embed-a-shopify-store-in-your-client-websites\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/four-smart-reasons-to-embed-shopify-store.gif?v=1485291424\" border=\"0\" alt=\"Four smart reasons to embed shopify store: Email\"\u003e\u003c/a\u003e\n\u003cp\u003eThe JavaScript Buy SDK was announced at Unite to provide Shopify Partners with even more ways to host Shopify stores.\u003c/p\u003e\n\u003cp\u003eShopify website integration is a useful way for agencies or freelancers to provide customers with more creative online shopping experiences, and opens up new opportunities to pitch the SDK to current or potential clients.\u003c/p\u003e\n\u003cp\u003e\u003cspan style=\"font-weight: 400;\"\u003eIn this article you will learn how the Shopify JavaScript Buy SDK can be used to:\u003c/span\u003e\u003c/p\u003e\n\u003cul\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eSell products on a service-oriented website\u003c/span\u003e\u003c/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eOffer a low-risk way to test a full-store idea\u003c/span\u003e\u003c/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eEnhance landing pages with products\u003c/span\u003e\u003c/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eCreate a microsite for a unique set of products\u003c/span\u003e\u003c/li\u003e\n\u003c/ul\u003e","seo":{"__typename":"SEO","title":null,"description":"Easily integrate the Shopify JavaScript Buy SDK into any website or CMS to provide customers with more creative online shopping experiences."},"authorV2":{"__typename":"ArticleAuthor","name":"Arni Mikelsons","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"How to Use JavaScript to Add Ecommerce to Any Website\",\"url\":\"partners/blog/how-to-use-javascript-to-add-ecommerce-to-any-website\"},{\"title\":\"How to find your next brick and mortar client\",\"url\":\"partners/blog/find-brick-and-mortar-clients\"},{\"title\":\"Build with Hydrogen: Developer Preview Now Available\",\"url\":\"partners/blog/hydrogen-developer-preview\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\",\"url\":\"partners/blog/how-to-build-a-shopify-app\"},{\"title\":\"Working with Product Variants When Building a Shopify Theme\",\"url\":\"partners/blog/product-variants\"},{\"title\":\"Using Responsive Images to Decrease Page Loading Times\",\"url\":\"partners/blog/using-responsive-images\"},{\"title\":\"How to work with Metafields when building Shopify themes\",\"url\":\"partners/blog/metafields\"},{\"title\":\"Building a Clickable Call-to-Action Button for Your Shopify Theme\",\"url\":\"partners/blog/building-a-clickable-call-to-action-button-for-your-shopify-theme\"},{\"title\":\"10 Ways to Create Delightful and User-Friendly Web Animation\",\"url\":\"partners/blog/web-animation\"},{\"title\":\"Free Webinar] Developing with Shopify: Using JavaScript to Add Ecommerce to Any Website\",\"url\":\"partners/blog/free-webinar-developing-with-shopify-using-javascript-to-add-ecommerce-to-any-website\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/four-smart-reasons-to-embed-shopify-store.gif?v=1485291424","imageAltText":"Four smart reasons to embed shopify store: Email","modifiedAt":"26 Jan 2017","modifiedAtRaw":"2017-01-26T13:00:00Z"},{"__typename":"Article","id":"gid://shopify/Article/219434054","handle":"building-icon-systems-with-svg","title":"Building Icon Systems With SVG","publishedAt":"2017-01-25T13:00:00Z","image":null,"tags":["Front End Development","Shopify Theme Development","Shopify Tutorials","Web Design"],"contentHtml":"","excerpt":"Building a great system and workflow is one of the hardest things to do. For a long time, building icon systems for themes and websites meant using iconic fonts. But as browser support has improved, inline SVGs are the new hot thing. In this tutorial, you'll learn: How to prepare SVGs How to build your icon set Where to find SVG resources","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/building-icon-systems-with-svg\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/building-icon-systems-with-SVG.png?v=1485291037\" border=\"0\" alt=\"SVG Icons: Email\"\u003e\u003c/a\u003e\n\u003cp\u003eBuilding a great system and workflow is one of the hardest things to do. For a long time, building icon systems for themes and websites meant using iconic fonts. But as browser support has improved, inline SVGs are the new hot thing.\u003c/p\u003e\n\u003cdiv\u003e\n\u003cp\u003eIn this tutorial, you'll learn:\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eHow to prepare SVGs\u003c/li\u003e\n\u003cli\u003eHow to build your icon set\u003c/li\u003e\n\u003cli\u003eWhere to find SVG resources\u003c/li\u003e\n\u003c/ul\u003e\n\u003c/div\u003e","seo":{"__typename":"SEO","title":null,"description":"This tutorial will show how to use SVG sprites for the first time — helpful if you’re still using iconic fonts and want to move to an SVG sprite icon system."},"authorV2":{"__typename":"ArticleAuthor","name":"Tiffany Tse","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"The Essential List of Resources for Shopify Theme Development\",\"url\":\"partners/blog/the-ultimate-list-of-resources-for-shopify-theme-developers\"},{\"title\":\"How to Use Icons to Enhance Your Ecommerce Website\",\"url\":\"partners/blog/how-to-use-icons-to-enhance-your-ecommerce-website\"},{\"title\":\"12 Incredible Resources for Downloading Icon Packs\",\"url\":\"partners/blog/65360643-12-incredible-resources-for-downloading-icon-packs\"},{\"title\":\"How to Create a Customizable Announcement Bar Section in Shopify\",\"url\":\"partners/blog/shopify-announcement-bar\"},{\"title\":\"An Overview of Liquid: Shopify's Templating Language\",\"url\":\"partners/blog/115244038-an-overview-of-liquid-shopifys-templating-language\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\",\"url\":\"partners/blog/how-to-build-a-shopify-app\"},{\"title\":\"How to Use Polaris to Build an App UI in HTML or React\",\"url\":\"partners/blog/use-polaris-to-build-an-app-ui\"},{\"title\":\"How to Build a Customizable Related Products Section\",\"url\":\"partners/blog/related-products\"},{\"title\":\"Getting the Most Out of Chrome Developer Tools: 4 Modern Features You Need to Know\",\"url\":\"partners/blog/chrome-developer-tools\"},{\"title\":\"How Google’s AMP Project is Changing the Mobile Web\",\"url\":\"partners/blog/how-google-s-amp-project-is-changing-the-mobile-web\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/building-icon-systems-with-SVG.png?v=1485291037","imageAltText":"SVG Icons: Email","modifiedAt":"25 Jan 2017","modifiedAtRaw":"2017-01-25T13:00:00Z"}],"pagination":{"hasNextPage":true,"hasPreviousPage":false,"hasThirdPage":false},"topicContent":{"title":"Front End Development","description":"Discover front end development techniques to boost your coding skills.","handle":"front-end-development"}},"root":null},"actionData":null,"errors":null}};</script><script type="module" async="">; import * as route0 from "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/root-D-QKPf9R.js"; import * as route1 from "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/layout-DKgVcBN3.js"; import * as route2 from "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/route-Ss4NWf3y.js"; window.__remixManifest = { "entry": { "module": "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/entry.client-CAwnvvNi.js", "imports": [ "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/components-BKn7Xt1n.js" ], "css": [] }, "routes": { "root": { "id": "root", "path": "", "hasAction": false, "hasLoader": false, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": true, "module": "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/root-D-QKPf9R.js", "imports": [ "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/components-BKn7Xt1n.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/I18N-BW9oEctj.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/Wrapper-O8-XaoZj.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/Image-CKVSuqto.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/Section-DBrKrbhM.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/HeadingGroup-CJu48Ve_.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/SideBySide-BsRopmQr.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/Provider-BJJdxoIf.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/SectionHeader-Bc8e-DGA.js" ], "css": [] }, "pages/shopify.com/($locale)~~layout": { "id": "pages/shopify.com/($locale)~~layout", "parentId": "root", "path": ":locale?", "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/layout-DKgVcBN3.js", "imports": [ "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/components-BKn7Xt1n.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/I18N-BW9oEctj.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/preload-font-xYLHsSOr.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/Provider-BJJdxoIf.js" ], "css": [] }, "pages/shopify.com/($locale)/partners/blog/topics/$topic": { "id": "pages/shopify.com/($locale)/partners/blog/topics/$topic", "parentId": "pages/shopify.com/($locale)~~layout", "path": "partners/blog/topics/:topic", "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/route-Ss4NWf3y.js", "imports": [ "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/components-BKn7Xt1n.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/I18N-BW9oEctj.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/Wrapper-O8-XaoZj.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/PageLayout-CSpWBva5.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/XIcon.svg-Bh-zP-9k.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/NavigationSearch-D_dT4lz7.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/constants-Cs9nQPfb.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/ChevronRightIcon.svg-cETHgj-e.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/blog-Dlsi9ky9.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/BlogCard-C40CYuiD.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/BlogConversion-Cv-wpUNN.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/FakeCursorPagination-DCG7vWHg.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/partnersHelpers-BlRjfC34.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/PartnersFooter-CHCkfBek.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/usePaginatedPageTitle-ChiB69AF.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/useBlogPageTitle-D1JGMK-m.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/handle-BeFHnPVi.js" ], "css": [] }, "pages/shopify.com/($locale)/partners/blog/topics": { "id": "pages/shopify.com/($locale)/partners/blog/topics", "parentId": "pages/shopify.com/($locale)~~layout", "path": "partners/blog/topics", "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/route-DflUC4BD.js", "imports": [ "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/components-BKn7Xt1n.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/I18N-BW9oEctj.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/Wrapper-O8-XaoZj.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/PageLayout-CSpWBva5.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/XIcon.svg-Bh-zP-9k.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/NavigationSearch-D_dT4lz7.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/constants-Cs9nQPfb.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/HeadingGroup-CJu48Ve_.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/index-DhEWScdm.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/Image-Yv_iKbvt.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/Conversion-B7WDwxZk.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/blog-Dlsi9ky9.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/TopicCard-BKynF7FW.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/BlogConversion-Cv-wpUNN.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/partnersHelpers-BlRjfC34.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/PartnersFooter-CHCkfBek.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/useBlogPageTitle-D1JGMK-m.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/style-vg0kjCWO.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/handle-BeFHnPVi.js" ], "css": [] }, "pages/shopify.com/($locale)/partners/blog": { "id": "pages/shopify.com/($locale)/partners/blog", "parentId": "pages/shopify.com/($locale)~~layout", "path": "partners/blog", "hasAction": true, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/route-BP3p_GUh.js", "imports": [ "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/components-BKn7Xt1n.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/I18N-BW9oEctj.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/Wrapper-O8-XaoZj.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/PageLayout-CSpWBva5.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/XIcon.svg-Bh-zP-9k.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/NavigationSearch-D_dT4lz7.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/constants-Cs9nQPfb.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/HeadingGroup-CJu48Ve_.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/index-DhEWScdm.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/BlogCard-C40CYuiD.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/Conversion-B7WDwxZk.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/partnersHelpers-BlRjfC34.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/blog-Dlsi9ky9.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/BlogConversion-Cv-wpUNN.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/PartnersFooter-CHCkfBek.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/useBlogPageTitle-D1JGMK-m.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/Hero-B3wE2YKd.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/ArticleCarousel-DjoLvpfc.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/handle-BeFHnPVi.js" ], "css": [] }, "pages/shopify.com/$": { "id": "pages/shopify.com/$", "parentId": "root", "path": "*", "hasAction": true, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/route-K6Dvbx-E.js", "imports": [], "css": [] } }, "url": "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/manifest-db11ddf9.js", "version": "db11ddf9" }; window.__remixRouteModules = {"root":route0,"pages/shopify.com/($locale)~~layout":route1,"pages/shopify.com/($locale)/partners/blog/topics/$topic":route2}; import("https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/entry.client-CAwnvvNi.js");</script></body></html>