{"id":103,"date":"2018-12-11T12:07:01","date_gmt":"2018-12-11T11:07:01","guid":{"rendered":"https:\/\/sketch2react.wordpress.com\/2018\/12\/11\/advanced-export-is-here\/"},"modified":"2020-06-18T07:42:38","modified_gmt":"2020-06-18T07:42:38","slug":"advanced-export-is-here","status":"publish","type":"post","link":"https:\/\/sketch2react.io\/blog\/advanced-export-is-here\/","title":{"rendered":"Advanced Export is here!"},"content":{"rendered":"<figure>\n<p><img decoding=\"async\" data-width=\"1920\" data-height=\"1080\" src=\"https:\/\/cdn-images-1.medium.com\/max\/1200\/0*7Qp_4zBLd0WtdaMK.jpg\"><br \/>\n<\/figure>\n<p>Hey guys, last weekend we released a new version of our <strong>desktop Code App<\/strong>. Here\u2019s some <em>highlights<\/em> of that release:<\/p>\n<h3>Advanced Export!<\/h3>\n<p>We now have something really sweet called <strong>Advanced Export<\/strong>. Basically you add things to export and press the <strong>Download button, <\/strong>and you get everything exported <strong>custom CSS files<\/strong> included. One really big step forward is that you also get all of your<strong> image assets exported<\/strong>. If you have been using our framework since the start you know how big of a deal this is for us. If not, happiness anyways??<\/p>\n<p>Pressing <strong>Download<\/strong> automagically creates a\u00a0.zip file with everything you need to publish to your own server. If you have set up everything correctly inside of Sketch app you only need to drag+drop onto your server!<\/p>\n<h3>Full support for Animate.css<\/h3>\n<p>We really love <a href=\"https:\/\/daneden.github.io\/animate.css\/\" target=\"_blank\" rel=\"noopener noreferrer\">Animate.css<\/a> \u2764\ufe0f So we made sure that we supported<strong> CSS libraries<\/strong> that use both Uppercase and Lowercase characters in their classnames. Joy!<\/p>\n<figure class=\"wp-caption\">\n<p><img decoding=\"async\" data-width=\"800\" data-height=\"473\" src=\"https:\/\/cdn-images-1.medium.com\/max\/800\/0*jY_1aehz0bPUBDD0.gif\"><figcaption class=\"wp-caption-text\">What better than be able to from Sketch prototype and build amazing CSS thingies? Got yah covered\u00a0?<\/figcaption><\/figure>\n<p>So now you don\u2019t need to be super picky about making sure all characters are lowercase when writing your own CSS plugins.<\/p>\n<h3><strong>How do I get this amazing Code\u00a0App?<\/strong><\/h3>\n<p>You sign up to our free Beta program of course!<\/p>\n<p><a href=\"https:\/\/sketch2react.io\/\">https:\/\/sketch2react.io\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hey guys, last weekend we released a new version of our desktop Code App. Here\u2019s some highlights of that release: Advanced Export! We now have something really sweet called Advanced Export. Basically you add things to export and press the Download button, and you get everything exported custom CSS files included. One really big step&hellip;&nbsp;<a href=\"https:\/\/sketch2react.io\/blog\/advanced-export-is-here\/\" class=\"\" rel=\"bookmark\">Read More &raquo;<span class=\"screen-reader-text\">Advanced Export is here!<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"bgseo_title":"","bgseo_description":"","bgseo_robots_index":"","bgseo_robots_follow":"","neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"categories":[168],"tags":[58,88,83,61,10],"class_list":["post-103","post","type-post","status-publish","format-standard","hentry","category-miscellaneous","tag-bootstrap","tag-css","tag-export","tag-javascript","tag-sketch"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Advanced Export is here! | Sketch2React Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/sketch2react.io\/blog\/advanced-export-is-here\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Advanced Export is here! - Sketch2React Blog\" \/>\n<meta property=\"og:description\" content=\"Hey guys, last weekend we released a new version of our desktop Code App. Here\u2019s some highlights of that release: Advanced Export! We now have something really sweet called Advanced Export. Basically you add things to export and press the Download button, and you get everything exported custom CSS files included. One really big step&hellip;&nbsp;Read More &raquo;Advanced Export is here!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sketch2react.io\/blog\/advanced-export-is-here\/\" \/>\n<meta property=\"og:site_name\" content=\"Sketch2React Blog\" \/>\n<meta property=\"article:published_time\" content=\"2018-12-11T11:07:01+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-06-18T07:42:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdn-images-1.medium.com\/max\/1200\/0*7Qp_4zBLd0WtdaMK.jpg\" \/>\n<meta name=\"author\" content=\"Juan Maguid\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Juan Maguid\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/sketch2react.io\/blog\/advanced-export-is-here\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/advanced-export-is-here\/\"},\"author\":{\"name\":\"Juan Maguid\",\"@id\":\"https:\/\/sketch2react.io\/blog\/#\/schema\/person\/7fc8fe20e137be20a66bc8634c059f4e\"},\"headline\":\"Advanced Export is here!\",\"datePublished\":\"2018-12-11T11:07:01+00:00\",\"dateModified\":\"2020-06-18T07:42:38+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/advanced-export-is-here\/\"},\"wordCount\":228,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/advanced-export-is-here\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdn-images-1.medium.com\/max\/1200\/0*7Qp_4zBLd0WtdaMK.jpg\",\"keywords\":[\"Bootstrap\",\"CSS\",\"Export\",\"JavaScript\",\"Sketch\"],\"articleSection\":[\"Miscellaneous\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/sketch2react.io\/blog\/advanced-export-is-here\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/sketch2react.io\/blog\/advanced-export-is-here\/\",\"url\":\"https:\/\/sketch2react.io\/blog\/advanced-export-is-here\/\",\"name\":\"Advanced Export is here! - Sketch2React Blog\",\"isPartOf\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/advanced-export-is-here\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/advanced-export-is-here\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdn-images-1.medium.com\/max\/1200\/0*7Qp_4zBLd0WtdaMK.jpg\",\"datePublished\":\"2018-12-11T11:07:01+00:00\",\"dateModified\":\"2020-06-18T07:42:38+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/advanced-export-is-here\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/sketch2react.io\/blog\/advanced-export-is-here\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/sketch2react.io\/blog\/advanced-export-is-here\/#primaryimage\",\"url\":\"https:\/\/cdn-images-1.medium.com\/max\/1200\/0*7Qp_4zBLd0WtdaMK.jpg\",\"contentUrl\":\"https:\/\/cdn-images-1.medium.com\/max\/1200\/0*7Qp_4zBLd0WtdaMK.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/sketch2react.io\/blog\/advanced-export-is-here\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/sketch2react.io\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Advanced Export is here!\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/sketch2react.io\/blog\/#website\",\"url\":\"https:\/\/sketch2react.io\/blog\/\",\"name\":\"Sketch2React Blog\",\"description\":\"Articles, tutorials, tips &amp; tricks\",\"publisher\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/sketch2react.io\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/sketch2react.io\/blog\/#organization\",\"name\":\"Sketch2React Blog\",\"url\":\"https:\/\/sketch2react.io\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/sketch2react.io\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/10\/cropped-S2R2021Icon.png\",\"contentUrl\":\"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/10\/cropped-S2R2021Icon.png\",\"width\":512,\"height\":512,\"caption\":\"Sketch2React Blog\"},\"image\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/sketch2react.io\/blog\/#\/schema\/person\/7fc8fe20e137be20a66bc8634c059f4e\",\"name\":\"Juan Maguid\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/sketch2react.io\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/eac199ca87b7cbb76863825e2f447fafd34ac3b7c4a03c94f499103333c24832?s=96&d=wavatar&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/eac199ca87b7cbb76863825e2f447fafd34ac3b7c4a03c94f499103333c24832?s=96&d=wavatar&r=g\",\"caption\":\"Juan Maguid\"},\"url\":\"https:\/\/sketch2react.io\/blog\/author\/sketch2react\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Advanced Export is here! | Sketch2React Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/sketch2react.io\/blog\/advanced-export-is-here\/","og_locale":"en_US","og_type":"article","og_title":"Advanced Export is here! - Sketch2React Blog","og_description":"Hey guys, last weekend we released a new version of our desktop Code App. Here\u2019s some highlights of that release: Advanced Export! We now have something really sweet called Advanced Export. Basically you add things to export and press the Download button, and you get everything exported custom CSS files included. One really big step&hellip;&nbsp;Read More &raquo;Advanced Export is here!","og_url":"https:\/\/sketch2react.io\/blog\/advanced-export-is-here\/","og_site_name":"Sketch2React Blog","article_published_time":"2018-12-11T11:07:01+00:00","article_modified_time":"2020-06-18T07:42:38+00:00","og_image":[{"url":"https:\/\/cdn-images-1.medium.com\/max\/1200\/0*7Qp_4zBLd0WtdaMK.jpg","type":"","width":"","height":""}],"author":"Juan Maguid","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Juan Maguid","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/sketch2react.io\/blog\/advanced-export-is-here\/#article","isPartOf":{"@id":"https:\/\/sketch2react.io\/blog\/advanced-export-is-here\/"},"author":{"name":"Juan Maguid","@id":"https:\/\/sketch2react.io\/blog\/#\/schema\/person\/7fc8fe20e137be20a66bc8634c059f4e"},"headline":"Advanced Export is here!","datePublished":"2018-12-11T11:07:01+00:00","dateModified":"2020-06-18T07:42:38+00:00","mainEntityOfPage":{"@id":"https:\/\/sketch2react.io\/blog\/advanced-export-is-here\/"},"wordCount":228,"commentCount":0,"publisher":{"@id":"https:\/\/sketch2react.io\/blog\/#organization"},"image":{"@id":"https:\/\/sketch2react.io\/blog\/advanced-export-is-here\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn-images-1.medium.com\/max\/1200\/0*7Qp_4zBLd0WtdaMK.jpg","keywords":["Bootstrap","CSS","Export","JavaScript","Sketch"],"articleSection":["Miscellaneous"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/sketch2react.io\/blog\/advanced-export-is-here\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/sketch2react.io\/blog\/advanced-export-is-here\/","url":"https:\/\/sketch2react.io\/blog\/advanced-export-is-here\/","name":"Advanced Export is here! - Sketch2React Blog","isPartOf":{"@id":"https:\/\/sketch2react.io\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/sketch2react.io\/blog\/advanced-export-is-here\/#primaryimage"},"image":{"@id":"https:\/\/sketch2react.io\/blog\/advanced-export-is-here\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn-images-1.medium.com\/max\/1200\/0*7Qp_4zBLd0WtdaMK.jpg","datePublished":"2018-12-11T11:07:01+00:00","dateModified":"2020-06-18T07:42:38+00:00","breadcrumb":{"@id":"https:\/\/sketch2react.io\/blog\/advanced-export-is-here\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sketch2react.io\/blog\/advanced-export-is-here\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sketch2react.io\/blog\/advanced-export-is-here\/#primaryimage","url":"https:\/\/cdn-images-1.medium.com\/max\/1200\/0*7Qp_4zBLd0WtdaMK.jpg","contentUrl":"https:\/\/cdn-images-1.medium.com\/max\/1200\/0*7Qp_4zBLd0WtdaMK.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/sketch2react.io\/blog\/advanced-export-is-here\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/sketch2react.io\/blog\/"},{"@type":"ListItem","position":2,"name":"Advanced Export is here!"}]},{"@type":"WebSite","@id":"https:\/\/sketch2react.io\/blog\/#website","url":"https:\/\/sketch2react.io\/blog\/","name":"Sketch2React Blog","description":"Articles, tutorials, tips &amp; tricks","publisher":{"@id":"https:\/\/sketch2react.io\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/sketch2react.io\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/sketch2react.io\/blog\/#organization","name":"Sketch2React Blog","url":"https:\/\/sketch2react.io\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sketch2react.io\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/10\/cropped-S2R2021Icon.png","contentUrl":"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/10\/cropped-S2R2021Icon.png","width":512,"height":512,"caption":"Sketch2React Blog"},"image":{"@id":"https:\/\/sketch2react.io\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/sketch2react.io\/blog\/#\/schema\/person\/7fc8fe20e137be20a66bc8634c059f4e","name":"Juan Maguid","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sketch2react.io\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/eac199ca87b7cbb76863825e2f447fafd34ac3b7c4a03c94f499103333c24832?s=96&d=wavatar&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/eac199ca87b7cbb76863825e2f447fafd34ac3b7c4a03c94f499103333c24832?s=96&d=wavatar&r=g","caption":"Juan Maguid"},"url":"https:\/\/sketch2react.io\/blog\/author\/sketch2react\/"}]}},"_links":{"self":[{"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/posts\/103","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/comments?post=103"}],"version-history":[{"count":1,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/posts\/103\/revisions"}],"predecessor-version":[{"id":395,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/posts\/103\/revisions\/395"}],"wp:attachment":[{"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/media?parent=103"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/categories?post=103"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/tags?post=103"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}