<?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: David Sima</title>
    <description>The latest articles on DEV Community by David Sima (@the24thds).</description>
    <link>https://dev.to/the24thds</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%2F133939%2F726abc5d-8086-46c5-a22a-9e84c6f17e80.jpg</url>
      <title>DEV Community: David Sima</title>
      <link>https://dev.to/the24thds</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/the24thds"/>
    <language>en</language>
    <item>
      <title>How do you start your css file?</title>
      <dc:creator>David Sima</dc:creator>
      <pubDate>Thu, 12 Sep 2019 17:17:12 +0000</pubDate>
      <link>https://dev.to/the24thds/how-do-you-start-your-css-file-12fl</link>
      <guid>https://dev.to/the24thds/how-do-you-start-your-css-file-12fl</guid>
      <description>&lt;p&gt;I usually start like this:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight"&gt;&lt;pre class="highlight css"&gt;&lt;code&gt;&lt;span class="o"&gt;*&lt;/span&gt;&lt;span class="nd"&gt;:not&lt;/span&gt;&lt;span class="o"&gt;(&lt;/span&gt;&lt;span class="nt"&gt;ul&lt;/span&gt;&lt;span class="o"&gt;)&lt;/span&gt;&lt;span class="nd"&gt;:not&lt;/span&gt;&lt;span class="o"&gt;(&lt;/span&gt;&lt;span class="nt"&gt;ol&lt;/span&gt;&lt;span class="o"&gt;)&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="nl"&gt;margin&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="m"&gt;0&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
  &lt;span class="nl"&gt;padding&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="m"&gt;0&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;



&lt;p&gt;It reverts most of the browser specific styles that I care of in the beginning preserving lists markers.&lt;/p&gt;

</description>
      <category>discuss</category>
      <category>css</category>
    </item>
    <item>
      <title>How do you set up a project with Preact?</title>
      <dc:creator>David Sima</dc:creator>
      <pubDate>Sat, 25 May 2019 15:38:15 +0000</pubDate>
      <link>https://dev.to/the24thds/how-do-you-set-up-a-project-with-preact-3ldk</link>
      <guid>https://dev.to/the24thds/how-do-you-set-up-a-project-with-preact-3ldk</guid>
      <description>

</description>
      <category>help</category>
      <category>preact</category>
    </item>
    <item>
      <title>How do you separate and organize your Express.JS files?</title>
      <dc:creator>David Sima</dc:creator>
      <pubDate>Sun, 12 May 2019 12:50:22 +0000</pubDate>
      <link>https://dev.to/the24thds/how-do-you-separate-and-organize-your-express-js-files-2o26</link>
      <guid>https://dev.to/the24thds/how-do-you-separate-and-organize-your-express-js-files-2o26</guid>
      <description>&lt;p&gt;I am currently working on a project in which I have to also create a server using express.js. I am curious to know what is the best way to organize the files. Do you extract every endpoint function into a new file? How do you group them?&lt;/p&gt;

</description>
      <category>help</category>
      <category>expressjs</category>
    </item>
    <item>
      <title>Personal site/portfolio</title>
      <dc:creator>David Sima</dc:creator>
      <pubDate>Mon, 06 May 2019 20:33:31 +0000</pubDate>
      <link>https://dev.to/the24thds/personal-site-portfolio-hfd</link>
      <guid>https://dev.to/the24thds/personal-site-portfolio-hfd</guid>
      <description>&lt;p&gt;I delayed the thought of making a personal site or portfolio for a long time. The main reason was that I didn't think that I had enough experience or projects to show off. On top of that, I needed a &lt;em&gt;professional&lt;/em&gt; domain. So when .dev domains came out I got one basically forcing myself to build a personal site.&lt;/p&gt;

