{"id":1,"date":"2021-04-10T19:38:50","date_gmt":"2021-04-10T18:38:50","guid":{"rendered":"https:\/\/marcosrego.com\/account\/?p=1"},"modified":"2022-01-05T02:46:11","modified_gmt":"2022-01-05T02:46:11","slug":"itemzero","status":"publish","type":"post","link":"https:\/\/marcosrego.com\/account\/websites\/itemzero\/","title":{"rendered":"Itemzero"},"content":{"rendered":"\n<!--more-- class=\" \">\n<!--noteaser-->\n\n\n\n<figure class=\" fixed-video_mobile mr-fadein  wp-block-video fixed-video_mobile mr-fadein\"><video autoplay loop muted preload=\"none\" src=\"https:\/\/marcosrego.com\/account\/wp-content\/uploads\/2021\/06\/itemzero-site_mobile.mp4\" playsinline><\/video><\/figure>\n\n\n\n<figure class=\" fixed-video_desktop mr-fadein  wp-block-video fixed-video_desktop mr-fadein\"><video autoplay loop muted preload=\"none\" src=\"https:\/\/marcosrego.com\/account\/wp-content\/uploads\/2021\/06\/itemzero-site_desktop.mp4\" playsinline><\/video><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Portfolio and eCommerce website developed for Itemzero, a design studio specialized in the intersection between technology, information design and editorial design.<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex\">\n<div class=\"   wp-block-button\"><a class=\"wp-block-button__link has-main-background-color-color has-main-text-color-background-color has-text-color has-background\" href=\"https:\/\/shop.itemzero.com\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Visit website<\/strong><\/a><\/div>\n<\/div>\n\n\n\n<p class=\"\">This project is heavily powered by Mr.Dev. and it&#8217;s the perfect showcase of what is possible to do when combining <a href=\"https:\/\/marcosrego.com\/account\/development\/mrdev-framework\/\" data-type=\"post\" data-id=\"278\">his framework<\/a> with <a href=\"https:\/\/marcosrego.com\/account\/development\/mr-utils\/\" data-type=\"post\" data-id=\"473\">his frontend toolkit<\/a>.<\/p>\n\n\n\n<p class=\"\">The framework allowed the use of the block editor on WooCommerce product pages.<br>The frontend toolkit (Mr.Utils) allowed to make specific customizations and to easily use components such as sliders and tabs inside the block editor.<\/p>\n\n\n\n<p class=\"\">And because this website uses those plugins that I developed, some other plugins that I selected and because I manage this website&#8217;s server + domain, <strong>Itemzero&#8217;s score on Google Pagespeed Insights shows excellent results<\/strong>.<\/p>\n\n\n\n<figure class=\"   wp-block-gallery columns-1 is-cropped wp-block-gallery-2 is-layout-flex\"><ul class=\"blocks-gallery-grid\"><li class=\"blocks-gallery-item\"><figure><a href=\"https:\/\/marcosrego.com\/account\/wp-content\/uploads\/2021\/04\/itemzero-pagespeed-score_jan-2022.jpg\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"485\" src=\"https:\/\/marcosrego.com\/account\/wp-content\/uploads\/2021\/04\/itemzero-pagespeed-score_jan-2022-1024x485.jpg\" alt=\"itemzero pagespeed score jan-2022\" data-id=\"2385\" data-full-url=\"https:\/\/marcosrego.com\/account\/wp-content\/uploads\/2021\/04\/itemzero-pagespeed-score_jan-2022.jpg\" data-link=\"https:\/\/marcosrego.com\/account\/websites\/itemzero\/attachment\/itemzero-pagespeed-score_jan-2022\/\" class=\"wp-image-2385\" srcset=\"https:\/\/marcosrego.com\/account\/wp-content\/uploads\/2021\/04\/itemzero-pagespeed-score_jan-2022-1024x485.jpg 1024w, https:\/\/marcosrego.com\/account\/wp-content\/uploads\/2021\/04\/itemzero-pagespeed-score_jan-2022-300x142.jpg 300w, https:\/\/marcosrego.com\/account\/wp-content\/uploads\/2021\/04\/itemzero-pagespeed-score_jan-2022-768x364.jpg 768w, https:\/\/marcosrego.com\/account\/wp-content\/uploads\/2021\/04\/itemzero-pagespeed-score_jan-2022-1536x727.jpg 1536w, https:\/\/marcosrego.com\/account\/wp-content\/uploads\/2021\/04\/itemzero-pagespeed-score_jan-2022.jpg 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" title=\"-\"><\/a><figcaption class=\"blocks-gallery-item__caption\">Itemzero&#8217;s product page score on January 2022 according to Google Pagespeed Insights. <a href=\"https:\/\/pagespeed.web.dev\/report?url=https%3A%2F%2Fshop.itemzero.com%2Fproducts%2Fthe-book-cover%2F\" target=\"_blank\" data-type=\"URL\" data-id=\"https:\/\/pagespeed.web.dev\/report?url=https%3A%2F%2Fshop.itemzero.com%2Fproducts%2Fthe-book-cover%2F\" rel=\"noreferrer noopener\">Recheck the score<\/a><\/figcaption><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><a href=\"https:\/\/marcosrego.com\/account\/wp-content\/uploads\/2021\/04\/itemzero-mrdev_widget-select_toggle.jpg\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"577\" src=\"https:\/\/marcosrego.com\/account\/wp-content\/uploads\/2021\/04\/itemzero-mrdev_widget-select_toggle-1024x577.jpg\" alt=\"Itemzero product variations uses Mr.Dev.&#039;s Widget\" data-id=\"1610\" data-full-url=\"https:\/\/marcosrego.com\/account\/wp-content\/uploads\/2021\/04\/itemzero-mrdev_widget-select_toggle.jpg\" data-link=\"https:\/\/marcosrego.com\/account\/websites\/itemzero\/attachment\/itemzero-mrdev_widget-select_toggle\/\" class=\"wp-image-1610\" srcset=\"https:\/\/marcosrego.com\/account\/wp-content\/uploads\/2021\/04\/itemzero-mrdev_widget-select_toggle-1024x577.jpg 1024w, https:\/\/marcosrego.com\/account\/wp-content\/uploads\/2021\/04\/itemzero-mrdev_widget-select_toggle-300x169.jpg 300w, https:\/\/marcosrego.com\/account\/wp-content\/uploads\/2021\/04\/itemzero-mrdev_widget-select_toggle-768x432.jpg 768w, https:\/\/marcosrego.com\/account\/wp-content\/uploads\/2021\/04\/itemzero-mrdev_widget-select_toggle-1536x865.jpg 1536w, https:\/\/marcosrego.com\/account\/wp-content\/uploads\/2021\/04\/itemzero-mrdev_widget-select_toggle.jpg 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" title=\"-\"><\/a><figcaption class=\"blocks-gallery-item__caption\">Itemzero&#8217;s product variations for typefaces are presented using Mr.Utils pagination options with the select dropdown as toggle.<\/figcaption><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><a href=\"https:\/\/marcosrego.com\/account\/wp-content\/uploads\/2021\/04\/itemzero-mrdev_widget-radio_toggle.jpg\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"574\" src=\"https:\/\/marcosrego.com\/account\/wp-content\/uploads\/2021\/04\/itemzero-mrdev_widget-radio_toggle-1024x574.jpg\" alt=\"Itemzero product testimonials uses Mr.Dev.&#039;s radio buttons as pagination toggle\" data-id=\"1609\" data-full-url=\"https:\/\/marcosrego.com\/account\/wp-content\/uploads\/2021\/04\/itemzero-mrdev_widget-radio_toggle.jpg\" data-link=\"https:\/\/marcosrego.com\/account\/websites\/itemzero\/attachment\/itemzero-mrdev_widget-radio_toggle\/\" class=\"wp-image-1609\" srcset=\"https:\/\/marcosrego.com\/account\/wp-content\/uploads\/2021\/04\/itemzero-mrdev_widget-radio_toggle-1024x574.jpg 1024w, https:\/\/marcosrego.com\/account\/wp-content\/uploads\/2021\/04\/itemzero-mrdev_widget-radio_toggle-300x168.jpg 300w, https:\/\/marcosrego.com\/account\/wp-content\/uploads\/2021\/04\/itemzero-mrdev_widget-radio_toggle-768x430.jpg 768w, https:\/\/marcosrego.com\/account\/wp-content\/uploads\/2021\/04\/itemzero-mrdev_widget-radio_toggle-1536x861.jpg 1536w, https:\/\/marcosrego.com\/account\/wp-content\/uploads\/2021\/04\/itemzero-mrdev_widget-radio_toggle.jpg 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" title=\"-\"><\/a><figcaption class=\"blocks-gallery-item__caption\">Itemzero&#8217;s product testimonials uses Mr.Utils radio buttons as pagination toggle.<\/figcaption><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><a href=\"https:\/\/marcosrego.com\/account\/wp-content\/uploads\/2021\/04\/itemzero-mrdev_widget-tabs.jpg\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"572\" src=\"https:\/\/marcosrego.com\/account\/wp-content\/uploads\/2021\/04\/itemzero-mrdev_widget-tabs-1024x572.jpg\" alt=\"Itemzero&#039;s shop uses tabs\" data-id=\"1611\" data-full-url=\"https:\/\/marcosrego.com\/account\/wp-content\/uploads\/2021\/04\/itemzero-mrdev_widget-tabs.jpg\" data-link=\"https:\/\/marcosrego.com\/account\/websites\/itemzero\/attachment\/itemzero-mrdev_widget-tabs\/\" class=\"wp-image-1611\" srcset=\"https:\/\/marcosrego.com\/account\/wp-content\/uploads\/2021\/04\/itemzero-mrdev_widget-tabs-1024x572.jpg 1024w, https:\/\/marcosrego.com\/account\/wp-content\/uploads\/2021\/04\/itemzero-mrdev_widget-tabs-300x168.jpg 300w, https:\/\/marcosrego.com\/account\/wp-content\/uploads\/2021\/04\/itemzero-mrdev_widget-tabs-768x429.jpg 768w, https:\/\/marcosrego.com\/account\/wp-content\/uploads\/2021\/04\/itemzero-mrdev_widget-tabs-1536x858.jpg 1536w, https:\/\/marcosrego.com\/account\/wp-content\/uploads\/2021\/04\/itemzero-mrdev_widget-tabs.jpg 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" title=\"-\"><\/a><figcaption class=\"blocks-gallery-item__caption\">Itemzero&#8217;s shop uses tabs from Mr.Utils components.<\/figcaption><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><a href=\"https:\/\/marcosrego.com\/account\/wp-content\/uploads\/2021\/04\/itemzero-mrdev_widget-woocommerce.jpg\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"576\" src=\"https:\/\/marcosrego.com\/account\/wp-content\/uploads\/2021\/04\/itemzero-mrdev_widget-woocommerce-1024x576.jpg\" alt=\"Itemzero promotions for the Book Cover using Mr.Dev.&#039;s widget\" data-id=\"1607\" data-full-url=\"https:\/\/marcosrego.com\/account\/wp-content\/uploads\/2021\/04\/itemzero-mrdev_widget-woocommerce.jpg\" data-link=\"https:\/\/marcosrego.com\/account\/websites\/itemzero\/attachment\/itemzero-mrdev_widget-woocommerce\/\" class=\"wp-image-1607\" srcset=\"https:\/\/marcosrego.com\/account\/wp-content\/uploads\/2021\/04\/itemzero-mrdev_widget-woocommerce-1024x576.jpg 1024w, https:\/\/marcosrego.com\/account\/wp-content\/uploads\/2021\/04\/itemzero-mrdev_widget-woocommerce-300x169.jpg 300w, https:\/\/marcosrego.com\/account\/wp-content\/uploads\/2021\/04\/itemzero-mrdev_widget-woocommerce-768x432.jpg 768w, https:\/\/marcosrego.com\/account\/wp-content\/uploads\/2021\/04\/itemzero-mrdev_widget-woocommerce-1536x864.jpg 1536w, https:\/\/marcosrego.com\/account\/wp-content\/uploads\/2021\/04\/itemzero-mrdev_widget-woocommerce.jpg 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" title=\"-\"><\/a><figcaption class=\"blocks-gallery-item__caption\">Itemzero&#8217;s Shop uses <a href=\"https:\/\/marcosrego.com\/account\/development\/mrdev-widget\/\" data-type=\"post\" data-id=\"574\">Mr.Dev.&#8217;s Widget<\/a> compatibility with WooCommerce.<\/figcaption><\/figure><\/li><\/ul><\/figure>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":447,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[16],"tags":[32,21,48,30,24,26,27,35,33,20,23],"_links":{"self":[{"href":"https:\/\/marcosrego.com\/account\/wp-json\/wp\/v2\/posts\/1"}],"collection":[{"href":"https:\/\/marcosrego.com\/account\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/marcosrego.com\/account\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/marcosrego.com\/account\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/marcosrego.com\/account\/wp-json\/wp\/v2\/comments?post=1"}],"version-history":[{"count":9,"href":"https:\/\/marcosrego.com\/account\/wp-json\/wp\/v2\/posts\/1\/revisions"}],"predecessor-version":[{"id":2398,"href":"https:\/\/marcosrego.com\/account\/wp-json\/wp\/v2\/posts\/1\/revisions\/2398"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/marcosrego.com\/account\/wp-json\/wp\/v2\/media\/447"}],"wp:attachment":[{"href":"https:\/\/marcosrego.com\/account\/wp-json\/wp\/v2\/media?parent=1"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/marcosrego.com\/account\/wp-json\/wp\/v2\/categories?post=1"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/marcosrego.com\/account\/wp-json\/wp\/v2\/tags?post=1"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}