{"id":302218,"date":"2020-01-27T12:53:20","date_gmt":"2020-01-27T19:53:20","guid":{"rendered":"https:\/\/css-tricks.com\/?p=302218"},"modified":"2020-01-27T12:53:21","modified_gmt":"2020-01-27T19:53:21","slug":"woodworking-svg-and-other-real-life-encounters","status":"publish","type":"post","link":"https:\/\/css-tricks.com\/woodworking-svg-and-other-real-life-encounters\/","title":{"rendered":"Woodworking SVG (and Other Real Life Encounters)"},"content":{"rendered":"\n<p>Eric Meyer does his <a href=\"https:\/\/meyerweb.com\/eric\/thoughts\/2020\/01\/15\/woodshop-svg\/\" rel=\"noopener\">woodworking math in SVG<\/a>. <\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>I\u2019ve been hand-coding SVG schematics to figure out how thing should go together, and as a by-product, guide me in both material buying and wood cutting.<\/p><p>This might sound hugely bespoke and artisanally overdone, but they\u2019re not that complicated, and as a major benefit, the process has helped me understand SVG a little bit better.<\/p><\/blockquote>\n\n\n\n<!--more-->\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/css-tricks.com\/wp-content\/uploads\/2020\/01\/workbench-simple2-1.svg\" alt=\"\" class=\"wp-image-302227\"\/><\/figure>\n\n\n<h3 class=\"wp-block-heading\" id=\"letterpress\">Letterpress<\/h3>\n\n\n<p>This all reminds me of my own SVG-meeting-real-life scenario. Years back, when I had access to a letterpress shop, I had some SVG converted into printable plates to make fun little bits of art. <\/p>\n\n\n\n<p>First I did a little SVG shape morphing to get some in-progress morphs:<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video controls src=\"https:\/\/css-tricks.com\/wp-content\/uploads\/2020\/01\/svg-morph-letterpress-3498.mov\"><\/video><\/figure>\n\n\n\n<p>Then I used those SVGs in Illustrator to create a design, which I sent off to a special company to make me a letterpress plate out of polymer. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2020\/01\/pasted-image-1646.jpg?ssl=1\" alt=\"\" class=\"wp-image-302221\" data-recalc-dims=\"1\"\/><\/figure>\n\n\n\n<p>Then I used that plate to print the designs<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2020\/01\/IMG_8814-3504.jpg?resize=768%2C1024&#038;ssl=1\" alt=\"\" class=\"wp-image-302222\" data-recalc-dims=\"1\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-video\"><video controls src=\"https:\/\/css-tricks.com\/wp-content\/uploads\/2020\/01\/IMG_8821-3510.mov\"><\/video><\/figure>\n\n\n\n<p>Which turned out pretty cool! <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2020\/01\/IMG_4196-filtered-3894.jpeg?resize=1024%2C683&#038;ssl=1\" alt=\"\" class=\"wp-image-302224\" data-recalc-dims=\"1\"\/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Eric Meyer does his woodworking math in SVG. I\u2019ve been hand-coding SVG schematics to figure out how thing should go together, and as a by-product, guide me in both material buying and wood cutting. This might sound hugely bespoke and artisanally overdone, but they\u2019re not that complicated, and as a major benefit, the process has [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":302227,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"sig_custom_text":"","sig_image_type":"featured-image","sig_custom_image":0,"sig_is_disabled":false,"inline_featured_image":false,"c2c_always_allow_admin_comments":false,"footnotes":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":[]},"categories":[17],"tags":[],"jetpack_publicize_connections":[],"acf":[],"jetpack_featured_media_url":"https:\/\/css-tricks.com\/wp-content\/uploads\/2020\/01\/workbench-simple2-1.svg","jetpack-related-posts":[],"_links":{"self":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/302218"}],"collection":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/comments?post=302218"}],"version-history":[{"count":6,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/302218\/revisions"}],"predecessor-version":[{"id":302316,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/302218\/revisions\/302316"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media\/302227"}],"wp:attachment":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media?parent=302218"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/categories?post=302218"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/tags?post=302218"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}