&lt;p&gt;I gathered most of my projects, some of which I found scattered throughout different folders and uploaded them on GitHub (The ones that weren't already there). Then I started thinking of the design 🤔. I am not an &lt;em&gt;artistic person&lt;/em&gt; but I was sure that with my personal site I wanted to show a part of me so I decided to include things that I like in general, not just development oriented. I used Adobe XD for designing as I am on Windows and I find it a pretty good replacement for Sketch. I finally settled for what I would call a minimalistic site. My main inspiration was Ali Spittel's article &lt;a href="https://zen-of-programming.com/kickass-portfolio/"&gt;Building a Kickass Portfolio&lt;/a&gt;. Thank you &lt;a class="comment-mentioned-user" href="https://dev.to/aspittel"&gt;@aspittel&lt;/a&gt;
.&lt;/p&gt;

&lt;p&gt;Then I probably made my first mistake. I didn't even think about what I was going to use to make it. I just used ReactJS even though it is so minimalistic that it can be created very easy without it. I also built a backend using Express.js for handling the form submission. I used an npm package called nodemailer to mail myself the form data. On top of that, I also added a Matomo script for tracking, optimized for a SPA and an opt-out option. The final step was building and deploying it on my RaspberryPi 3 B+ (which I love so much), getting a free SSL certificate, figuring out how to make NGINX serve content on two different domains, setting up Cloudflare (🍰) and automatically updating the IP inside Cloudflare because I have a dynamic IP. Really, apart from setting up Cloudflare, the backend part was way more challenging than the frontend. But, after all of that, I am proud of what I got.&lt;/p&gt;

&lt;p&gt;Now, it is your turn. I ask you to check out my site and tell me: what do you like, what you don't like, what you would do differently, and overall, what are your thoughts on my site and my projects. 🤗&lt;/p&gt;

&lt;p&gt;Here is the site: &lt;a href="https://david-sima.dev/"&gt;https://david-sima.dev/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Thank you for your time! 😄&lt;/p&gt;

</description>
      <category>portfolio</category>
      <category>react</category>
      <category>review</category>
      <category>javascript</category>
    </item>
    <item>
      <title>Just finished my first app with Electron</title>
      <dc:creator>David Sima</dc:creator>
      <pubDate>Wed, 13 Feb 2019 14:47:00 +0000</pubDate>
      <link>https://dev.to/the24thds/just-finished-my-first-app-with-electron-18ho</link>
      <guid>https://dev.to/the24thds/just-finished-my-first-app-with-electron-18ho</guid>
      <description>&lt;p&gt;These days I challenged myself to build an app using Electron. It wasn't so much of a challenge because it's still JavaScript but it's more of the idea of building a desktop app instead of a web one.&lt;/p&gt;

&lt;p&gt;Many times I found myself in the following situation: &lt;em&gt;I find a very nice article or video online that I find interesting but I have no time to read/watch it at that moment&lt;/em&gt;. &lt;br&gt;
I was dreaming of a simple app in which I could keep my findings for later but at the same time, I wanted something that stores data locally. Instead of searching for such an app, I woke up in the morning saying that it will be better to build one myself. So here I am with version 1.0.0, very basic and most probably very buggy but I am proud of what I made 😁&lt;/p&gt;

&lt;p&gt;I'm leaving links to the &lt;a href="https://www.producthunt.com/posts/read-it"&gt;Product Hunt&lt;/a&gt; page and to the &lt;a href="https://github.com/The24thDS/read-IT"&gt;GitHub&lt;/a&gt; repository.&lt;br&gt;
I would appreciate if you would give me an upvote or a star ⭐ or even try my app if you find it interesting.&lt;br&gt;
I'm waiting for suggestions 🤔 on improving the app and for bug reports 😫. Help me make this better! 💻&lt;/p&gt;

&lt;p&gt;Also, this is my first DEV post 🎉&lt;/p&gt;

&lt;p&gt;P.S: I'm 0% artistic, so any suggestions on improving the UI are most welcome 😊&lt;/p&gt;

</description>
      <category>electronjs</category>
      <category>javascript</category>
    </item>
  </channel>
</rss>
