<?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>Forem: Josef Nobach</title>
    <description>The latest articles on Forem by Josef Nobach (@jojomondag).</description>
    <link>https://forem.com/jojomondag</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%2F1504576%2F7fe8d036-2ce0-4a57-a815-459ef5349fd7.jpeg</url>
      <title>Forem: Josef Nobach</title>
      <link>https://forem.com/jojomondag</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/jojomondag"/>
    <language>en</language>
    <item>
      <title>FileToMarkdown a nodepackage to convert different file formats to .md format</title>
      <dc:creator>Josef Nobach</dc:creator>
      <pubDate>Thu, 03 Apr 2025 22:19:03 +0000</pubDate>
      <link>https://forem.com/jojomondag/filetomarkdown-a-nodepackage-to-convert-different-file-formats-to-md-format-kd8</link>
      <guid>https://forem.com/jojomondag/filetomarkdown-a-nodepackage-to-convert-different-file-formats-to-md-format-kd8</guid>
      <description>&lt;p&gt;&lt;a href="https://www.npmjs.com/package/filetomarkdown" rel="noopener noreferrer"&gt;https://www.npmjs.com/package/filetomarkdown&lt;/a&gt;&lt;br&gt;
A node project i am working on.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://youtu.be/BwBFZi1xwo8" rel="noopener noreferrer"&gt;https://youtu.be/BwBFZi1xwo8&lt;/a&gt;&lt;br&gt;
A video explaining its feature.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://github.com/jojomondag/FileToMarkdown" rel="noopener noreferrer"&gt;https://github.com/jojomondag/FileToMarkdown&lt;/a&gt;&lt;br&gt;
Reposatory.&lt;/p&gt;

</description>
      <category>md</category>
      <category>webdev</category>
      <category>programming</category>
      <category>beginners</category>
    </item>
    <item>
      <title>🎄 A Christmas Gift for Developers: FileToMarkdown!</title>
      <dc:creator>Josef Nobach</dc:creator>
      <pubDate>Sat, 21 Dec 2024 15:20:42 +0000</pubDate>
      <link>https://forem.com/jojomondag/a-christmas-gift-for-developers-filetomarkdown-20i6</link>
      <guid>https://forem.com/jojomondag/a-christmas-gift-for-developers-filetomarkdown-20i6</guid>
      <description>&lt;p&gt;Merry Christmas 🎄&lt;/p&gt;

&lt;p&gt;I have a little node package for this Christmas! 😄&lt;/p&gt;

&lt;p&gt;I've been working on &lt;strong&gt;FileToMarkdown&lt;/strong&gt;, a tool to convert files into markdown format. 🎉&lt;/p&gt;

&lt;p&gt;👉 &lt;strong&gt;GitHub Repository:&lt;/strong&gt;&lt;br&gt;&lt;br&gt;
&lt;a href="https://github.com/jojomondag/FileToMarkdown" rel="noopener noreferrer"&gt;https://github.com/jojomondag/FileToMarkdown&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;👉 &lt;strong&gt;NPM Package:&lt;/strong&gt;&lt;br&gt;&lt;br&gt;
&lt;a href="https://www.npmjs.com/package/filetomarkdown" rel="noopener noreferrer"&gt;https://www.npmjs.com/package/filetomarkdown&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;If you're working with JavaScript and need to integrate file-to-markdown conversion into your project, feel free to check it out!&lt;/p&gt;

&lt;p&gt;Maybe somebody needs a version that works directly on their page—you can use mine. 😊&lt;/p&gt;

&lt;p&gt;🎥 &lt;strong&gt;Watch the Demo Video:&lt;/strong&gt;  &lt;/p&gt;

&lt;p&gt;&lt;a href="https://youtu.be/UkGT3DDPTGI?si=XrokEgwO9d6TB4-3" rel="noopener noreferrer"&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%2Ffz6bfie7x2sdnaqd39zp.jpg" alt="Watch Demo Video" width="480" height="360"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>npm</category>
      <category>node</category>
      <category>markdown</category>
      <category>webdev</category>
    </item>
    <item>
      <title>A Simple Way to Communicate Your Code with LLMs: Syntax Extractor</title>
      <dc:creator>Josef Nobach</dc:creator>
      <pubDate>Fri, 20 Sep 2024 19:34:47 +0000</pubDate>
      <link>https://forem.com/jojomondag/a-simple-way-to-communicate-your-code-with-llms-syntax-extractor-33i5</link>
      <guid>https://forem.com/jojomondag/a-simple-way-to-communicate-your-code-with-llms-syntax-extractor-33i5</guid>
      <description>&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fres.cloudinary.com%2Fdaily-now%2Fimage%2Fupload%2Fs--aD28q_Ms--%2Ff_auto%2Fv1726860385%2Fugc%2Fcontent_d5fa3b69-eac2-49c9-ab1f-d8682ba7926e" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fres.cloudinary.com%2Fdaily-now%2Fimage%2Fupload%2Fs--aD28q_Ms--%2Ff_auto%2Fv1726860385%2Fugc%2Fcontent_d5fa3b69-eac2-49c9-ab1f-d8682ba7926e" alt="Syntax Extractor"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Hi everyone! I've put together a little tool that’s been helping me a lot in my own coding workflow, and I thought maybe it could be useful for you too. It’s called Syntax Extractor, a Visual Studio Code extension that makes it easier to extract and organize your project's code structure.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://marketplace.visualstudio.com/items?itemName=JosefNobach.syntax-extractor" rel="noopener noreferrer"&gt;Syntax Extractor for VScode&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;What it does is pretty simple:&lt;/p&gt;

