<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0" xmlns:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd" xmlns:googleplay="http://www.google.com/schemas/play-podcasts/1.0"><channel><title><![CDATA[Serial Maker]]></title><description><![CDATA[A newsletter for people who can't stop making things. Design, code, art, business, and what building it all teaches me.]]></description><link>https://www.serialmaker.io</link><image><url>https://substackcdn.com/image/fetch/$s_!P9BM!,w_256,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3a63cf1b-e044-469d-9e08-5ecdf9ba9687_512x512.png</url><title>Serial Maker</title><link>https://www.serialmaker.io</link></image><generator>Substack</generator><lastBuildDate>Sat, 18 Jul 2026 22:49:54 GMT</lastBuildDate><atom:link href="https://www.serialmaker.io/feed" rel="self" type="application/rss+xml"/><copyright><![CDATA[Six Overground LLC]]></copyright><language><![CDATA[en]]></language><webMaster><![CDATA[serialmaker@substack.com]]></webMaster><itunes:owner><itunes:email><![CDATA[serialmaker@substack.com]]></itunes:email><itunes:name><![CDATA[Craig Phares]]></itunes:name></itunes:owner><itunes:author><![CDATA[Craig Phares]]></itunes:author><googleplay:owner><![CDATA[serialmaker@substack.com]]></googleplay:owner><googleplay:email><![CDATA[serialmaker@substack.com]]></googleplay:email><googleplay:author><![CDATA[Craig Phares]]></googleplay:author><itunes:block><![CDATA[Yes]]></itunes:block><item><title><![CDATA[Trends 📊]]></title><description><![CDATA[Let's dive into some current design and development trends.]]></description><link>https://www.serialmaker.io/p/trends</link><guid isPermaLink="false">https://www.serialmaker.io/p/trends</guid><dc:creator><![CDATA[Craig Phares]]></dc:creator><pubDate>Fri, 18 Dec 2020 14:00:00 GMT</pubDate><enclosure url="https://substackcdn.com/image/fetch/$s_!P9BM!,w_256,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3a63cf1b-e044-469d-9e08-5ecdf9ba9687_512x512.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>Hello makers,<br><br><em>This is the last Serial Maker issue of 2020. I'm going to be taking some time off until the new year to focus on some personal projects.</em><br><br>Despite the adversity the world faced in 2020, there has been some amazing development on the maker front. It's easy to get carried away keeping up with the latest cool trends, but there are a few that are worth paying attention to, as they are true game-changers.<br><br>Let's dive into some current design and development trends.<br>&nbsp;</p><h2><strong>TLDR</strong></h2><ul><li><p><a href="https://www.figma.com/">Figma</a> for design, prototyping, and developer handoff</p></li><li><p><a href="https://tailwindcss.com/">Tailwind</a> for React component styling</p></li><li><p>A strong focus on Health &amp; Fitness</p></li></ul><h2><strong>Figma Figma Figma</strong></h2><p> When <a href="https://www.sketch.com/">Sketch</a> came onto the design scene, it turned the creative world upside-down. Here was a design tool that seemed to be tailor-made for digital UI. The most noticeable difference to me was the sheer speed. You could build enormous documents with screen after screen, and Sketch wouldn't even hiccup. Compare that to the behemoth Photoshop files we've dealt with in the past, and there was simply no going back.<br><br>Sketch integrates nicely into several workflows.<br><br>After designing in Sketch, you can automatically sync your designs to&nbsp;<a href="https://zeplin.io/">Zeplin</a>.&nbsp;This proved to be an excellent workflow to hand off designs for client approval, or to developers to start production. I've been on both sides of the developer handoff, and it's very smooth.<br><br>You can also sync your Sketch designs with <a href="https://www.invisionapp.com/">InVision</a>. From here, you can create interactive prototypes before actually pouring hours into programming everything.<br><br><strong>But now there's a new kid in town.</strong><br><br>This year, I had one client move from Sketch to <a href="https://www.figma.com/">Figma</a>. At first, I was skeptical, because Sketch was <em>just so good</em>. But Figma takes many of the elements that make Sketch so powerful and puts them into the browser and on the cloud. This is a giant leap. No more shuffling <strong>.sketch</strong> files around. Just like we're all used to collaborating on Google Drive, now we can design in the cloud. And whenever I find a shortcoming in Figma, there's usually a plugin that fills that gap. So the potential for Figma to cover all UI design needs is immense.<br><br>And developer handoff can happen right in Figma! You can add people to a project as read-only. This means you can set up elements for export without worrying about anyone making changes to a design. And with Figma, there's no more need for another tool to generate prototypes. Build and share prototypes right from your design files.<br><br>Recently, Sketch has been promoting <a href="https://sketch.cloud">Sketch Cloud</a>. It's still in its early stages, so I'm watching as it matures. There may be some design-tool wars in the near future. But for now, I'm very bullish on Figma and all its potential.<br><br><strong>Check out just how popular Figma is right now in this <a href="https://uxtools.co/survey-2020/">2020 Tools Survey Results</a> from Uxtools.co.</strong><br>&nbsp;</p><h2><strong>Tailwind</strong></h2><p><a href="https://tailwindcss.com/">Tailwind&nbsp;CSS</a> has come a long way. I was <a href="https://twitter.com/craigphares/status/1086958645127118848">super-skeptical</a> of its utility at first. But by discovering how easy it is to build a component-centric system using a framework like <a href="https://reactjs.org/">React</a>, I have seen the light. Layering utility styles onto components is very straightforward, and you can get really far with nicely styled elements right out of the box.<br><br>But the really impressive new development is their <a href="https://tailwindui.com/">Tailwind UI</a> system. These are beautifully designed, and polished UI components, built on Tailwind CSS. I see this as a whole new ecosystem, where developers can build and distribute Tailwind UI components &#8212; similar to Bootstrap. Just plug and play.<br><br><strong>See more CSS trends in <a href="https://2020.stateofcss.com/en-US/">The State of CSS 2020</a>.</strong><br>&nbsp;</p><h2><strong>Health</strong></h2><p> In the year of a pandemic, health has suddenly become top of mind. I see a number of trends heading towards health and fitness-centric themes.<br><br>The <a href="https://www.apple.com/watch/">Apple Watch</a> is now a health and fitness product. Sleep tracking, heart monitoring, emergency services, hand wash tracking, blood oxygen levels, and an ECG. All on your wrist.<br><br>Apple released <a href="https://www.apple.com/apple-fitness-plus/">Fitness+</a> this year. And with many people staying in their homes, having a service to help you get in shape from home is invaluable. Home gyms are now digital. Like biking? Get a <a href="https://www.onepeloton.com/">Peloton</a>. Rowing more your speed? Check out <a href="https://hydrow.com/">Hydrow</a>. And <a href="https://www.mirror.co/">Mirror</a> offers a digital fitness mirror for any workout.<br><br>I expect to see a lot more products and services moving towards health and fitness in the near future. It's worth giving some thought to how your product can fit this trend.<br>&nbsp;</p><h2><strong>Goodbye, 2020. I'll see you all in 2021!</strong></h2><p><br><em>Keep making, and thanks for reading!</em> &#128588;<br><br>Hit reply to tell me what you're making. I'm looking for anyone interested in talking about their own side-projects and maker journey, so speak up if you'd like to appear in <em>Serial Maker</em>. I'd also love to know what you thought of this issue, and what you want to hear about in the future. Check out the <a href="https://craigphares.com/newsletter">past editions</a> if you missed them, and don't forget to continue the conversation on <a href="https://discord.gg/tvWcbkS">Discord</a>!&nbsp;<br>&nbsp;</p><p>Until next week,<br>Craig &#128075;<br>&nbsp;</p>]]></content:encoded></item><item><title><![CDATA[HTML ❤️]]></title><description><![CDATA[I'm a big believer that learning HTML is the best way to begin your coding journey.]]></description><link>https://www.serialmaker.io/p/html</link><guid isPermaLink="false">https://www.serialmaker.io/p/html</guid><dc:creator><![CDATA[Craig Phares]]></dc:creator><pubDate>Fri, 11 Dec 2020 14:00:00 GMT</pubDate><enclosure url="https://substackcdn.com/image/fetch/$s_!P9BM!,w_256,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3a63cf1b-e044-469d-9e08-5ecdf9ba9687_512x512.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>Hello makers,<br><br>I'm a big believer that learning HTML is the best way to begin your coding journey. <a href="https://twitter.com/craigphares/status/1139741368060919808">I've been saying this for a while.</a><br><br>It doesn't matter what your end game is. Maybe you want to build apps, or become a back-end programmer, or even write A-list games. There's something so raw and immediate about HTML that nothing else comes close when you're starting out.<br><br>Here's why I love HTML.<br>&nbsp;</p><h2><strong>My 8-year-old is coding</strong></h2><p> My daughter started showing an interest in what I do for a living. So I finally sat her down and set her up to start learning how to code.<br><br><em>Oh, you mean you did a <a href="https://scratch.mit.edu/">Scratch</a> tutorial with her?</em><br><br>No. I showed her how to make a website.<br><br><em>Wait, she knows how to code in JavaScript?</em><br><br>Nope. She's building an HTML page. I briefly introduced her to header tags, paragraph tags, and list tags.<br><br>After about ten minutes of making headlines and lists, she asked how to add an image. Now she's familiar with <em>img</em> tags. Five minutes later, she wanted to know how to link to other websites. Now she's writing anchor tags without even pausing to think, and understands what an <em>HREF</em> is.<br><br>Most recently she's pushing me to teach her more. How can she build a page where her friends can comment? How does she deploy her work to the web so others can see it? She's learning by doing. Incrementally. Making something she's passionate about. The most effective way to learn.&nbsp;<br>&nbsp;</p><h2><strong>Is HTML even a programming language?</strong></h2><p><a href="https://stackoverflow.com/questions/145176/is-html-considered-a-programming-language">Stack Overflow says no.</a> Or yes. Or maybe kind of.<br><br><em>Who cares?</em><br><br>There are plenty of gatekeeping programmers that want to keep HTML out of the ranks of proper programming languages. But I could care less about the distinction. If you're building something for the web, HTML is where the rubber meets the road. And unless you're creating a monstrous canvas-only app, everything that people interact with on your site is made with HTML. (Even that canvas is an HTML tag.)<br><br><em>Oh, you're building a Next.js app backed by Mongoose with React components rendered on the server connected with GraphQL? Guess what that all ends up as? </em><br><br>That's right, HTML.<br>&nbsp;</p><h2><strong>Immediacy</strong></h2><p> This is the greatest factor in the effectiveness of HTML as a gateway programming language. You write something in a file, open that file in your browser, and see what you wrote. Make a change to your file, refresh the browser, and you can see what your change did immediately.<br><br>Cause and effect.<br><br>There's no transpiling required, no compiling to binary, no runtime errors. It's programming in its most raw form. Instructions that a computer can read, and the end result that people can use.<br>&nbsp;</p><h2><strong>Back to basics</strong></h2><p> In 2015,&nbsp;Maciej Ceg&#322;owski wrote a prescient article titled <em><a href="https://idlewords.com/talks/website_obesity.htm">The Website Obesity Crisis</a></em>. I highly recommend you read it, as his writing is endlessly entertaining. It's still relevant today, as websites get bloated with all sorts of complexity when most people just want something simple.<br><br>Here are a couple of gems pulled from that article:<br><br><em>The web pyramid as we observe it in the wild:</em></p><ul><li><p><em>A base layer of HTML</em></p></li><li><p><em>A huge pile of crap</em></p></li><li><p><em>On top of it all, a whole mess of surveillance scripts</em></p></li></ul><p><em>Complexity is like a bug light for smart people. We can't resist it, even though we know it's bad for us. This stuff is just so cool to work on.</em><br><br>And when <a href="https://www.freecodecamp.org/news/content/images/2020/08/frontend.png">this diagram</a> is what you're in for as a front-end web developer, you better not jump in mid-way downstream. Even that nightmarish infographic recommends starting with the basics. HTML. CSS. JavaScript. In that order.<br>&nbsp;</p><h2><strong>The hardest simplest thing</strong></h2><p> There's a real need today for web programmers that can harness HTML. Of course, this is really done with CSS, but what's CSS without HTML? Oh, you think <a href="https://news.ycombinator.com/item?id=19021719">CSS is trivial</a>?<br><br>The most difficult thing to do in web development (besides caching and naming things) is to make something look like its intended design. And maybe that's not vanilla HTML, but a React component with Tailwind CSS styles. Regardless, knowing how the HTML works when the browser inevitably presents that code to the user is priceless.<br><br>And in the end, that's what the world will see and use. HTML.<br><br><em>Keep making, and thanks for reading!</em> &#128588;<br><br>Hit reply to tell me what you're making. I'm looking for anyone interested in talking about their own side-projects and maker journey, so speak up if you'd like to appear in <em>Serial Maker</em>. I'd also love to know what you thought of this issue, and what you want to hear about in the future. Check out the <a href="https://craigphares.com/newsletter">past editions</a> if you missed them, and don't forget to continue the conversation on <a href="https://discord.gg/tvWcbkS">Discord</a>!&nbsp;<br>&nbsp;</p><p>Until next week,<br>Craig &#128075;<br>&nbsp;</p>]]></content:encoded></item><item><title><![CDATA[Giving Back 🤲]]></title><description><![CDATA[Giving Tuesday just passed, but that doesn't mean it's too late to contribute to a worthy cause this year.]]></description><link>https://www.serialmaker.io/p/giving-back</link><guid isPermaLink="false">https://www.serialmaker.io/p/giving-back</guid><dc:creator><![CDATA[Craig Phares]]></dc:creator><pubDate>Fri, 04 Dec 2020 15:00:00 GMT</pubDate><enclosure url="https://substackcdn.com/image/fetch/$s_!P9BM!,w_256,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3a63cf1b-e044-469d-9e08-5ecdf9ba9687_512x512.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>Hello makers,<br><br><strong>Giving Tuesday</strong> just passed, but that doesn't mean it's too late to contribute to a worthy cause this year.<br><br>As makers, we're very fortunate to be able to do the thing we love, in a time when technology and craftsmanship are in hot demand.<br><br>Here are some ways to give back this year, to help our underserved community have the opportunity to achieve their dreams.<br>&nbsp;</p><h2><strong><a href="https://donate.code.org/campaign/support-computer-science-education/c172233">Code.org</a></strong></h2><p> Computer Science education is foundational for the ever-growing technical world that we live in, however, CS is not currently taught in the majority of our schools. Code.org is a nonprofit dedicated to expanding access to computer science in schools and increasing participation by young women and students from other underrepresented groups. Their vision is that every student in every school has the opportunity to learn computer science as part of their core K-12 education.<br>&nbsp;</p><h2><strong><a href="https://www.freegeek.org/">Free Geek</a></strong></h2><p> 27% of Americans do not own a computer. And 1 out of 10 families do not have internet at home. This lack of access is sharply stratified along lines of income, race, age and education. Low-income families, immigrants, seniors and children are digitally under-connected, many with mobile-only internet access, which often isn&#8217;t enough. This problem is known as the &#8220;digital divide&#8221;: the gulf between those who have ready access to computers and the internet, and those who do not. Free Geek&#8217;s mission is to sustainably reuse technology, enable digital access, and provide education to create a community that empowers people to realize their potential.<br>&nbsp;</p><h2><strong><a href="https://geeksrule.org/donate/">Geeks Rule</a></strong></h2><p> Geeks Rule promotes the study of and engagement with science, technology, engineering and mathematics (STEM) among underserved youth.&nbsp;Their vision is to eliminate the racial, gender and socioeconomic gap in the STEM fields in order to meet the growing need of STEM professionals in the United States. Geeks Rule will help eliminate this gap through hands-on and mentoring programs in the major cities across the U.S.<br>&nbsp;</p><h2><strong>Other Ways to Give Back</strong></h2><p> You don't need to donate money to help others. If you have the privilege of being able to work in the digital maker space, you're miles ahead of a large portion of the world's population. There are lots of ways to help others with lesser opportunities.</p><ul><li><p>Donate your time</p></li><li><p>Buy artwork</p></li><li><p>Teach</p></li><li><p>Contribute to free open-source projects</p></li><li><p>Write</p></li><li><p>Build a tool for other makers</p></li><li><p>Mentor someone</p></li><li><p>Pay for software</p></li><li><p>Share your process and inspire others</p></li></ul><p><br><em>Keep making, and thanks for reading!</em> &#128588;<br><br>Hit reply to tell me what you're making. I'm looking for anyone interested in talking about their own side-projects and maker journey, so speak up if you'd like to appear in <em>Serial Maker</em>. I'd also love to know what you thought of this issue, and what you want to hear about in the future. Check out the <a href="https://craigphares.com/newsletter">past editions</a> if you missed them, and don't forget to continue the conversation on <a href="https://discord.gg/tvWcbkS">Discord</a>!&nbsp;<br>&nbsp;</p><p>Until next week,<br>Craig &#128075;<br>&nbsp;</p>]]></content:encoded></item><item><title><![CDATA[Designer to DevOps 🤓]]></title><description><![CDATA[At some point, I picked up a side-project that required a database, and suddenly I became a full-stack dev, although I wasn't aware of that term at the time.]]></description><link>https://www.serialmaker.io/p/designer-to-devops</link><guid isPermaLink="false">https://www.serialmaker.io/p/designer-to-devops</guid><dc:creator><![CDATA[Craig Phares]]></dc:creator><pubDate>Fri, 20 Nov 2020 15:00:00 GMT</pubDate><enclosure url="https://substackcdn.com/image/fetch/$s_!P9BM!,w_256,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3a63cf1b-e044-469d-9e08-5ecdf9ba9687_512x512.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>Hello makers,<br><br>I learned Photoshop long before I learned how to write HTML. I started my career as a designer, pushing pixels. While I was going to art school, I started writing front-end code. Still, the design was front-and-center, and the programming played a supporting role.<br><br>This past week, I provisioned a Ubuntu server with Rails, Redis, and PostgreSQL, deployed a Docker stack on Kubernetes with a Varnish cache, a Node.js express app, a Sidekiq job runner, and WebSockets. I'm currently sharding a production database to improve performance during major traffic spikes, using a read-only follower.<br><br>How did I get here? I just want to make stuff.<br>&nbsp;</p><h2><strong>The early days</strong></h2><p> Things were simpler when I started out in web development. Knowing the basics of web programming gave me an edge as a designer. Front-end development consisted of HTML, CSS, and vanilla JavaScript (sorry, no VBScript, Microsoft people). You write your code, test it locally, and fire up an FTP client to upload it to the server. FTP was the closest thing to DevOps for me at that time.<br><br>Eventually, the tech stack expanded a little. We started using Subversion for version control (long before Git existed). I fell in love with Flash and ActionScript. I began to think about what else I could do.<br><br>Since Flash was owned by Macromedia (before Adobe bought it), ColdFusion was being marketed heavily to the community. With ColdFusion, I could start building things with persistence. Now we're moving to the back-end. I learned about databases, SQL queries, and how to design an API. All in ColdFusion at first.<br><br>Then Flex was released, and suddenly everything was code. No more Flash timelines, and seamless integration with ColdFusion. Consuming web services, and drawing to the view <em>all in one place</em>. Using the languages I knew, ActionScript and ColdFusion.<br><br>At some point, I picked up a side-project that required a database, and suddenly I became a full-stack dev, although I wasn't aware of that term at the time.<br>&nbsp;</p><h2><strong>Languages</strong></h2><p> In my experience, once you've learned two distinct languages (spoken or programming), it's easier to learn a third, and a fourth, and so on. You start noticing universal rules, and everything comes down to syntax. So having learned JavaScript, and ActionScript, and ColdFusion, it wasn't a stretch to learn PHP, and later Ruby, and jQuery, and React.js.<br><br>So very quickly, languages stop being a barrier to learning. The front-end and the back-end have little to separate them.<br>&nbsp;</p><h2><strong>Incremental tech creep</strong></h2><p> It starts with a file. You need to set up a redirect on your WordPress site, and the best way to do it, in this case, is to modify the .htaccess file. Then you need to resize images in order to generate thumbnails, and you have to learn to install ImageMagick. You're already navigating Linux with terminal commands. Rebooting Apache. Checking if MySQL is running. Using Vim.<br><br>For me, I really had to dive into Linux-land when I provisioned my own virtual web server. Learning how Apache works, and how to install requirements, keeping the server up to date. We're not dabbling in DevOps anymore. Working on the server has become just another part of web development.<br>&nbsp;</p><h2><strong>The cloud</strong></h2><p> The cloud changed everything. <a href="https://www.heroku.com/">Heroku</a> was my introduction to infrastructure as a service.&nbsp;Instead of fumbling around with uploading files or custom deployment scripts, managing databases, and SSL certificates, the cloud did this for us.<br><br>My biggest side-project, Link My Photos runs on Heroku. When the app became popular, suddenly I was faced with legitimate DevOps challenges. I had to scale to meet demand. Learning about concurrency, caching, sharding, followers, and background job runners became routine. Extending some pieces of the app into AWS was essential. DevOps became the primary focus, and design is a distant memory.<br>&nbsp;</p><h2><strong>Getting back to the front</strong></h2><p> I'm not really interested in DevOps. I love learning about all the underlying technologies that power the internet, but I'd much rather make something cool. I'm interested in the parts where the user meets the app, and if everything else works, <em>great</em>!<br><br>But when you're a solopreneur, or a generalist, or a bootstrapper, it's not so easy to just do that one thing. And over time, you learn the full stack, almost by osmosis. Ask any React developer if all they need to know is JavaScript. Things aren't that simple anymore. Just getting React to run locally involves Node, Yarn, Babel, and a host of other technologies. And I haven't even mentioned CSS for React apps.<br><br>All this knowledge is priceless, but I find it's too easy to get lost in the intricacies of DevOps and forget about the rest. Fortunately, there are programmers out there looking to simplify. There's the no-code movement. <a href="https://www.netlify.com/">Netlify</a> makes hosting and deployment incredibly simple. And services like <a href="https://nextjs.org/">Next.js</a> offer full-stack React and Node environments with little responsibility on the developer.<br><br>Hopefully soon, those of us who want to focus on the front-end will have that option. Fingers crossed &#129310;<br><br><em>Keep making, and thanks for reading!</em> &#128588;<br><br>Hit reply to tell me what you're making. I'm looking for anyone interested in talking about their own side-projects and maker journey, so speak up if you'd like to appear in <em>Serial Maker</em>. I'd also love to know what you thought of this issue, and what you want to hear about in the future. Check out the <a href="https://craigphares.com/newsletter">past editions</a> if you missed them, and don't forget to continue the conversation on <a href="https://discord.gg/tvWcbkS">Discord</a>!&nbsp;<br>&nbsp;</p><p>Until next week,<br>Craig &#128075;<br>&nbsp;</p>]]></content:encoded></item><item><title><![CDATA[Meditation for Makers 🧘‍♀️]]></title><description><![CDATA[I started meditating because I typically find myself lost in thought. It's been this way for as long as I can remember.]]></description><link>https://www.serialmaker.io/p/meditation-for-makers</link><guid isPermaLink="false">https://www.serialmaker.io/p/meditation-for-makers</guid><dc:creator><![CDATA[Craig Phares]]></dc:creator><pubDate>Fri, 13 Nov 2020 15:00:00 GMT</pubDate><enclosure url="https://substackcdn.com/image/fetch/$s_!P9BM!,w_256,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3a63cf1b-e044-469d-9e08-5ecdf9ba9687_512x512.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>Hello makers,<br><br>I started meditating because I typically find myself lost in thought. It's been this way for as long as I can remember. I could be listening to someone in a conversation, but meanwhile, my mind is wandering away to think about the side-project I'd been toying with over the last few days, or worrying about that project that I need to get done tomorrow.<br><br>My friends used to call it <em>Phares-world</em>. Obviously, people noticed that I wasn't present. It's not healthy behavior.&nbsp;<br><br>I was exceedingly skeptical of meditation when I first decided to try it. It sounded too magical, like some hocus pocus can bestow superpowers just by sitting in a lotus position and chanting.<br><br>Now that I've been meditating almost daily for close to two years, I realize it's none of those things. It's not a silver bullet, but it is absolutely a useful tool. <em>Phares-world</em> is still a work in progress, but I'm much more present than I was two years ago.<br><br>I'm by no means an expert, but feel it may be helpful to know how I meditate, how I got here, and what it means to meditate as a maker.<br>&nbsp;</p><h2><strong>Guided meditation</strong></h2><p> I highly recommend some type of guided meditation to get started. I've been through almost all the free content on every meditation app in the market. <a href="https://www.headspace.com/">Headspace</a> is a good one to learn the basics.<br><br>There's a lot to understand about meditation, but the main things I needed to learn were:</p><ol><li><p>Just the act of sitting still for 5-20 minutes is enough</p></li><li><p>Focusing on your breathing is the&nbsp;easiest way to start out. Your mind will wander, and that's okay. Just acknowledge and bring it back to the breath.</p></li><li><p>There's no need to sit in a specific position, or to chant anything at all. You can sit in any comfortable position.</p></li><li><p>It's not a brainstorming session, but ideas will come to you. Just note them and go back to the breath.</p></li></ol><h2><strong>Finding time</strong></h2><p> I heard an insightful quote once, in reference to finding time to meditate every day:<br><br><em>You find time to shower every day.</em><br><br>It's our perception of time. It's the non-essential things that we don't have time for.&nbsp;If we consider meditation as something essential, like showering, we will find time for it every day.<br>&nbsp;</p><h2><strong>Consistency</strong></h2><p> Meditation doesn't work right away. You may not even feel like it's doing anything for a long, long time. For me, I didn't feel any different until about 2 weeks after starting out. Then I started to look forward to my meditation time. After meditating, I felt relaxed &#8212; less stressed, with a calm mind. Not sleepy &#8212; just rested.&nbsp;<br><br>I try to meditate first thing each morning. And I find I'm able to just come back to my breath at any point in the day whenever I feel my mind start to race, or I'm not present among the people around me.<br>&nbsp;</p><h2><strong>What works for me</strong></h2><p> This year, I started doing unguided meditation. I start a timer, sit for 20 minutes, and let my mind be, bringing it back to my breath, or no thoughts, as needed. Inevitably ideas crop up, but that's not the goal. The goal is to clear all that out of my head. To keep my subconscious calm. In the end, I feel I have more control over my own mind &#8212; which really can be a superpower.<br><br>I use <a href="https://insighttimer.com/">Insight Timer</a>, and set regular chimes to signal different points in the session. Here's what I'm doing currently:</p><ul><li><p>For the first 5 minutes,&nbsp;I focus on my breath, starting with 5 deep long breaths in through the nose, out through the mouth. This resets my brain to focus on one thing until it's able to let go.</p></li><li><p>For the next 10 minutes, I continue to be still. If thoughts crop up, I acknowledge and let them go, coming back to the breath if needed.</p></li><li><p>At minute 15, I let my mind wander completely. Anything that's been nagging at me throughout the session, anything I've been focused on lately - it's all on the table. I allow for one minute of this, and then at minute 16, it's back to stillness.</p></li><li><p>At minute 19, I start focusing on my surroundings. This helps to ease the transition back to the world around me, and at minute 20, I'll open my eyes for the end of the session.</p></li></ul><p> Generally, not much comes out of a meditation session for me, other than an overall feeling of calm. But every so often, I have a new idea or a solution to a problem emerge. Again, that's not the goal of these meditation sessions, but it's nice when it happens.<br><br>My own meditation practice is still a work in progress. I'm definitely closer to where I want to be in staying present. And it's helping to stay focused on the important work I'm doing as a maker, instead of the scatterbrained racing mind jumping from idea to idea.<br><br>If you meditate and have any tips to share I'd love to hear all about your experience. Or if you're just starting out and have any questions, reply and let's talk about it.<br><br><em>Keep making, and thanks for reading!</em> &#128588;<br><br>Hit reply to tell me what you're making. I'm looking for anyone interested in talking about their own side-projects and maker journey, so speak up if you'd like to appear in <em>Serial Maker</em>. I'd also love to know what you thought of this issue, and what you want to hear about in the future. Check out the <a href="https://craigphares.com/newsletter">past editions</a> if you missed them, and don't forget to continue the conversation on <a href="https://discord.gg/tvWcbkS">Discord</a>!&nbsp;<br>&nbsp;</p><p>Until next week,<br>Craig &#128075;<br>&nbsp;</p>]]></content:encoded></item><item><title><![CDATA[Short Stories 📕]]></title><description><![CDATA[Science fiction is a huge influence on everything I make, so although this may not be a maker-centric newsletter this week, it's a window into the things I think about in my work.]]></description><link>https://www.serialmaker.io/p/short-stories</link><guid isPermaLink="false">https://www.serialmaker.io/p/short-stories</guid><dc:creator><![CDATA[Craig Phares]]></dc:creator><pubDate>Fri, 06 Nov 2020 15:00:00 GMT</pubDate><enclosure url="https://substackcdn.com/image/fetch/$s_!P9BM!,w_256,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3a63cf1b-e044-469d-9e08-5ecdf9ba9687_512x512.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>Hello makers,<br><br>This week on Hacker News I stumbled upon an essay that absolutely mesmerized me. It's a long read, full of metaphors within metaphors, about Linux and Apple and Bill Gates, and Disney of all things, and when I reached the end I realized it was written by one of my favorite science fiction authors, Neal Stephenson. Of course, his name is also at the top of the page, but I missed that &#129318;&#8205;&#9794;&#65039;<br><br>Stephenson's essay also reminded me of another favorite short story of mine by Isaac Asimov. And so, this week, I'm going to share three essays/short stories by three of my favorite science fiction authors. See how this work continues to hold up, years after it was written.<br><br>Science fiction is a huge influence on everything I make, so although this may not be a maker-centric newsletter this week, it's a window into the things I think about in my work. I hope you enjoy these.<br>&nbsp;</p><h2><strong>In the Beginning was the Command Line</strong></h2><h4><strong>by Neal Stephenson</strong></h4><p><a href="http://cristal.inria.fr/~weis/info/commandline.html">http://cristal.inria.fr/~weis/info/commandline.html</a><br>I absolutely love how Stephenson takes twice as many words to get across a point than necessary. But he does so in stories and metaphors and humor that make it all worth reading. He wrote this essay in 1999, in the days before Mac OS X, when Microsoft ruled the PC market, and the internet was growing rapidly, mainly on Unix and Linux.<br><br><strong>Some of my favorite excerpts:</strong><br><br><em>The opening "splash screen" for Microsoft Word summed it up: you were treated to a picture of an expensive enamel pen lying across a couple of sheets of fancy-looking handmade writing paper. It was obviously a bid to make the software look classy, but it failed for me, because the pen was a ballpoint, and I'm a fountain pen man. If Apple had done it, they would've used a Mont Blanc fountain pen, or maybe a Chinese calligraphy brush.</em><br><br><em>What's hard, in hacking as in fiction, is not writing; it's deciding what to write.</em><br><br><em>Somewhere outside of and beyond our universe is an operating system, coded up over incalculable spans of time by some kind of hacker-demiurge. The cosmic operating system uses a command-line interface. It runs on something like a teletype, with lots of noise and heat; punched-out bits flutter down into its hopper like drifting stars.&nbsp;</em><br>&nbsp;</p><h2><strong>The Last Question</strong></h2><h4><strong>by Isaac Asimov</strong></h4><p><a href="https://www.multivax.com/last_question.html">https://www.multivax.com/last_question.html</a><br>This is Asimov's self-proclaimed favorite short story of his career. Written in 1956, it's a series of brief, loosely connected stories about a computer named Multivac. It's hard to talk about this short story without ruining the end, but let's just say it's worth reading to the last sentence. It covers centralization, entropy, and the future of the universe.<br><br><strong>Here's a taste:</strong></p><p><em>"So many stars, so many planets," sighed Jerrodine, busy with her own thoughts. "I suppose families will be going out to new planets forever, the way we are now."</em></p><p><em>"Not forever," said Jerrodd, with a smile. "It will all stop someday, but not for billions of years. Many billions. Even the stars run down, you know. Entropy must increase."</em><br>&nbsp;</p><h2><strong>Burning Chrome</strong></h2><h4><strong>by Willliam Gibson</strong></h4><p><a href="http://project.cyberpunk.ru/lib/burning_chrome/">http://project.cyberpunk.ru/lib/burning_chrome/</a><br>Gibson is far and away my favorite author. In <em>Burning Chrome</em>, he is setting the stage for his masterwork Sprawl series. The term <strong>"cyberspace"</strong> is coined for the first time, in reference to a "mass consensual hallucination" in computer networks. Gibson wrote Burning Chrome in 1982, pre-internet. It's the story of two freelance hackers who attempt to break into the system of a notorious cyber-criminal known as Chrome.<br><br><strong>Classic Gibson:</strong></p><p><em>Booze and Vasopressin are the ultimate in masochistic pharmacology; the juice makes you maudlin and the Vasopressin makes you remember, I mean really remember. Clinically they use the stuff to counter senile amnesia, but the street finds its own uses for things.</em><br>&nbsp;</p><p>That line, "the street finds its own uses for things," is now colloquially used to describe an unexpected use for any technology. It sums up Gibson's (and my) belief that hacking new technology to do something else is one of the most exciting things about the time we live in.<br><br><em>Keep making, and thanks for reading!</em> &#128588;<br><br>Hit reply to tell me what you're making. I'm looking for anyone interested in talking about their own side-projects and maker journey, so speak up if you'd like to appear in <em>Serial Maker</em>. I'd also love to know what you thought of this issue, and what you want to hear about in the future. Check out the <a href="https://craigphares.com/newsletter">past editions</a> if you missed them, and don't forget to continue the conversation on <a href="https://discord.gg/tvWcbkS">Discord</a>!&nbsp;<br>&nbsp;</p><p>Until next week,<br>Craig &#128075;<br>&nbsp;</p>]]></content:encoded></item><item><title><![CDATA[Cleanup Your Code 🧹]]></title><description><![CDATA[There are plenty of tools to help us write cleaner, prettier code. Let's take a look at how to clean up our code.]]></description><link>https://www.serialmaker.io/p/cleanup-your-code</link><guid isPermaLink="false">https://www.serialmaker.io/p/cleanup-your-code</guid><dc:creator><![CDATA[Craig Phares]]></dc:creator><pubDate>Fri, 30 Oct 2020 10:00:00 GMT</pubDate><enclosure url="https://substackcdn.com/image/fetch/$s_!P9BM!,w_256,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3a63cf1b-e044-469d-9e08-5ecdf9ba9687_512x512.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>Hello makers,<br><br>We&#8217;re all guilty of writing messy code. Sometimes, you just need to hack something together to make it work. Someday, someone is going to have to read your spaghetti code. It may even be future-you, years from now.<br><br><em>&#8220;<strong>It&#8217;s harder to read code than to write it.&#8221; &#8212; Joel Spolsky</strong></em><br><br>But not to worry, there are plenty of tools to help us write cleaner, prettier code. Let's take a look at how to clean up our code.<br>&nbsp;</p><h2><strong>Style Guides</strong></h2><p> Code style guides are an excellent starting point for how to structure your code. A style guide outlines virtually every decision for how to write code in a specific language. Decisions like tabs vs. spaces, semicolons or not, brackets on new lines, variable naming conventions, etc. Style guides are available for programming languages, and for specific frameworks. If you're coding something, there's likely a style guide for it.<br><br>Here are a few resources:<br>&nbsp;</p><h3><strong>Google Style Guides</strong></h3><p><a href="https://google.github.io/styleguide/">https://google.github.io/styleguide/</a><br>Google covers a wide range of programming languages, from <a href="https://google.github.io/styleguide/cppguide.html">C++</a> to <a href="https://google.github.io/styleguide/jsguide.html">JavaScript</a>, to <a href="https://google.github.io/styleguide/xmlstyle.html">XML</a>. Google manages enormous teams of programmers and huge codebases, so they're an excellent resource to emulate.<br>&nbsp;</p><h3><strong>Airbnb</strong></h3><p><a href="https://github.com/airbnb/javascript">https://github.com/airbnb/javascript</a><br>If you're interested specifically in JavaScript, Airbnb offers thorough style guides for all aspects of it. Including <a href="https://github.com/airbnb/javascript/tree/master/react">React</a>, <a href="https://github.com/airbnb/javascript/tree/master/css-in-javascript">CSS in JavaScript</a>, and <a href="https://github.com/airbnb/css">Sass</a>. They also have their own <a href="https://github.com/airbnb/ruby">Ruby</a> style guide, since Airbnb is built on Rails.<br>&nbsp;</p><h3><strong>Python</strong></h3><p><a href="https://www.python.org/dev/peps/pep-0008/">https://www.python.org/dev/peps/pep-0008/</a><br>Python has its own official code style guide. They even articulate why a style guide is important:&nbsp;<a href="https://www.python.org/dev/peps/pep-0008/#a-foolish-consistency-is-the-hobgoblin-of-little-minds">A Foolish Consistency is the Hobgoblin of Little Minds</a>.<br>&nbsp;</p><h3><strong>GitHub</strong></h3><p><a href="https://styleguide.github.com/">https://styleguide.github.com/</a><br>What better place to find a standard style guide than the largest code hosting platform in the world? They cover the languages they use to run GitHub, including <a href="https://styleguide.github.com/js/">JavaScript</a> and <a href="https://github.com/github/rubocop-github/blob/master/STYLEGUIDE.md">Ruby</a>.</p><h3><strong>&nbsp;</strong></h3><h2><strong>Linters</strong></h2><p> Okay, so now you've picked a style guide, and you're coding perfectly, right? Not quite. Linters are a way to enforce those rules automatically. A linter will display warnings where your code doesn't match your desired style guide, and can even correct those inconsistencies for you. Most linters will integrate right into your preferred code editor.<br><br>Here are some popular linters:<br>&nbsp;</p><h3><strong>ESLint</strong></h3><p><a href="https://eslint.org/">https://eslint.org/</a><br>One of the most popular JavaScript linters out there, ESLint will find and fix problems in your JavaScript code. Not only will it apply your recommended style guide to your code, but it will also look for issues like redeclaring constant variables, or referencing a variable that doesn't exist. And it integrates right into <a href="https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint">VSCode</a>.<br>&nbsp;</p><h3><strong>RuboCop</strong></h3><p><a href="https://github.com/rubocop-hq/rubocop">https://github.com/rubocop-hq/rubocop</a><br>RuboCop helps to enforce Ruby, Rails, Rspec, and Minitest style guides. Just install its gem as a development dependency, run <em>rubocop</em> in your Rails project directory, and watch the magic happen. And of course, here's the <a href="https://marketplace.visualstudio.com/items?itemName=misogi.ruby-rubocop">VSCode</a> extension.<br>&nbsp;</p><h3><strong>Prettier</strong></h3><p><a href="https://prettier.io/">https://prettier.io/</a><br>Prettier is a super-opinionated linter for JavaScript, HTML, CSS, GraphQL, and many other languages. If you're looking for one linter to rule them all, look no further. And it integrates with a wide range of editors, including <a href="https://github.com/prettier/prettier-vscode">VSCode</a>.<br>&nbsp;</p><h2><strong>What else?</strong></h2><p> There are lots more techniques you can use to keep your code clean. Once you have a code style and linter in place, you can further enforce these rules with continuous integration tools like <a href="https://travis-ci.org/">Travis CI</a>, <a href="https://circleci.com/">CircleCI</a>, or your own favorite CI service. <strong>And don't forget automated unit and integration tests. </strong>Having consistent, clean, standardized code will help your team (and your future self) to understand what your code does, and help prevent runtime errors due to sloppy programming.<br><br><em><strong>&#8220;Any fool can write code that a computer can understand. Good programmers write code that humans can understand.&#8221; &#8212; Martin Fowler</strong></em><br><br><em>Keep making, and thanks for reading!</em> &#128588;<br><br>Hit reply to tell me what you're making. I'm looking for anyone interested in talking about their own side-projects and maker journey, so speak up if you'd like to appear in <em>Serial Maker</em>. I'd also love to know what you thought of this issue, and what you want to hear about in the future. Check out the <a href="https://craigphares.com/newsletter">past editions</a> if you missed them, and don't forget to continue the conversation on <a href="https://discord.gg/tvWcbkS">Discord</a>!&nbsp;<br>&nbsp;</p><p>Until next week,<br>Craig &#128075;<br>&nbsp;</p>]]></content:encoded></item><item><title><![CDATA[Idea vs Execution 🥊]]></title><description><![CDATA[It's one thing to have an idea. It's an entirely different thing to execute it.]]></description><link>https://www.serialmaker.io/p/idea-vs-execution</link><guid isPermaLink="false">https://www.serialmaker.io/p/idea-vs-execution</guid><dc:creator><![CDATA[Craig Phares]]></dc:creator><pubDate>Fri, 23 Oct 2020 11:00:00 GMT</pubDate><enclosure url="https://substackcdn.com/image/fetch/$s_!P9BM!,w_256,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3a63cf1b-e044-469d-9e08-5ecdf9ba9687_512x512.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>Hello makers,<br><br>This week we review a brief case study in building and launching your idea quickly.<br><br>On Wednesday, Pieter Levels <a href="https://twitter.com/levelsio/status/1318890523743182851">announced</a> that he was going to build a product for restaurants to use QR codes for menus.<br><br>It's one thing to have an idea. <em>It's an entirely different thing to execute it.</em><br>&nbsp;</p><h2><strong>Let's take a look at how this played out.</strong></h2><p>If you've eaten out at a restaurant lately, you've likely seen QR codes for menus. This is to avoid having to touch a physical menu, and therefore avoid any Coronavirus germs that may be lingering on its surface.<br><br>While reading Pieter's Twitter thread, what stood out to me more than anything was the number of responses along the lines of, <em>"I had that idea too!" </em><br><br>Just read these replies.<br>&nbsp;</p><h3><strong>@DenisBosire</strong></h3><p> Can't believe this, just started working on this today &#128128;&#128128; ,was at a restaurant yesterday and got the idea to do this. Was going to be my weekend project.<br><a href="https://twitter.com/DenisBosire/status/1318892192925175808">https://twitter.com/DenisBosire/status/1318892192925175808</a><br>&nbsp;</p><h3><strong>@filipp_pl</strong></h3><p> I was building similar thing, but wanted to go first to restaurants and get feedback from them. What's your idea on getting traction in this field, since restaurant owners/managers are mostly living in offline world?<br><a href="https://twitter.com/filipp_pl/status/1318901336319135744">https://twitter.com/filipp_pl/status/1318901336319135744</a><br>&nbsp;</p><h3><strong>@randomor</strong></h3><p> Congrats! Great MVP. I&#8217;ve been parking this for almost two years now. I&#8217;ve had this idea since going back to China 2018 and seeing it everywhere and it stuck with me. The countdown on the page now actually counts up now... &#128514;&#129318;&#8205;&#9794;&#65039;<br><a href="https://twitter.com/randomor/status/1318919459541798917">https://twitter.com/randomor/status/1318919459541798917</a><br>&nbsp;</p><h3><strong>@ryanseanbadger</strong></h3><p> Was going to build this a few weeks back, with aim to add in ordering via the menu too, QR code would include table nunber so staff knew who order was for, then add payments via it to escape dirty cash. As usual, I couldn&#8217;t be bothered. &#128579;<br><a href="https://twitter.com/ryanseanbadger/status/1318903679034957831">https://twitter.com/ryanseanbadger/status/1318903679034957831</a><br>&nbsp;</p><h3><strong>@parkeragee</strong></h3><p> I created something similar the other day https://covidmenusonline.com. It is still in test mode, so you can create an account and check it out. It just needs a drag and drop menu builder to be complete.<br><a href="https://twitter.com/parkeragee/status/1318896242332676096">https://twitter.com/parkeragee/status/1318896242332676096</a><br>&nbsp;</p><h3><strong>@AxelVaindal</strong></h3><p> Had the same idea a while back, we worked a bit in this but struggled to make the restaurant/bar adopt the idea &#129300;<br><br>I'm really curious about how you'll ship this to customer not really fond of technology, this is a great case study &#128522;<br><a href="https://twitter.com/AxelVaindal/status/1318906488237293569">https://twitter.com/AxelVaindal/status/1318906488237293569</a><br><br><br>And on, and on. You can scroll down to see maker after maker talking about how they had that idea, were planning on building it, etc., etc.<br><br>So how was Pieter able to build this and get it out to the public so quickly? Why did his work? Quite simply, because he kept it simple. A few pointers:</p><ul><li><p>The <a href="https://twitter.com/levelsio/status/1318895109824536582">market was validated</a> with plenty of competition, but Pieter went after a specific, simpler, better execution</p></li><li><p>He built in public and immediately launched on <a href="https://www.producthunt.com/posts/qr-menu-creator">ProductHunt</a></p></li><li><p>He used the technology he was familiar with, mainly <a href="https://twitter.com/levelsio/status/1318901214122225666">PHP</a> and <a href="https://twitter.com/levelsio/status/1318904064336400384">jQuery</a></p></li><li><p>He launched with an MVP, knowing he could monetize and <a href="https://twitter.com/levelsio/status/1319327534958497796">market to customers</a> later</p></li></ul><p> So the next time you have a great idea, <em>execute it</em>! Before someone else like Pieter pulls it off.<br><br><em>Keep making, and thanks for reading!</em> &#128588;<br><br>Hit reply to tell me what you're making. I'm looking for anyone interested in talking about their own side-projects and maker journey, so speak up if you'd like to appear in <em>Serial Maker</em>. I'd also love to know what you thought of this issue, and what you want to hear about in the future. Check out the <a href="https://craigphares.com/newsletter">past editions</a> if you missed them, and don't forget to continue the conversation on <a href="https://discord.gg/tvWcbkS">Discord</a>!&nbsp;<br>&nbsp;</p><p>Until next week,<br>Craig &#128075;<br>&nbsp;</p>]]></content:encoded></item><item><title><![CDATA[Silly Maker 😂]]></title><description><![CDATA[Making doesn't have to be so serious. Here are some makers building things just for the fun of it.]]></description><link>https://www.serialmaker.io/p/silly-maker</link><guid isPermaLink="false">https://www.serialmaker.io/p/silly-maker</guid><dc:creator><![CDATA[Craig Phares]]></dc:creator><pubDate>Fri, 16 Oct 2020 11:00:00 GMT</pubDate><enclosure url="https://substackcdn.com/image/fetch/$s_!P9BM!,w_256,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3a63cf1b-e044-469d-9e08-5ecdf9ba9687_512x512.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>Hello makers,<br><br>Making doesn't have to be so serious. Here are some makers building things just for the fun of it.<br><br>Let's get silly.<br>&nbsp;</p><h2><strong>Simone Giertz</strong></h2><p><a href="https://www.youtube.com/c/simonegiertz">https://www.youtube.com/c/simonegiertz</a><br>The self-proclaimed "Queen of Shitty Robots" builds robots and all sorts of engineering feats.&nbsp;<br><br><strong>Some of my favorites:</strong></p><ul><li><p><a href="https://youtu.be/E2evC2xTNWg">The Breakfast Machine</a></p></li><li><p><a href="https://youtu.be/2u8E-4YVANU">Chopping Machine</a></p></li><li><p><a href="https://youtu.be/R35gWBtLCYg">TRUCKLA</a></p></li></ul><h2><strong>Jan Hakon Erichsen</strong></h2><p><a href="https://www.instagram.com/janerichsen/">https://www.instagram.com/janerichsen/</a><br>Erichsen loves destroying fruit and balloons with sharp objects. And his face. Seeing his posts in my timeline always brightens my day. Don't try this at home!<br><br><strong>Some of my favorites:</strong></p><ul><li><p><a href="https://www.instagram.com/p/Bvj6dVgIAfz/">Flower Thief</a></p></li><li><p><a href="https://www.instagram.com/p/CDwDdtqlDJ7/">Taco Smash Machine</a></p></li><li><p><a href="https://www.instagram.com/p/CFO-F9tFJIK/">Spaghetti Swirl</a></p></li></ul><h2><strong>Matty Benedetto</strong></h2><p><a href="https://www.instagram.com/mattybenedetto/">https://www.instagram.com/mattybenedetto/</a><br>Benedetto is the maker behind <a href="https://www.instagram.com/unnecessaryinventions/">Unnecessary Inventions</a>. He designs and creates "fake products that solve non-existent problems." I'm laughing just thinking about some of these.<br><br><strong>Some of my favorites:</strong></p><ul><li><p><a href="https://www.instagram.com/p/CDt0AswF_iN/">The Commuter Cup Carrier&#8482;</a></p></li><li><p><a href="https://www.instagram.com/p/CCbdNzjl-Zv/">Farmer-B-Gone&#8482;</a></p></li><li><p><a href="https://www.instagram.com/p/CCJXMJRlIed/">The Coro-neck&#8482;</a></p></li></ul><h2><strong>MSCHF</strong></h2><p><a href="https://mschf.xyz/">https://mschf.xyz/</a><br>Every other Monday, MSCHF drops a new product. <a href="https://apps.apple.com/us/app/mschf/id1500457154">They even have an app</a> so you can get notified of secret drops. Super-creative stuff, and some are legitimate products! Still silly.<br><br><strong>Some of my favorites:</strong></p><ul><li><p><a href="https://thisfootdoesnotexist.com/">This Foot Does Not Exist</a></p></li><li><p><a href="https://theofficeslack.com/">The Office (Slack)</a></p></li><li><p><a href="https://alexagate.com/">Alexagate</a></p></li></ul><p><br><br><em>Keep making, and thanks for reading!</em> &#128588;<br><br>Hit reply to tell me what you're making. I'm looking for anyone interested in talking about their own side-projects and maker journey, so speak up if you'd like to appear in <em>Serial Maker</em>. I'd also love to know what you thought of this issue, and what you want to hear about in the future. Check out the <a href="https://craigphares.com/newsletter">past editions</a> if you missed them, and don't forget to continue the conversation on <a href="https://discord.gg/tvWcbkS">Discord</a>!&nbsp;<br>&nbsp;</p><p>Until next week,<br>Craig &#128075;<br>&nbsp;</p>]]></content:encoded></item><item><title><![CDATA[View Source 🧐]]></title><description><![CDATA[This week, I'm sharing some of my favorite source code repositories, where anyone can View Source.]]></description><link>https://www.serialmaker.io/p/view-source</link><guid isPermaLink="false">https://www.serialmaker.io/p/view-source</guid><dc:creator><![CDATA[Craig Phares]]></dc:creator><pubDate>Fri, 09 Oct 2020 10:00:00 GMT</pubDate><enclosure url="https://substackcdn.com/image/fetch/$s_!P9BM!,w_256,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3a63cf1b-e044-469d-9e08-5ecdf9ba9687_512x512.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>Hello makers,<br><br>When I started programming, there was no GitHub. There was no world wide web. There was virtually no example source code to look through and reverse engineer.<br><br>Then came the internet, and web browsers, and the ability to <em>View Source</em>. Suddenly, I could look behind the scenes at something I thought was cool, and see how it was made.<br><br>That worked for a while. Then front-end tooling for the web became so prevalent that viewing a site's source was meaningless. Most code has been minimized and obfuscated beyond recognition. But at the same time, we now have an entire ecosystem of open source code available to anyone on GitHub.<br><br>This week, I'm sharing some of my favorite source code repositories, where anyone can <em>View Source</em>.</p><h2><strong>DOOM</strong></h2><p><a href="https://github.com/id-Software/DOOM">https://github.com/id-Software/DOOM</a><br>You may have noticed that anytime new hardware is available, someone ports the classic FPS game DOOM to it. See <a href="https://itrunsdoom.tumblr.com/">It Runs Doom!</a>&nbsp;It even runs on a toaster. The source code is built in C, and it's a masterclass in-game mechanics and resource optimization from the mind of <a href="https://twitter.com/ID_AA_Carmack">John Carmack</a>. It's also <em>a lot</em> of messy code by today's standards, but it's a testament to the genius it took to actually pull this off in 1993.<br>&nbsp;</p><h2><strong>Kickstarter</strong></h2><p><strong>iOS:</strong>&nbsp;<a href="https://github.com/kickstarter/ios-oss">https://github.com/kickstarter/ios-oss</a><br><strong>Android:</strong>&nbsp;<a href="https://github.com/kickstarter/android-oss">https://github.com/kickstarter/android-oss</a><br>Kickstarter open-sourced their mobile app codebases, and it's built completely around <a href="https://en.wikipedia.org/wiki/Reactive_programming">reactive programming</a>. When I first set out to learn reactive programming, these were invaluable references for how to structure an app. Today, all of my mobile apps are based on the core principles of these repositories.<br>&nbsp;</p><h2><strong>TensorFlow</strong></h2><p><a href="https://github.com/tensorflow/tensorflow">https://github.com/tensorflow/tensorflow</a><br>TensorFlow is a platform for machine learning, originally built by the Google Brain team. It's built in Python and C++, and is a painstakingly well-organized codebase. Have a look behind the scenes of what some of the best of the best can do with code.<br>&nbsp;</p><h2><strong>Bootstrap</strong></h2><p><a href="https://github.com/twbs/bootstrap">https://github.com/twbs/bootstrap</a><br>The most popular front-end web toolkit, Bootstrap set the bar for modular HTML/CSS components. When starting out on a new web project, the way I structure my CSS is highly influenced by the methodology in Bootstrap. Splitting Sass files into core, typography, layouts, and UI elements make for clean, easy to understand code.<br>&nbsp;</p><h2><strong>three.js</strong></h2><p><a href="https://github.com/mrdoob/three.js">https://github.com/mrdoob/three.js</a><br>Back in the Flash days, I once built a 3D engine from scratch. It didn't do much (no shaders, no physics, etc.). But it could plot elements in a three-dimensional space, and render interactive wireframes. Today, we have three.js, and plenty of libraries built on top of it like <a href="https://aframe.io/">A-Frame</a>. The codebase is well organized and easy to dive right in. It covers a lot of technology under the hood, like WebGL, Canvas 2D, and CSS3D. The <a href="https://github.com/mrdoob/three.js/tree/dev/src/math">math</a> module alone is enough to satisfy your left brain appetite.&nbsp;<br>&nbsp;</p><h2><strong>What did I miss?</strong></h2><p> Are there any code repositories you find interesting? Reply and let me know so I can <em>View Source</em>!<br><br><em>Keep making, and thanks for reading!</em> &#128588;<br><br>Hit reply to tell me what you're making. I'm looking for anyone interested in talking about their own side-projects and maker journey, so speak up if you'd like to appear in <em>Serial Maker</em>. I'd also love to know what you thought of this issue, and what you want to hear about in the future. Check out the <a href="https://craigphares.com/newsletter">past editions</a> if you missed them, and don't forget to continue the conversation on <a href="https://discord.gg/tvWcbkS">Discord</a>!&nbsp;<br>&nbsp;</p><p>Until next week,<br>Craig &#128075;<br>&nbsp;</p>]]></content:encoded></item><item><title><![CDATA[Snailscaling 🐌]]></title><description><![CDATA[When bootstrapping your new venture, scaling slow can often be the ideal way to grow your product. Snailscaling is the art of scaling mindfully &#8212; when you absolutely need to.]]></description><link>https://www.serialmaker.io/p/snailscaling</link><guid isPermaLink="false">https://www.serialmaker.io/p/snailscaling</guid><dc:creator><![CDATA[Craig Phares]]></dc:creator><pubDate>Fri, 02 Oct 2020 09:00:00 GMT</pubDate><enclosure url="https://substackcdn.com/image/fetch/$s_!P9BM!,w_256,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3a63cf1b-e044-469d-9e08-5ecdf9ba9687_512x512.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>Hello makers,<br><br>When bootstrapping your new venture, scaling slow can often be the ideal way to grow your product. <em>Snailscaling</em> is the art of scaling mindfully &#8212; when you absolutely need to.</p><h2><strong>Blitzscaling</strong></h2><p> Reid Hoffman, of Greylock Partners and the co-founder of LinkedIn, is an avid component of rapidly scaling companies, prioritizing speed over efficiency in order to massively grow in value as quickly as possible. Typically, this comes with an infusion of cash in the form of venture capital, with the idea of leaping way ahead of any competition, even before it exists.<br><br><a href="https://www.amazon.com/gp/product/1524761419">He wrote a book about it.</a><br><br>This is great when you're backed with enough VC money to burn through your runway at will.<br><br>But what if you're a bootstrapper? How can you scale without that level of support?<br>&nbsp;</p><h2><strong>Preemptive Scaleability</strong></h2><p> Too often I see technical solopreneurs belaboring over scalability. <em>Let's make sure we build this using micro-services, in the cloud, and we need to be prepared for a huge surge when we launch! </em><br><br>Scaling for zero customers is still zero. Scaleability should not be your primary concern when building a product. Focus on the product itself. And the customer.<br>&nbsp;</p><h2><strong>Snailscaling</strong></h2><p> Scaling slowly is more manageable for the bootstrapper. Instead of focusing on infrastructure, you can pay attention to customer feedback. Here are some things I've learned to snailcscale:<br>&nbsp;</p><h3><strong>Customer Communication</strong></h3><p> In your early stages, you don't need the latest Customer Relationship Management software to manage your customers. Talk to them directly. Compose one-off emails. Be available. When it gets to the point that this is unmanageable, that's the time to invest in some CRM.<br>&nbsp;</p><h3><strong>Automation</strong></h3><p> Along the same lines, doing things manually at first is a great way to get a direct handle on your scaling needs. If you find that you're constantly repeating some task, to the point where it's taking up too much of your time, it's time to automate it. I like to apply this to customer requests. Listen to customers, and handle requests on a needs basis at first. But when 10 customers ask for that same thing, maybe it's time to build that into the product.<br>&nbsp;</p><h3><strong>Overhead Costs</strong></h3><p> Don't jump the gun and prep for an enormous server. Just get it up there, and make sure your costs are covered. When I launched <a href="https://linkmy.photos">Link My Photos</a>, I had one customer paying $10/month, and my server costs were $7/month. The infrastructure has <em><strong>never</strong></em> exceeded the revenue.<br>&nbsp;</p><h3><strong>Refactor</strong></h3><p> Refactoring is a part of product development. You don't need to prepare for every possible scenario before it happens. That's impossible! Accept the fact that at some point, if you're lucky, you'll need to optimize. But don't waste time optimizing what may never be used. Do it when it's absolutely necessary.<br>&nbsp;</p><h2><strong>A Parting Link My Photos Anecdote</strong></h2><p> After 2 years or so, Link My Photos was extremely profitable for the amount of effort involved. Then one day, during Comic-Con, a ridiculously popular customer signed up and basically brought the app to a screeching halt. When they would post a new photo, tens of thousands of their followers would instantly visit Link My Photos to check the link, overloading our server infrastructure. I had not prepared for this.<br><br>After seeking some advice from some tech-savvy friends, I managed to re-architect the cloud server to take make these huge surges manageable. But with that new architecture came more cost. In one swift moment, Link My Photos profits were cut by over half. That hurt.<br><br>But it could have been worse. If I had constructed this infrastructure earlier in preparation for that type of usage, the app would not have been profitable for all those years leading up to this. When you're bootstrapping, you look forward to these moments of panic. You can move quickly and decisively when the time calls for it.<br><br>Don't overstretch yourself by rushing ahead to get there. Grow sustainably. <strong>That's how you snailscale.</strong><br><br><em>Keep making, and thanks for reading!</em> &#128588;<br><br>Hit reply to tell me what you're making. I'm looking for anyone interested in talking about their own side-projects and maker journey, so speak up if you'd like to appear in <em>Serial Maker</em>. I'd also love to know what you thought of this issue, and what you want to hear about in the future. Check out the <a href="https://craigphares.com/newsletter">past editions</a> if you missed them, and don't forget to continue the conversation on <a href="https://discord.gg/tvWcbkS">Discord</a>!&nbsp;<br>&nbsp;</p><p>Until next week,<br>Craig &#128075;<br>&nbsp;</p>]]></content:encoded></item><item><title><![CDATA[Adding Constraints ❎]]></title><description><![CDATA[Although it may seem counter-intuitive, adding constraints to your work can sometimes push it to the next level.]]></description><link>https://www.serialmaker.io/p/adding-constraints</link><guid isPermaLink="false">https://www.serialmaker.io/p/adding-constraints</guid><dc:creator><![CDATA[Craig Phares]]></dc:creator><pubDate>Fri, 25 Sep 2020 18:00:00 GMT</pubDate><enclosure url="https://substackcdn.com/image/fetch/$s_!P9BM!,w_256,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3a63cf1b-e044-469d-9e08-5ecdf9ba9687_512x512.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>Hello makers,<br><br>Although it may seem counter-intuitive, adding constraints to your work can sometimes push it to the next level.</p><h2><strong>Constraints by example</strong></h2><p>What better way to explain how constraints can elevate your work than to take a look at some projects and makers that have done this exceptionally well.<br>&nbsp;</p><h2><strong>Road Runner vs. Wile E. Coyote</strong></h2><p>Chuck Jones established 9 rules for all the Road Runner and Wile E. Coyote interactions. These are as follows:</p><ol><li><p>The Road Runner cannot harm the coyote except by going &#8220;Beep-Beep.&#8221;</p></li><li><p>No outside force can harm the coyote &#8211; only his own ineptitude or the failure of the ACME products.</p></li><li><p>The coyote could stop anytime &#8211; If he were not a fanatic.</p></li><li><p>No dialogue ever, except &#8220;Beep-Beep!&#8221;</p></li><li><p>The Road Runner must stay on the road.</p></li><li><p>All action must be confined to the natural environment of the two characters.</p></li><li><p>All materials, tools, weapons, or mechanical conveniences must be obtained from the ACME corporation.</p></li><li><p>Whenever possible, make gravity the coyote&#8217;s greatest enemy.</p></li><li><p>The coyote is always more humiliated than harmed by his failures.</p></li></ol><p> The Road Runner and the Coyote's relationship is simple, and it's this simplicity, these rules or constraints, that make their interactions so hilarious.<br>&nbsp;</p><h2><strong>Diana Smith</strong></h2><p>Diana Smith is a web developer and artist who creates detailed portraits and artwork using only CSS. Here, the medium itself is the constraint. Check out some of her artwork:</p><ul><li><p><a href="https://diana-adrianne.com/purecss-gaze/">https://diana-adrianne.com/purecss-gaze/</a></p></li><li><p><a href="https://diana-adrianne.com/purecss-lace/">https://diana-adrianne.com/purecss-lace/</a></p></li><li><p><a href="https://diana-adrianne.com/purecss-pink/">https://diana-adrianne.com/purecss-pink/</a></p></li><li><p><a href="https://diana-adrianne.com/purecss-zigario/">https://diana-adrianne.com/purecss-zigario/</a></p></li><li><p><a href="https://diana-adrianne.com/purecss-francine/">https://diana-adrianne.com/purecss-francine/</a></p></li></ul><h2><strong>Picasso's Blue Period</strong></h2><p>Between 1901 and 1904, Pablo Picasso painted exclusively monochromatic paintings in shades of blue. These turned out to be some of his most popular works. The subject matter is somber, often depicting beggars, prostitutes, and drunks, and are inspired by the suicide death of his friend in 1901. By limiting both his color palette and content, Picasso produced a cohesive, iconic body of work that stands the test of time.<br>&nbsp;</p><h2><strong>Twitter</strong></h2><p>When Twitter launched in 2006, its creators placed a limit of 140 characters on each tweet. This constraint was born of necessity since the original concept needed to work with SMS messaging, which had severe limits on data length. But the character constraint proved the defining characteristic of tweeting, producing bite-size pieces of content in a feed format, and has resulted in a unique medium for writing and consuming content. Although this character limit has been expanded to 280 characters, the constraint continues to be the most important aspect of the Twitter platform.<br>&nbsp;</p><h2><strong>Thinking about constraints</strong></h2><p>The next time you're brainstorming a project, take a moment to consider what constraints could be applied to your work. By adding constraints, you may just discover the secret sauce that elevates the end result to something greater.<br><br><em>Keep making, and thanks for reading!</em> &#128588;<br><br>Hit reply to tell me what you're making. I'm looking for anyone interested in talking about their own side-projects and maker journey, so speak up if you'd like to appear in <em>Serial Maker</em>. I'd also love to know what you thought of this issue, and what you want to hear about in the future. Check out the <a href="https://craigphares.com/newsletter">past editions</a> if you missed them, and don't forget to continue the conversation on <a href="https://discord.gg/tvWcbkS">Discord</a>!&nbsp;<br>&nbsp;</p><p>Until next week,<br>Craig &#128075;<br>&nbsp;</p>]]></content:encoded></item><item><title><![CDATA[One Year In 🥳]]></title><description><![CDATA[Serial Maker is now one year old! Woohoo! When I started this weekly newsletter, I committed myself to get to year one.]]></description><link>https://www.serialmaker.io/p/one-year-in</link><guid isPermaLink="false">https://www.serialmaker.io/p/one-year-in</guid><dc:creator><![CDATA[Craig Phares]]></dc:creator><pubDate>Fri, 18 Sep 2020 11:00:00 GMT</pubDate><enclosure url="https://substackcdn.com/image/fetch/$s_!P9BM!,w_256,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3a63cf1b-e044-469d-9e08-5ecdf9ba9687_512x512.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>Hello makers,<br><br>Serial Maker is now one year old! Woohoo! When I started this weekly newsletter, I committed myself to get to year one. Now we're here, and I'm looking back at what it took to get to this point, and the lessons learned along the way.<br><br><strong>This week we look at what it's like to write a weekly newsletter.</strong></p><h2><strong>Getting into a routine</strong></h2><p>It took about two months before writing felt like routine, rather than something new to learn. After two months, preparing the weekly newsletter was just an expected task to do, like taking out the weekly recycling or going to the gym. Having the newsletter on a Friday is nice, because I start thinking about what to write on Monday, and usually by Thursday I have a good idea of what the newsletter will be.<br>&nbsp;</p><h2><strong>Forever a procrastinator</strong></h2><p>Along those lines, I've reconfirmed my serial tendency to be a procrastinator. As I write this, it's Friday morning. I've long ago come to terms with the fact that if I don't have a deadline, that thing will likely never get done. And if I do have a deadline, I'll most likely wait until the absolute last minute to meet it.<br>&nbsp;</p><h2><strong>Replies are the best</strong></h2><p>My absolute favorite thing about this newsletter is hearing from people who read it. It's fun to read replies to some of the things I write about, and I've had some interesting back and forth conversations on past issues. Keep those replies coming!<br>&nbsp;</p><h2><strong>Generating ideas</strong></h2><p>When I started writing Serial Maker, I wasn't sure if I'd be able to come up with a topic each week. But so far, I haven't even come close to running out of ideas. I have a backlog of things I'd like to cover, and somehow, each week I've been able to come up with something.<br>&nbsp;</p><h2><strong>Growing subscribers</strong></h2><p>Not surprisingly, tweeting about each week's newsletter to my small number of Twitter followers generates zero new subscribers. This was expected, but it is still interesting to see. People aren't going to subscribe to something based on a tweet, and at this point, anyone who actually reads my tweets already knows about the newsletter. However, after writing a blog post, I typically see an immediate bump in subscribers. This might just be the ideal scenario anyway. If someone likes what you're writing, they'd be more likely to want to read more.&nbsp;<br>&nbsp;</p><h2><strong>Thank you</strong></h2><p>I can't thank you enough for reading and engaging with Serial Maker. I hope you're getting something useful out of my wide, random, range of topics. Knowing that there's an audience for my thoughts keeps me motivated, so thank you for reading and supporting this effort!<br>&nbsp;</p><h2><strong>Going forward</strong></h2><p>Fortunately, I still enjoy writing this newsletter. At times, it can feel like a chore, especially when I have a million other things that need to get done. But most weeks I genuinely look forward to writing something. So until the day comes where I feel like it's not fun to write each week, I'll be writing Serial Maker &#128512;. I'm also planning on repurposing some of the evergreen content into blog posts, and I can't wait to revisit some of these past emails.<br><br><em>Keep making, and thanks for reading!</em> &#128588;<br><br>Hit reply to tell me what you're making. I'm looking for anyone interested in talking about their own side-projects and maker journey, so speak up if you'd like to appear in <em>Serial Maker</em>. I'd also love to know what you thought of this issue, and what you want to hear about in the future. Check out the <a href="https://craigphares.com/newsletter">past editions</a> if you missed them, and don't forget to continue the conversation on <a href="https://discord.gg/tvWcbkS">Discord</a>!&nbsp;<br>&nbsp;</p><p>Until next week,<br>Craig &#128075;<br>&nbsp;</p>]]></content:encoded></item><item><title><![CDATA[90s Nostalgia 💖]]></title><description><![CDATA[This week we look at the resurgence of the totally radical 90s design style.]]></description><link>https://www.serialmaker.io/p/90s-nostalgia</link><guid isPermaLink="false">https://www.serialmaker.io/p/90s-nostalgia</guid><dc:creator><![CDATA[Craig Phares]]></dc:creator><pubDate>Fri, 11 Sep 2020 11:00:00 GMT</pubDate><enclosure url="https://substackcdn.com/image/fetch/$s_!P9BM!,w_256,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3a63cf1b-e044-469d-9e08-5ecdf9ba9687_512x512.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>Hello makers,<br><br>Poolside FM just launched their <a href="https://apps.apple.com/gb/app/poolside-fm/id1514817810#?platform=iphone">summer music player for the iPhone</a>, and it's totally rad. It got me thinking about the 90s aesthetic and how much I loved designing user interfaces back in the day. When iOS 7 emerged, skeuomorphism suddenly became stale, and flat design became trendy. But like all trends, someday we'll look back on flat design and feel it looks dated. So let's sit back and reminisce about the days of pixel art and the ultra-detailed UIs of the 90s.<br><br><strong>This week we look at the resurgence of the totally radical 90s design style.</strong></p><h3><strong><a href="https://poolside.fm/">Poolside FM</a></strong></h3><p><em>This is so much fun.</em> Who needs Spotify when you have some chill 90s tunes, brought to you by a gnarly retro interface? There's TV, chat, mixtapes, and a guestbook to keep you vibing. I can only imagine how much of a joy this must have been to build.<br>&nbsp;</p><h3><strong><a href="https://skins.webamp.org/">Winamp Skin Museum</a></strong></h3><p>Before there was streaming music, but after the glory days of mixtapes, you had to download your songs to your computer via Napster or rip them from your awesome CD collection into MP3 format. Winamp was hands-down the best MP3 player ever, and anyone could design a Winamp UI. The Winamp Skin Museum showcases the creativity and attention to detail that went into some of the greatest Winamp skins ever made.<br>&nbsp;</p><h3><strong><a href="https://www.instagram.com/probzzzz/">Paul Robertson</a></strong></h3><p>Quite possibly the greatest pixel artist I've ever seen, Paul Robertson's pixel art and animations have been featured in mainstream movies and television shows like <em>Scott Pilgrim vs. The World</em>, <em>Rick and Morty</em>, and <em>The Simpsons</em>. You can buy his art prints on his <a href="https://www.inprnt.com/gallery/paulrobertson/">INPRNT store</a>.<br>&nbsp;</p><h3><strong><a href="https://jdan.github.io/98.css/">98.css</a></strong></h3><p>Tired of your shiny new material design interface? Return your web design back to simpler days with the 98.css design system. The only thing that's missing is the <em>blue screen of death</em>, which would make perfect sense for your error pages.<br>&nbsp;</p><h3><strong><a href="https://www.dosbox.com/">DOSBox</a></strong></h3><p>Relive the golden age of 90s video games with DOSBox, an x86 emulator with DOS. Even though Doom has been ported to virtually every OS since, it's still nice to play the influential first-person shooter in its original habitat. And let your nostalgia go wild with some of the greatest classic adventure and strategy games of all time.<br><br><em>Keep making, and thanks for reading!</em> &#128588;<br><br>Hit reply to tell me what you're making. I'm looking for anyone interested in talking about their own side-projects and maker journey, so speak up if you'd like to appear in <em>Serial Maker</em>. I'd also love to know what you thought of this issue, and what you want to hear about in the future. Check out the <a href="https://craigphares.com/newsletter">past editions</a> if you missed them, and don't forget to continue the conversation on <a href="https://discord.gg/tvWcbkS">Discord</a>!&nbsp;<br>&nbsp;</p><p>Until next week,<br>Craig &#128075;<br>&nbsp;</p>]]></content:encoded></item><item><title><![CDATA[The Friday Five 🔥]]></title><description><![CDATA[This week I feature 5 links to some articles and tools to up your maker game.]]></description><link>https://www.serialmaker.io/p/the-friday-five</link><guid isPermaLink="false">https://www.serialmaker.io/p/the-friday-five</guid><dc:creator><![CDATA[Craig Phares]]></dc:creator><pubDate>Fri, 04 Sep 2020 11:00:00 GMT</pubDate><enclosure url="https://substackcdn.com/image/fetch/$s_!P9BM!,w_256,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3a63cf1b-e044-469d-9e08-5ecdf9ba9687_512x512.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>Hello makers,<br><br>This week I feature 5 links to some articles and tools to up your maker game.&nbsp;</p><h3><strong><a href="https://www.getrevue.co/profile/shift-happens/issues/a-tale-of-three-skeuomorphs-242308">A tale of three skeuomorphs</a></strong></h3><p>Continuing with our iconography theme from last week, here's some more reading on icons. Shift Happens dives into the history of skeuomorphs in the context of modern computing. From trashcans to floppy disks to keyboard keys, skeuomorphs permeate our daily computing lives.<br>&nbsp;</p><h3><strong><a href="https://icons8.com/animated-icons">Icons8 Animated icons 2.0</a></strong></h3><p>More iconography! Icons8 released its second iteration of animated icons. Check them out. They've got full color, line art, and solid-filled styles.<br>&nbsp;</p><h3><strong><a href="https://jgthms.com/web-design-in-4-minutes/">Web Design in 4 minutes</a></strong></h3><p>This is a brilliant take on learning how to build a webpage from scratch. I love this approach, and if you're looking to jump right into a simple page, this is a great place to start.<br>&nbsp;</p><h3><strong><a href="https://airport.community/">Airport</a></strong></h3><p>An App Store outside of THE App Store. As a consumer, get a sneak peak at apps before they hit the official Apple App Store. As a developer, get your app in front of a large audience before you go public. The interesting thing about Airport is it seems that some apps are intentionally never going to be available on the App Store, essentially using TestFlight as its own distribution platform, which goes directly against Apple's developer policies. We'll see how this plays out.<br>&nbsp;</p><h3><strong><a href="https://www.viget.com/articles/web-brutalism-seamfulness-and-notion/">Web Brutalism, Seamfulness, and Notion</a></strong></h3><p>Brandon Dorn takes an insightful look at usability in the modern web, with some digs at Jacob Nielsen's usability over everything approach. Specifically, how brutalist websites thumb their nose at usability altogether for the sake of being anti-art, and in the process, authentic. This is a long read, but well worth it.<br><br><em>Keep making, and thanks for reading!</em> &#128588;<br><br>Hit reply to tell me what you're making. I'm looking for anyone interested in talking about their own side-projects and maker journey, so speak up if you'd like to appear in <em>Serial Maker</em>. I'd also love to know what you thought of this issue, and what you want to hear about in the future. Check out the <a href="https://craigphares.com/newsletter">past editions</a> if you missed them, and don't forget to continue the conversation on <a href="https://discord.gg/tvWcbkS">Discord</a>!&nbsp;<br>&nbsp;</p><p>Until next week,<br>Craig &#128075;<br>&nbsp;</p>]]></content:encoded></item><item><title><![CDATA[Iconography 🏞]]></title><description><![CDATA[This week we look at four talented icon designers, plus some sweet icon collections for your own use.]]></description><link>https://www.serialmaker.io/p/iconography</link><guid isPermaLink="false">https://www.serialmaker.io/p/iconography</guid><dc:creator><![CDATA[Craig Phares]]></dc:creator><pubDate>Fri, 28 Aug 2020 09:00:00 GMT</pubDate><enclosure url="https://substackcdn.com/image/fetch/$s_!P9BM!,w_256,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3a63cf1b-e044-469d-9e08-5ecdf9ba9687_512x512.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>Hello makers,<br><br><em>I hope you're enjoying this Serial Maker newsletter! Join me and other Serial Makers on <a href="https://discord.gg/tvWcbkS">Discord</a>. Check out the&nbsp;<a href="https://craigphares.com/newsletter">past editions</a>&nbsp;if you missed them. And if&nbsp;you know someone who might benefit from this newsletter, please forward this email to a friend&nbsp;</em>&#128512;<br><br>Icons are everywhere. Any graphic symbol used to represent a real entity or action is an icon. Your smartphone is full of app icons. You'll likely click a "send" icon to reply to this email. Even the emoji used in this newsletter are icons.<br><br>This week we look at four talented icon designers, plus some sweet icon collections for your own use.<br>&nbsp;</p><h3><strong>Susan Kare</strong></h3><p>The modern computer icon system owes a huge debt of gratitude to <a href="https://twitter.com/SusanKare">Susan Kare</a>. She is responsible for the original Macintosh icons. Her work gave the Mac its huge personality. Check out this article about her work at Apple:&nbsp;<a href="https://milanote.com/the-work/the-story-behind-susan-kares-iconic-design-work-for-apple">The Story Behind Susan Kare&#8217;s Iconic Design Work for Apple</a>.<br>&nbsp;</p><h3><strong>Michael Flarup</strong></h3><p>A Danish designer, <a href="https://twitter.com/flarup">Michael</a> creates some of the most stunning app icons ever. Take a look at his work at <a href="http://www.pixelresort.com/">PixelResort</a>. And his project, <a href="https://applypixels.com/">Apply Pixels</a> is chock-full of design resources. Download free app icon templates for iOS and Android, along with tons of other goodies.<br>&nbsp;</p><h3><strong>Jon Hicks</strong></h3><p><a href="https://twitter.com/Hicksdesign">Jon</a> created the <a href="https://design.firefox.com/photon/visuals/product-identity-assets.html">Firefox browser app icon</a>, one of my favorite app icons of all time. He designed the emoticons for Skype. And he recently made the iconography for Spotify. See his work at&nbsp;<a href="https://hicksdesign.co.uk/">https://hicksdesign.co.uk/</a>.<br>&nbsp;</p><h3><strong>Stefan Dziallas</strong></h3><p><a href="https://twitter.com/iconwerk">Stefan</a> is one super-talented icon designer. Just take a look at his clients on the <a href="https://www.iconwerk.com/">iconwerk</a> website. His style is clean, minimal, bold, and bright.<br>&nbsp;</p><h3><strong>Bonus! Icon libraries</strong></h3><p>5 of my favorite icon collections.</p><ul><li><p>Feather Icons:&nbsp;<a href="https://feathericons.com/">https://feathericons.com/</a></p></li><li><p>Heroicons:&nbsp;<a href="https://heroicons.com/">https://heroicons.com/</a></p></li><li><p>Streamline Icons:&nbsp;<a href="https://streamlineicons.com/">https://streamlineicons.com/</a></p></li><li><p>The Noun Project:&nbsp;<a href="https://thenounproject.com/">https://thenounproject.com/</a></p></li><li><p>Line Icons:&nbsp;<a href="https://lineicons.com/">https://lineicons.com/</a></p></li></ul><p>Use these in your next project, or find some inspiration for your next icon creation!<br><br><em>Keep making, and thanks for reading!</em> &#128588;<br><br>Hit reply to tell me what you're making. <strong>I'm looking for anyone interested in talking about their own side-projects and maker journey, so speak up if you'd like to appear in </strong><em><strong>Serial Maker</strong></em><strong>.</strong> I'd also love to know what you thought of this issue, and what you want to hear about in the future. And don't forget to continue the conversation on <a href="https://discord.gg/tvWcbkS">Discord</a>!</p><p>Until next week,<br><br>Craig<br>&nbsp;</p>]]></content:encoded></item><item><title><![CDATA[Pimp Your Code Editor 👩‍💻]]></title><description><![CDATA[VS Code is Microsoft's latest open source code editor. And it is awesome. It's as close to an IDE as you can get for any slice of web development.]]></description><link>https://www.serialmaker.io/p/pimp-your-code-editor</link><guid isPermaLink="false">https://www.serialmaker.io/p/pimp-your-code-editor</guid><dc:creator><![CDATA[Craig Phares]]></dc:creator><pubDate>Fri, 21 Aug 2020 11:00:00 GMT</pubDate><enclosure url="https://substackcdn.com/image/fetch/$s_!P9BM!,w_256,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3a63cf1b-e044-469d-9e08-5ecdf9ba9687_512x512.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>Hello makers,<br><br><em>I hope you're enjoying this Serial Maker newsletter! Join me and other Serial Makers on <a href="https://discord.gg/tvWcbkS">Discord</a>. Check out the&nbsp;<a href="https://craigphares.com/newsletter">past editions</a>&nbsp;if you missed them. And if&nbsp;you know someone who might benefit from this newsletter, please forward this email to a friend&nbsp;</em>&#128512;<br><br>Over the years, I've gone through a number of code editors: BBEdit, Notepad++, TextMate, Coda, Atom, Sublime. But nothing quite compares to the power of <a href="https://code.visualstudio.com/">Visual Studio Code</a>. <em>Okay, Vim and Emacs fan club, take it easy.</em><br><br>VS Code is Microsoft's latest open source code editor. And it is awesome. It's as close to an IDE as you can get for any slice of web development. It has debugging tools, a terminal, and git built-in. But the greatest thing about VS Code is its extensibility.&nbsp;<br><br><em>Let's pimp our code editor.</em><br>&nbsp;</p><h2><strong>How I VSCode</strong></h2><p>First off, do you want to see how others use VS Code? Check out <a href="https://howivscode.com/">How I VSCode</a> by <a href="https://twitter.com/scottw">Scott Watermasysk</a>. You can publish all the VS Code extensions you use to your own profile. <a href="https://howivscode.com/craigphares">Here's mine</a>.<br>&nbsp;</p><h2><strong>Show me the extensions!</strong></h2><p>These are some of my go-to extensions for VS Code.<br>&nbsp;</p><h3><strong><a href="https://marketplace.visualstudio.com/items?itemName=pnp.polacode">Polacode</a></strong></h3><p>It's Polaroid for your code. If you've ever wanted to screengrab a code snippet, this extension makes it super easy to capture and share.<br>&nbsp;</p><h3><strong><a href="https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens">GitLens</a></strong></h3><p>VS Code has git built-in, but GitLens takes that to another level. At a glance, you can see who committed code, navigate repos, and compare changes.<br>&nbsp;</p><h3><strong><a href="https://marketplace.visualstudio.com/items?itemName=VisualStudioExptTeam.vscodeintellicode">IntelliCode</a></strong></h3><p>AI-driven code completion. Save your fingers and speed up development time by letting the computer finish your code statements.<br>&nbsp;</p><h3><strong><a href="https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint">ESLint</a></strong></h3><p>Write better code. Let ESLint find problems and fix them automatically.<br>&nbsp;</p><h2><strong>Don't forget the themes!</strong></h2><p>Of course, no code editor would be complete without some awesome themes. Here are some of my favorites.<br>&nbsp;</p><h3><strong><a href="https://marketplace.visualstudio.com/items?itemName=dracula-theme.theme-dracula">Dracula</a></strong></h3><p>Bright, distinct colors over a dark background. This is my current theme.<br>&nbsp;</p><h3><strong><a href="https://marketplace.visualstudio.com/items?itemName=RobbOwen.synthwave-vscode">SynthWave '84</a></strong></h3><p>Neon dreams. Make your code glow!<br>&nbsp;</p><h3><strong><a href="https://marketplace.visualstudio.com/items?itemName=arcticicestudio.nord-visual-studio-code">Nord</a></strong></h3><p>Grab your ice fishing rod and chill out with these clear arctic nordic colors.<br>&nbsp;</p><h3><strong><a href="https://marketplace.visualstudio.com/items?itemName=whizkydee.material-palenight-theme">Palenight</a></strong></h3><p>Like funky ligatures? This is your theme. Check out those "<em>f</em>"s.<br>&nbsp;</p><h3><strong><a href="https://marketplace.visualstudio.com/items?itemName=zhuangtongfa.Material-theme">One Dark Pro</a></strong></h3><p>If you miss Atom's beautiful dark theme, reminisce with One Dark Pro.<br><br><br><em>Keep making, and thanks for reading!</em> &#128588;<br><br>Hit reply to tell me what you're making. <strong>I'm looking for anyone interested in talking about their own side-projects and maker journey, so speak up if you'd like to appear in </strong><em><strong>Serial Maker</strong></em><strong>.</strong> I'd also love to know what you thought of this issue, and what you want to hear about in the future. And don't forget to continue the conversation on <a href="https://discord.gg/tvWcbkS">Discord</a>!</p><p>Until next week,<br><br>Craig<br>&nbsp;</p>]]></content:encoded></item><item><title><![CDATA[Beginner's Mind 👶]]></title><description><![CDATA[As makers, a beginner's mind is the key to becoming a lifelong learner, and a successful problem-solver.]]></description><link>https://www.serialmaker.io/p/beginners-mind</link><guid isPermaLink="false">https://www.serialmaker.io/p/beginners-mind</guid><dc:creator><![CDATA[Craig Phares]]></dc:creator><pubDate>Fri, 14 Aug 2020 15:00:00 GMT</pubDate><enclosure url="https://substack-post-media.s3.amazonaws.com/public/images/36a4344a-70f1-4fc8-8d7a-32e0a24bb1bb_721x600.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>Hello makers,<br><br><em>I hope you're enjoying this Serial Maker newsletter! Join me and other Serial Makers on <a href="https://discord.gg/tvWcbkS">Discord</a>. Check out the&nbsp;<a href="https://craigphares.com/newsletter">past editions</a>&nbsp;if you missed them. And if&nbsp;you know someone who might benefit from this newsletter, please forward this email to a friend&nbsp;</em>&#128512;<br><br><strong>Shoshin</strong> is a Zen Buddhism term that means <em>beginner's mind</em>. It means approaching a subject from an attitude of openness, and without any preconceived notions, just like a beginner, even when you're already at an advanced level.<br><br>As makers, a beginner's mind is the key to becoming a lifelong learner, and a successful problem-solver.<br><br><em>In the beginner's mind there are many possibilities, in the expert's mind there are few.</em><br>&#8212; Shunryu Suzuki<br>&nbsp;</p><h2><strong>The Dunning-Kruger effect</strong></h2><p>Most people have an inability to recognize their own lack of ability. In psychology, this contributes to the <em>Dunning-Kruger effect</em>, a cognitive bias in which people with low ability at a task overestimate their ability.&nbsp;<br><br></p><div class="captioned-image-container"><figure><a class="image-link image2" target="_blank" href="https://substackcdn.com/image/fetch/$s_!J_1C!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fdf4520a3-8d31-4a93-a2be-9b67c0b560e5_721x600.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!J_1C!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fdf4520a3-8d31-4a93-a2be-9b67c0b560e5_721x600.png 424w, https://substackcdn.com/image/fetch/$s_!J_1C!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fdf4520a3-8d31-4a93-a2be-9b67c0b560e5_721x600.png 848w, https://substackcdn.com/image/fetch/$s_!J_1C!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fdf4520a3-8d31-4a93-a2be-9b67c0b560e5_721x600.png 1272w, https://substackcdn.com/image/fetch/$s_!J_1C!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fdf4520a3-8d31-4a93-a2be-9b67c0b560e5_721x600.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!J_1C!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fdf4520a3-8d31-4a93-a2be-9b67c0b560e5_721x600.png" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/df4520a3-8d31-4a93-a2be-9b67c0b560e5_721x600.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:null,&quot;width&quot;:null,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:null,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:null,&quot;href&quot;:null,&quot;belowTheFold&quot;:false,&quot;topImage&quot;:true,&quot;internalRedirect&quot;:null,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!J_1C!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fdf4520a3-8d31-4a93-a2be-9b67c0b560e5_721x600.png 424w, https://substackcdn.com/image/fetch/$s_!J_1C!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fdf4520a3-8d31-4a93-a2be-9b67c0b560e5_721x600.png 848w, https://substackcdn.com/image/fetch/$s_!J_1C!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fdf4520a3-8d31-4a93-a2be-9b67c0b560e5_721x600.png 1272w, https://substackcdn.com/image/fetch/$s_!J_1C!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fdf4520a3-8d31-4a93-a2be-9b67c0b560e5_721x600.png 1456w" sizes="100vw" fetchpriority="high"></picture><div></div></div></a></figure></div><p><br><br>Along the journey of competence in a subject, very early on there's a sense of knowledge gained &#8212; to the point where we may feel like, "oh, this is easy... I'm already good at this." Then, as we advance, we start to realize how much more there is to learn and recognize it will be an enormous challenge to truly advance. But over time, knowledge is gained, and our sense of confidence grows accordingly.<br>&nbsp;</p><h2><strong>Beginner's mind&nbsp;in martial arts</strong></h2><p>Shoshin is often applied to the experience of studying Japanese martial arts. I touch upon this briefly in <em><a href="https://craigphares.com/7-ways-training-brazilian-jiu-jitsu-will-level-up-your-programming-skills/">7 ways training Brazilian Jiu-Jitsu will level up your programming skills</a></em>. The Brazilian Jiu-Jitsu experience is broken up into 5 belt colors: white, blue, purple, brown, and black. It often takes well over 10 years of training to achieve a black belt.<br><br>Upon entering a gym for the first time, the white belt knows nothing. But after a few sessions, their knowledge of grappling is expanded tremendously. There are innumerable new techniques to learn in the beginning. So there's a sense of, "Wow, now I'm a Jiu-Jitsu expert. Here I come, black belt." Many white belts walk away thinking they've experienced all there is.<br><br>Then the white belt earns their blue belt and they're thrust into a world of pain and frustration. As a blue belt, you have more opportunities to compete against advanced partners. And the blue belt starts to think, "I'll never learn all there is to learn in this sport." Many blue belts walk away thinking the journey is too hard and too long.<br><br>But if a blue belt manages to make it through to purple belt, the attitude shifts. Looking back at their struggles through white and blue, and seeing how much they've learned, but also having a sense of how much more there is to learn, a new outlook is formed. Knowing that you don't know what you don't know is liberating. The purple belt will approach his future journey with an open mind... a beginner's mind.<br>&nbsp;</p><h2><strong>The beginner's maker mind</strong></h2><p>All of this is simply <em>learning how to learn</em>. Recognizing that we cannot evaluate our own level of competency, the maker who embraces Shoshin will always be willing to improve, to approach making with an open mind, and to listen to the ideas of others. It allows us as makers to continue to evolve, to explore new mediums, new technologies, to never pigeon hole ourselves into one path, but to use our passion for learning to build amazing things.<br><br><em>Keep making, and thanks for reading!</em> &#128588;<br><br>Hit reply to tell me what you're making. <strong>I'm looking for anyone interested in talking about their own side-projects and maker journey, so speak up if you'd like to appear in </strong><em><strong>Serial Maker</strong></em><strong>.</strong> I'd also love to know what you thought of this issue, and what you want to hear about in the future. And don't forget to continue the conversation on <a href="https://discord.gg/tvWcbkS">Discord</a>!</p><p>Until next week,<br><br>Craig<br>&nbsp;</p>]]></content:encoded></item><item><title><![CDATA[Gestalt & Metaphor 🌓]]></title><description><![CDATA[Living on opposite sides of the design coin are two distinct principles. Leverage these opposing sides, and master your visual creations.]]></description><link>https://www.serialmaker.io/p/gestalt-and-metaphor</link><guid isPermaLink="false">https://www.serialmaker.io/p/gestalt-and-metaphor</guid><dc:creator><![CDATA[Craig Phares]]></dc:creator><pubDate>Fri, 07 Aug 2020 08:00:00 GMT</pubDate><enclosure url="https://substackcdn.com/image/fetch/$s_!P9BM!,w_256,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3a63cf1b-e044-469d-9e08-5ecdf9ba9687_512x512.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>Hello makers,<br><br><em>I hope you're enjoying this Serial Maker newsletter! Join me and other Serial Makers on <a href="https://discord.gg/tvWcbkS">Discord</a>. Check out the&nbsp;<a href="https://craigphares.com/newsletter">past editions</a>&nbsp;if you missed them. And if&nbsp;you know someone who might benefit from this newsletter, please forward this email to a friend&nbsp;</em>&#128512;<br><br>Living on opposite sides of the design coin are two distinct principles. On one side lives <em><strong>gestalt</strong></em>, where the discreet components of visual design influence the perception of the viewer. On the other side lives <em><strong>metaphor</strong></em>, where our imaginations take hold, and meaning is applied to reality.<br><br>Leverage these opposing sides, and master your visual creations.<br><br><strong>Let's release your inner design nerd.</strong><br>&nbsp;</p><h2><strong>Gestalt &#127761;</strong></h2><p><br><em>&#8223;The whole is other than the sum of the parts.&#8221;</em><br>&#8212;Kurt Koffka<br><br>When we observe something, we perceive it as a whole, well before we are able to distinguish its parts. This is the fundamental theory of gestalt. There are several principles commonly associated with gestalt theory. Seeing their usage in logo design will help to understand the concepts.</p><ul><li><p><strong>Similarity: </strong>we group like things together. The feathers of the <a href="https://upload.wikimedia.org/wikipedia/commons/3/3f/NBC_logo.svg">NBC peacock logo</a>&nbsp;are all similar shapes, and our mind sees them as one.</p></li><li><p><strong>Continuation: </strong>the eye naturally follows a line. Observe the lines running through the <a href="https://upload.wikimedia.org/wikipedia/commons/c/ce/Coca-Cola_logo.svg">Coca-Cola logo</a>.</p></li><li><p><strong>Closure: </strong>our brains fill in missing parts. We see a panda, instead of black shapes in the <a href="https://en.wikipedia.org/wiki/World_Wide_Fund_for_Nature#/media/File:WWF_logo.svg">WWF logo</a>.</p></li><li><p><strong>Proximity: </strong>we group close things together. We see letters, not broken lines in the <a href="https://www.ibm.com/design/language/ibm-logos/8-bar/">8-bar IBM logo</a>.</p></li><li><p><strong>Figure/Ground: </strong>we isolate foreground objects from a background. Everyone sees the mountain in the <a href="https://toblerone.fr/">Toblerone</a> logo. But do you see the bear?</p></li><li><p><strong>Symmetry and order: </strong>our brain attempts to simplify ambiguous shapes. The <a href="https://1000logos.net/roxy-logo/">Roxy logo</a> is the Quiksilver logo, tilted and reflected to make a heart.</p></li></ul><p>There are other principles, but these cover a lot of ground. In a nutshell, gestalt attempts to understand the psychology behind how our mind interprets pure design objects: shapes, colors, direction.&nbsp;<br>&nbsp;</p><h2><strong>Metaphor &#127765;</strong></h2><p>A successful visual metaphor should cause the viewer to want to look again. There is something more meaningful than what first may appear. Often times one visual element is compared to another visual element that belongs to a different category altogether. You've likely seen this used in advertising. Check out this <a href="https://www.pinterest.com.au/zoes/visual-metaphor/">board of visual metaphors</a> for some excellent examples.<br><br>Think of a <a href="https://www.jaguarusa.com/index.html">Jaguar</a>,&nbsp;as the visual representation of a car company, implying speed and prowess. The negative space between the "E" and the "x" in the <a href="https://upload.wikimedia.org/wikipedia/commons/7/71/FedEx_logo.jpg">FedEx logo</a> forms an arrow, a fitting metaphor for a delivery company.&nbsp;<br><br>But metaphor goes beyond design. In the film <em><a href="https://www.imdb.com/title/tt0209144">Memento</a></em>, everything in a flashback (moving forward in time) is shot in black-and-white, while the present (going backward through time) is shot in full color. These are two separate stories, woven together in the film. When they meet, the black-and-white slowly changes to color, not unlike watching a Polaroid film develop. In doing so, the director Christopher Nolan provides further meaning to the viewer.<br>&nbsp;</p><h2><strong>Putting it together &#127763;</strong></h2><p>When making your next visual creation, pay attention to both the gestalt and the metaphor. Keep in mind the relationship between the parts of your vision, and remember that <em>everything has meaning</em>.<br><br><em>Keep making, and thanks for reading!</em> &#128588;<br><br>Hit reply to tell me what you're making. <strong>I'm looking for anyone interested in talking about their own side-projects and maker journey, so speak up if you'd like to appear in </strong><em><strong>Serial Maker</strong></em><strong>.</strong> I'd also love to know what you thought of this issue, and what you want to hear about in the future. And don't forget to continue the conversation on <a href="https://discord.gg/tvWcbkS">Discord</a>!</p><p>Until next week,<br><br>Craig<br>&nbsp;</p>]]></content:encoded></item><item><title><![CDATA[Artificial Intelligence 🧠]]></title><description><![CDATA[OpenAI, a leading AI research and development company, recently released GPT-3, its latest iteration of its text generating model.]]></description><link>https://www.serialmaker.io/p/artificial-intelligence</link><guid isPermaLink="false">https://www.serialmaker.io/p/artificial-intelligence</guid><dc:creator><![CDATA[Craig Phares]]></dc:creator><pubDate>Fri, 31 Jul 2020 09:00:00 GMT</pubDate><enclosure url="https://substackcdn.com/image/fetch/$s_!P9BM!,w_256,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3a63cf1b-e044-469d-9e08-5ecdf9ba9687_512x512.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>Hello makers,<br><br><em>I hope you're enjoying this Serial Maker newsletter! Join me and other Serial Makers on <a href="https://discord.gg/tvWcbkS">Discord</a>. Check out the&nbsp;<a href="https://craigphares.com/newsletter">past editions</a>&nbsp;if you missed them. And if&nbsp;you know someone who might benefit from this newsletter, please forward this email to a friend&nbsp;</em>&#128512;<br><br>OpenAI, a leading AI research and development company, recently released <a href="https://beta.openai.com/">GPT-3</a>, its latest iteration of its text generating model. This machine learning system was fed 45TB of text data, which far surpasses anything before it. And although this is still very early in artificial general intelligence evolution, the results are impressive.<br><br>To get a feel for how it works, check out how&nbsp;Arram Sabeti <a href="https://arr.am/2020/07/25/gpt-3-uncertainty-prompts/">teaches GPT-3 to identify nonsense</a>.<br><br><strong>Here are 5 awesome demos built with GPT-3.</strong><br>&nbsp;</p><h3><strong>AI Dungeon &#9876;&#65039;</strong></h3><p><a href="https://play.aidungeon.io/">https://play.aidungeon.io/</a><br>AI Dungeon is an AI-generated text adventure that uses deep learning to create each game experience. The latest version is built on top of OpenAI's new GPT-3 model to generate each story block and possible action. Just enter any action-based command to move the story along. It's way more interesting than <em>look</em>, <em>go north</em>, and <em>inventory</em> from classic text adventures.<br>&nbsp;</p><h3><strong>Tinkered Thinking &#9997;&#65039;</strong></h3><p><a href="https://tinkeredthinking.com/?id=836">https://tinkeredthinking.com/?id=836</a><br>Every other paragraph in this AI collaboration was written by GPT-3. Witness GPT-3 write about itself in the third person. Without the italics, would you know a machine generated this content?<br>&nbsp;</p><h3><strong>Layout Generator &#9883;&#65039;</strong></h3><p><a href="https://twitter.com/sharifshameem/status/1282676454690451457">https://twitter.com/sharifshameem/status/1282676454690451457</a><br>Sharif Shameem built a layout generator that generates React apps. Describe the layout you want, and watch your computer program the working JSX code. That's right, a computer is coding now.<br>&nbsp;</p><h3><strong>Three.js Generator &#127758;</strong></h3><p><a href="https://twitter.com/Antonio_GomezM/status/1287969287110443008">https://twitter.com/Antonio_GomezM/status/1287969287110443008</a><br>React apps too mundane? How about a 3D scene? Describe the elements in the scene, and watch GPT-3 write three.js code snippets for you. Built by Antonio Gomez.<br>&nbsp;</p><h3><strong>Ingredient Parser &#127822;</strong></h3><p><a href="https://twitter.com/lawderpaul/status/1284972517749338112">https://twitter.com/lawderpaul/status/1284972517749338112</a><br>Take a picture of any nutrition label, and GPT-3 will identify the ingredients, determine if it's healthy, and provide a definition of the food.<br>&nbsp;</p><h3><strong>Give me the GPT-3! &#129327;</strong></h3><p>Want to get started using GPT-3? You'll need to <a href="https://beta.openai.com/">sign up for access to the beta API</a>&nbsp;(I'm still waiting for my invite). Once you have access to the API, here's a <a href="https://github.com/shreyashankar/gpt3-sandbox">library</a> to quickly put together web demos of your project. Want to see more? Check out this list of <a href="https://github.com/elyase/awesome-gpt3#awesome-gpt-3">awesome GPT-3 links</a>.<br><br><em>Keep making, and thanks for reading!</em> &#128588;<br><br>Hit reply to tell me what you're making. <strong>I'm looking for anyone interested in talking about their own side-projects and maker journey, so speak up if you'd like to appear in </strong><em><strong>Serial Maker</strong></em><strong>.</strong> I'd also love to know what you thought of this issue, and what you want to hear about in the future. And don't forget to continue the conversation on <a href="https://discord.gg/tvWcbkS">Discord</a>!</p><p>Until next week,<br><br>Craig<br>&nbsp;</p>]]></content:encoded></item></channel></rss>