<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Brandon Fowler</title>
    <description>The latest articles on DEV Community by Brandon Fowler (@wbf22).</description>
    <link>https://dev.to/wbf22</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3606964%2F58e7a0ab-d6eb-4f1a-b9ba-091df9fd8f2f.png</url>
      <title>DEV Community: Brandon Fowler</title>
      <link>https://dev.to/wbf22</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/wbf22"/>
    <language>en</language>
    <item>
      <title>Terminal Art</title>
      <dc:creator>Brandon Fowler</dc:creator>
      <pubDate>Thu, 30 Apr 2026 00:57:47 +0000</pubDate>
      <link>https://dev.to/wbf22/terminal-art-1j6n</link>
      <guid>https://dev.to/wbf22/terminal-art-1j6n</guid>
      <description>&lt;p&gt;Hey yall, made a cool little terminal app the other day. Since most terminals can't display images or set pixels, my app converts images into special Unicode characters and ANSI colors to render an image roughly in the terminal. &lt;/p&gt;

&lt;p&gt;I find this kind of handy to inspect images in the terminal without having to open another window to view them. &lt;/p&gt;

&lt;p&gt;I wrote this in C which was kind of fun. I think it might have been easier in another language, but I chose C since it's likely to still work in 10 to 20 years with no app maintenance on my part. &lt;/p&gt;

&lt;p&gt;Here's the github repo if you'd like to use it or give it try: &lt;a href="https://github.com/wbf22/terminal_images" rel="noopener noreferrer"&gt;https://github.com/wbf22/terminal_images&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Here's an example image and the result of displaying that image with my app&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Funczvl91oasinnf92346.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Funczvl91oasinnf92346.png" width="800" height="622"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Thoughts&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;I think one of my favorite things about C is its unchangingness. Lots of languages have constant updates which often means something you write now won't work in 5 years (at least if your trying to use the most recent language version). Some languages have a better way to lock the language version but it still often makes setup difficult.&lt;/p&gt;

&lt;p&gt;Another thing I love about the C community is the emphasis on single header file libraries. These are really convenient as you can just copy them into your project. Then your app won't break when the dependency manager remote is shutdown or moved.&lt;/p&gt;

&lt;p&gt;However this system also has drawbacks. Without dependency management, it's much harder to stay up to date with the latest versions of your dependency. This can be more critical for things that have to do with security. &lt;/p&gt;

&lt;p&gt;Something I've found working in the industry the past few years is that there's a trade space with dependencies. Using them means faster development and not having to writing boilerplate code. It also means you can piggy-back on other people's expertise, especially when it comes to security. But it also means future tech debt as new versions come and old ones loose support. So it's basically a trade between ease and industry-standards, and longevity. &lt;/p&gt;

&lt;p&gt;It's interesting that people used to say that 'hardware comes and goes, but software lives forever'. It kind of feels like now software only lives 5 years, especially when it's built on top of constantly changing dependencies. &lt;/p&gt;

&lt;p&gt;In the end, it really depends on what kind of project or system you're making. Are you doing rapid development with constantly changing requirements? Or is this something you want to build and then have last forever? It's good to think about these things when choosing to use frameworks or dependencies. &lt;/p&gt;

</description>
      <category>terminal</category>
      <category>showdev</category>
      <category>c</category>
    </item>
    <item>
      <title>Unbounded</title>
      <dc:creator>Brandon Fowler</dc:creator>
      <pubDate>Fri, 05 Dec 2025 00:20:59 +0000</pubDate>
      <link>https://dev.to/wbf22/unbounded-4i2</link>
      <guid>https://dev.to/wbf22/unbounded-4i2</guid>
      <description>&lt;p&gt;&lt;em&gt;This is a submission for the &lt;a href="https://dev.to/challenges/mux"&gt;DEV's Worldwide Show and Tell Challenge Presented by Mux&lt;/a&gt;&lt;/em&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  What I Built
&lt;/h2&gt;

&lt;p&gt;Unbounded is an open source visual website editor that lets you export code ready for developers to use.&lt;/p&gt;