&lt;p&gt;It extracts the entire code structure of your project—folders, file trees, file types, and all the code—so you can easily share it or use it with Large Language Models (LLMs).&lt;br&gt;
You can copy the extracted data to your clipboard and paste it into any LLM or documentation without hassle.&lt;br&gt;
There’s a neat interactive webview that lets you browse your project’s structure visually see how much tokens and chars yourcodebase has.&lt;/p&gt;

&lt;p&gt;I’ve found it really helpful for making sense of larger projects and communicating with AI tools, and I hope it can help you too. You can find it on the VSCode Marketplace here: &lt;a href="https://marketplace.visualstudio.com/items?itemName=JosefNobach.syntax-extractor" rel="noopener noreferrer"&gt;Syntax Extractor&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;I’d love to hear your thoughts if you give it a try!&lt;/p&gt;

</description>
      <category>llm</category>
      <category>vscode</category>
      <category>programming</category>
      <category>code</category>
    </item>
    <item>
      <title>How do I code nowadays? Much have changed, much will change.</title>
      <dc:creator>Josef Nobach</dc:creator>
      <pubDate>Fri, 07 Jun 2024 10:44:00 +0000</pubDate>
      <link>https://forem.com/jojomondag/how-do-i-code-nowadays-much-have-changed-much-will-change-189m</link>
      <guid>https://forem.com/jojomondag/how-do-i-code-nowadays-much-have-changed-much-will-change-189m</guid>
      <description>&lt;p&gt;Hi everyone,&lt;/p&gt;

&lt;p&gt;I've made a video where I explain my current workflow with code and projects. It's quite different from how I used to work, and in the video, I share all the details of my new approach.&lt;/p&gt;

&lt;p&gt;Hope you find it helpful!&lt;/p&gt;


&lt;div class="crayons-card c-embed text-styles text-styles--secondary"&gt;
    &lt;a href="https://www.youtube.com/watch?si=3QOw2MACkuKEnsTv&amp;amp;v=UEKLTCBz_AU&amp;amp;feature=youtu.be" rel="noopener noreferrer"&gt;
      youtube.com
    &lt;/a&gt;
&lt;/div&gt;
.

</description>
      <category>webdev</category>
      <category>javascript</category>
      <category>beginners</category>
      <category>programming</category>
    </item>
    <item>
      <title>Development: Focusing on Ideas/Solutions Over Code</title>
      <dc:creator>Josef Nobach</dc:creator>
      <pubDate>Tue, 04 Jun 2024 06:17:06 +0000</pubDate>
      <link>https://forem.com/jojomondag/development-focusing-on-ideassolutions-over-code-2odn</link>
      <guid>https://forem.com/jojomondag/development-focusing-on-ideassolutions-over-code-2odn</guid>
      <description>&lt;p&gt;I just created a website with CSS and JavaScript for appearance and functionality that I will use for another project I'm working on.&lt;/p&gt;

&lt;p&gt;I believe that the workflow will increasingly focus less on written code and more on ideas/solutions. If you have tools like &lt;a href="https://codepen.io/your-work"&gt;CodePen &lt;/a&gt;or &lt;a href="https://www.svgviewer.dev/"&gt;SVG Viewer&lt;/a&gt;, and if there is a bcompiler that allows you to see the idea in practice, see the results, and test it, making the development cycle much faster. This way, you can focus on solving problems or getting the product prototype to work and behave as intended.&lt;/p&gt;

&lt;p&gt;What do you think about this?&lt;/p&gt;

&lt;p&gt;&lt;a href="https://codepen.io/jojomondag/pen/LYoyRvR"&gt;In the example here&lt;/a&gt;, I had an idea that I wouldn't care about files/folders above the line, but I would care about those below the line. Just CodePen, where I can see the code and the results together, significantly speeds up the development cycle.&lt;/p&gt;