&lt;p&gt;Features:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;free and open source&lt;/li&gt;
&lt;li&gt;edit css styles&lt;/li&gt;
&lt;li&gt;create and use components&lt;/li&gt;
&lt;li&gt;export code&lt;/li&gt;
&lt;li&gt;import code&lt;/li&gt;
&lt;li&gt;mobile support&lt;/li&gt;
&lt;li&gt;classes&lt;/li&gt;
&lt;li&gt;animations&lt;/li&gt;
&lt;li&gt;css variables&lt;/li&gt;
&lt;li&gt;basic templates&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  My Pitch Video
&lt;/h2&gt;

&lt;p&gt;

&lt;iframe src="https://player.mux.com/hxxrDK401ZxWBDbnPmReol01r01MxU39xOcSkgYW02uHj8A" width="710" height="399"&gt;
&lt;/iframe&gt;



&lt;/p&gt;

&lt;h2&gt;
  
  
  Demo
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://wbf22.github.io/unbounded/Unbounded.html" rel="noopener noreferrer"&gt;editor&lt;/a&gt;&lt;br&gt;
&lt;a href="https://github.com/wbf22/unbounded" rel="noopener noreferrer"&gt;github&lt;/a&gt;&lt;br&gt;
No login or signup necessary. You can access the editor directly.&lt;br&gt;


&lt;iframe src="https://player.mux.com/2pqwRMKyafsNLYJr9Tc02LCSgTG00flu8P65E4eE65rTs" width="710" height="399"&gt;
&lt;/iframe&gt;



&lt;/p&gt;

&lt;h2&gt;
  
  
  The Story Behind It
&lt;/h2&gt;

&lt;p&gt;It seemed like most website builders didn't provide a way to export your project as code. I thought this would be useful for small businesses and startups when they're ready to transition their website to developers.&lt;/p&gt;

&lt;h2&gt;
  
  
  Technical Highlights
&lt;/h2&gt;

&lt;p&gt;I made the editor completely in Vanilla JS. Vanilla JS is pretty flexible and typically incurs less tech debt than frameworks. I actually made the editor as a single html file so that it can be easily downloaded and used offline.&lt;/p&gt;

</description>
      <category>devchallenge</category>
      <category>muxchallenge</category>
      <category>showandtell</category>
      <category>video</category>
    </item>
    <item>
      <title>A Visual HTML Editor to Speed up your Workflow</title>
      <dc:creator>Brandon Fowler</dc:creator>
      <pubDate>Wed, 03 Dec 2025 19:32:30 +0000</pubDate>
      <link>https://dev.to/wbf22/a-visual-html-editor-to-speed-up-your-workflow-4c90</link>
      <guid>https://dev.to/wbf22/a-visual-html-editor-to-speed-up-your-workflow-4c90</guid>
      <description>&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fu0bimwowrqypgmhjzlg8.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fu0bimwowrqypgmhjzlg8.png" alt=" " width="800" height="420"&gt;&lt;/a&gt;&lt;br&gt;
Recently I created a visual HTML editor that has the following features:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;free and open source&lt;/li&gt;
&lt;li&gt;edit css styles&lt;/li&gt;
&lt;li&gt;create and use components&lt;/li&gt;
&lt;li&gt;export code&lt;/li&gt;
&lt;li&gt;import code&lt;/li&gt;
&lt;li&gt;mobile support&lt;/li&gt;
&lt;li&gt;classes&lt;/li&gt;
&lt;li&gt;animations&lt;/li&gt;
&lt;li&gt;css variables&lt;/li&gt;
&lt;li&gt;and a few basic templates&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;I didn't make this to replace developers (not sure you ever could), but rather to make website building a bit faster. &lt;/p&gt;

&lt;p&gt;I do a lot of webdev work, and wanted a way to create a way to make basic pages with a visual editor.&lt;/p&gt;

&lt;p&gt;I find that I typically start my projects in this editor so I can quickly get the visuals for the app worked out. Then I export the code and start working out the js logic in vscode or something. &lt;/p&gt;

&lt;p&gt;Hope you find this handy, feel free to clone it if you want to make it your own 🌝. &lt;/p&gt;

&lt;p&gt;You can also download the editor to use it offline. It's a single html file so it's easy to save and use.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://github.com/wbf22/unbounded" rel="noopener noreferrer"&gt;github&lt;/a&gt;&lt;br&gt;
&lt;a href="https://wbf22.github.io/unbounded/Unbounded.html" rel="noopener noreferrer"&gt;editor&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;It's still pretty new so if you have any suggestions I'd love to here them!&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>design</category>
    </item>
  </channel>
</rss>