&lt;p&gt;Personally, my way of coding has completely changed. What do you feel/think about this?&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>javascript</category>
      <category>programming</category>
      <category>ai</category>
    </item>
    <item>
      <title>What is your best DIY Hack</title>
      <dc:creator>Josef Nobach</dc:creator>
      <pubDate>Mon, 20 May 2024 13:42:03 +0000</pubDate>
      <link>https://forem.com/jojomondag/take-the-edge-of-my-macbook-pro-5c3m</link>
      <guid>https://forem.com/jojomondag/take-the-edge-of-my-macbook-pro-5c3m</guid>
      <description>&lt;p&gt;I recently found a neat hack to make my MacBook Pro more comfortable to use: filing down the sharp edges! It’s a simple mod that can significantly improve your experience, especially if you spend a lot of time on your laptop.&lt;/p&gt;

&lt;p&gt;10/10 would do it again :P Happy coding out there.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://www.youtube.com/watch?v=NnGAlf1hjs4"&gt;A video tutorial on the topic&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Do you guys have any interesting hacks like this?&lt;/p&gt;

</description>
      <category>diy</category>
      <category>keyboard</category>
      <category>coding</category>
    </item>
    <item>
      <title>Share Your Code with Any LLM Using This VS Code Extension</title>
      <dc:creator>Josef Nobach</dc:creator>
      <pubDate>Sun, 19 May 2024 11:43:03 +0000</pubDate>
      <link>https://forem.com/jojomondag/quickly-communicate-your-entire-codebase-to-any-llm-with-this-vs-code-extension-3i39</link>
      <guid>https://forem.com/jojomondag/quickly-communicate-your-entire-codebase-to-any-llm-with-this-vs-code-extension-3i39</guid>
      <description>&lt;p&gt;&lt;a href="https://media.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%2Fb5lalirt6xj805vlanty.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.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%2Fb5lalirt6xj805vlanty.png" alt="Image description"&gt;&lt;/a&gt;&lt;strong&gt;Syntax Extractor&lt;/strong&gt; for Visual Studio Code. If you've ever wanted to seamlessly communicate your codebase to any LLM (like ChatGPT), this extension helps you save time.&lt;/p&gt;


&lt;div class="crayons-card c-embed text-styles text-styles--secondary"&gt;
    &lt;a href="https://www.youtube.com/shorts/CRpBg0mb8qY?si=kN5sICmcGFVShDAO" rel="noopener noreferrer"&gt;
      youtube.com
    &lt;/a&gt;
&lt;/div&gt;


&lt;h2&gt;
  
  
  🎉 What is Syntax Extractor?
&lt;/h2&gt;

&lt;p&gt;Syntax Extractor is a VSCode extension that helps you extract code and file structure context from your project. It streamlines gathering your code for better communication and assistance from any LLM.&lt;/p&gt;

&lt;h2&gt;
  
  
  💡 Why Use Syntax Extractor?
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;1. Effortless Code Extraction&lt;/strong&gt;&lt;br&gt;
Syntax Extractor identifies and extracts your project’s code and file structure. Say goodbye to manual copy-pasting!&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;3. Contextual Understanding&lt;/strong&gt; &lt;br&gt;
By providing code snippets with their respective contexts&lt;br&gt;
Syntax Extractor helps LLMs understand the bigger picture. This leads to more accurate suggestions, better debugging assistance, and more meaningful code reviews.&lt;/p&gt;

&lt;h2&gt;
  
  
  🚀 How to Get Started?
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;1.Install the Extension:&lt;/strong&gt; Head over to the &lt;a href="https://marketplace.visualstudio.com/items?itemName=JosefNobach.syntax-extractor" rel="noopener noreferrer"&gt;Visual Studio Code Marketplace&lt;/a&gt; and install.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;2.Activate the Extension:&lt;/strong&gt; Open your codebase in VSCode and activate from the sidebar (Wave icon).&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;3.Extract and Share:&lt;/strong&gt; Select the code you want to share, and let Syntax Extractor do the rest!&lt;/p&gt;

&lt;h2&gt;
  
  
  📢 Spread the Word!
&lt;/h2&gt;

&lt;p&gt;If you find Syntax Extractor helpful, share it or give me a star I would appreciate it!&lt;/p&gt;

&lt;h2&gt;
  
  
  🤝 Collaborate with Me
&lt;/h2&gt;

&lt;p&gt;Want to contribute or have ideas for improvements? Check out the &lt;a href="https://github.com/jojomondag/Syntax-Extractor" rel="noopener noreferrer"&gt;GitHub repository&lt;/a&gt;. Let's build something amazing together!&lt;/p&gt;

</description>
      <category>vscode</category>
      <category>beginners</category>
      <category>programming</category>
      <category>productivity</category>
    </item>
  </channel>
</rss>
