<?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: Jovan Savic</title>
    <description>The latest articles on Forem by Jovan Savic (@jovan).</description>
    <link>https://forem.com/jovan</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%2F25173%2Fcba59b40-e46a-47e0-a95c-025fd13c8ee6.png</url>
      <title>Forem: Jovan Savic</title>
      <link>https://forem.com/jovan</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/jovan"/>
    <language>en</language>
    <item>
      <title>How to Get Feedback from Users</title>
      <dc:creator>Jovan Savic</dc:creator>
      <pubDate>Tue, 23 Jul 2019 20:52:00 +0000</pubDate>
      <link>https://forem.com/jovan/how-to-get-feedback-from-users-4me3</link>
      <guid>https://forem.com/jovan/how-to-get-feedback-from-users-4me3</guid>
      <description>&lt;h3&gt;
  
  
  There are a lot of features I want to implement. But which one is most important? Which one will users appreciate the most?
&lt;/h3&gt;

&lt;h5&gt;
  
  
  Better to ask the way than go astray
&lt;/h5&gt;

&lt;p&gt;It's a bad thing to guess what people want the most. If you are certain about something then do it. But if you are not sure, and there are a bunch of equally important features than it's better to ask, right? &lt;/p&gt;

&lt;p&gt;That's why I'm creating &lt;strong&gt;Feedback&lt;/strong&gt; page on &lt;a href="https://thetrack.app/"&gt;The Track&lt;/a&gt;. Registered users could post suggestions, and everyone with account could vote. Most popular suggestions will be implemented first. &lt;/p&gt;

&lt;p&gt;Oh, and everyone can see progress.&lt;/p&gt;

&lt;p&gt;With &lt;strong&gt;Feedback&lt;/strong&gt; page we will avoid developing &lt;em&gt;cool&lt;/em&gt; features that people don't need. Also, we'll get feedback directly from those that are affected the most. &lt;/p&gt;

&lt;p&gt;I'm curious what do you think about it? &lt;/p&gt;

&lt;p&gt;What should we call this page? Feedback, Features, or something else?&lt;/p&gt;

&lt;p&gt;What do you think about asking users for opinion and suggestion?&lt;/p&gt;

&lt;blockquote&gt;
&lt;h3&gt;
  
  
  What's wrong with the approach?
&lt;/h3&gt;
&lt;h3&gt;
  
  
  What's good with this approach?
&lt;/h3&gt;
&lt;/blockquote&gt;

&lt;p&gt;Once again, it's better to be harsh than to say nothing. I'm really looking forward to your feedback!&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>productivity</category>
      <category>showdev</category>
      <category>electronjs</category>
    </item>
    <item>
      <title>I published App I been working on and this happened...</title>
      <dc:creator>Jovan Savic</dc:creator>
      <pubDate>Fri, 19 Jul 2019 20:11:57 +0000</pubDate>
      <link>https://forem.com/jovan/i-published-app-i-been-developing-and-this-happened-1ja4</link>
      <guid>https://forem.com/jovan/i-published-app-i-been-developing-and-this-happened-1ja4</guid>
      <description>&lt;p&gt;First of all, I wanna thank &lt;a class="mentioned-user" href="https://dev.to/danielw"&gt;@danielw&lt;/a&gt; and &lt;a class="mentioned-user" href="https://dev.to/darksmile92"&gt;@darksmile92&lt;/a&gt; for helpful feedback on my website. I will apply it to my next website update.&lt;/p&gt;

&lt;h4&gt;
  
  
  Yesterday, I finally completed and published the app on &lt;a href="https://www.producthunt.com/posts/the-track" rel="noopener noreferrer"&gt;Product Hunt&lt;/a&gt; &amp;amp; &lt;a href="https://thetrack.app/" rel="noopener noreferrer"&gt;Website&lt;/a&gt;. Now, I wanna share results with you.
&lt;/h4&gt;

&lt;p&gt;I expected less than 10 upvotes on &lt;a href="https://www.producthunt.com/posts/the-track" rel="noopener noreferrer"&gt;Product Hunt&lt;/a&gt; and less than 5 registered users. My biggest fear was that no one will even visit a website and that I will have zero registered people.&lt;/p&gt;

&lt;p&gt;But somehow I got a small response and I was so happy about it. More than 20 registered accounts, and almost 60 Upvotes (58 while I'm writing this) on Product Hunt.&lt;/p&gt;

&lt;p&gt;Oh yeah, of course, I unexpected bug occurred :O "Quota has been exceeded for this project..." and visitors couldn’t download installation files. I was so lucky that T.E. was kind enough to point that out and I did quick transition to AWS where I already had uploaded files for download. &lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;I'm still counting every registered user, and I plan to send each of them an email. &lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;This is the app for personal projects, and customizable so it can be more personal itself. The whole point is to have something personal, and I want to get know with each person who uses the app.&lt;/p&gt;

&lt;p&gt;Thanks for the support and feedback. Read &lt;a href="https://dev.to/jovansavic/i-designed-and-coded-a-cross-platform-app-by-myself-1m35"&gt;post&lt;/a&gt; if you wanna know more, or check &lt;a href="https://www.producthunt.com/posts/the-track" rel="noopener noreferrer"&gt;Product Hunt&lt;/a&gt; and/or &lt;a href="https://thetrack.app/" rel="noopener noreferrer"&gt;Website&lt;/a&gt;.&lt;/p&gt;

&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%2Fthepracticaldev.s3.amazonaws.com%2Fi%2F95zlo27lr6r66pnrhl9y.gif" 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%2Fthepracticaldev.s3.amazonaws.com%2Fi%2F95zlo27lr6r66pnrhl9y.gif" alt="The Track - Time Tracking App for Personal projects"&gt;&lt;/a&gt;&lt;br&gt;
Video Created by &lt;a href="https://www.remote.tools/" rel="noopener noreferrer"&gt;Remote Tools&lt;/a&gt;&lt;/p&gt;

</description>
      <category>productivity</category>
      <category>angular</category>
      <category>electron</category>
    </item>
    <item>
      <title>I designed and coded a cross-platform app by myself!</title>
      <dc:creator>Jovan Savic</dc:creator>
      <pubDate>Thu, 18 Jul 2019 00:52:45 +0000</pubDate>
      <link>https://forem.com/jovan/i-designed-and-coded-a-cross-platform-app-by-myself-1m35</link>
      <guid>https://forem.com/jovan/i-designed-and-coded-a-cross-platform-app-by-myself-1m35</guid>
      <description>&lt;h3&gt;
  
  
  Long time no see!
&lt;/h3&gt;

&lt;h4&gt;
  
  
  It's been 2 years (and a couple of days) since I opened an account on dev.to.
&lt;/h4&gt;

&lt;p&gt;I will celebrate the 2nd anniversary with publishing post about my latest side project. &lt;/p&gt;

&lt;p&gt;Some time ago, I needed a time tracking app for some of my projects. The good thing is that there is a lot of time tracking apps!&lt;br&gt;
But, of course, If I were satisfied with some of them, I wouldn't make this post :D &lt;/p&gt;

&lt;p&gt;I wanted a really simple app, just to track my projects and if it's possible to somehow remind me when to start and stop. Oh, and if there is an app to just stop tracking automatically when I stop working. &lt;/p&gt;

&lt;p&gt;After using Toggle for some time, I decided to try designing an app that will suit my needs. &lt;/p&gt;

&lt;p&gt;The design was nice, I thought, and I even knew Front-End, but I didn't want another web time tracker. I didn't want another tab or window open, I wanted something simple and easy to use. &lt;/p&gt;

&lt;h4&gt;
  
  
  So I decided to quit
&lt;/h4&gt;

&lt;p&gt;But this year, I started experimenting with something called Electron.js, and it was mind-blowing. I couldn't believe I can write HTML, CSS, JS, and create an app for macOS, Windows, and Linux, and all that with just one codebase. IT WAS AMAZING!&lt;/p&gt;

&lt;h4&gt;
  
  
  So I started working on it again
&lt;/h4&gt;

&lt;p&gt;I found Angular-Electron starter kit on GitHub, and slowly started with slicing design screen by screen. &lt;/p&gt;

&lt;p&gt;It was an amazing experience. There were so many things that were harder than I expected to be, and there were so many easy to do things that I expected to be hard. &lt;/p&gt;

&lt;p&gt;I finally published 1.0.0 version :D &lt;/p&gt;

&lt;p&gt;I published a post on &lt;a href="https://www.producthunt.com/posts/the-track" rel="noopener noreferrer"&gt;Product Hunt&lt;/a&gt;, and if you are curious about it, you can visit &lt;a href="https://thetrack.app/" rel="noopener noreferrer"&gt;The Track Website&lt;/a&gt;. &lt;/p&gt;

&lt;h4&gt;
  
  
  Feel free to leave harsh feedback.
&lt;/h4&gt;

&lt;p&gt;I'm planning to launch more products and getting real feedback will prevent me from making the same mistakes again. &lt;/p&gt;

&lt;p&gt;The Track GIF:&lt;/p&gt;

&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%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Foidsszeum2ft5hpmfkpg.gif" 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%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Foidsszeum2ft5hpmfkpg.gif" alt="The Track - Personal Time Tracker"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>productivity</category>
      <category>angular</category>
      <category>electron</category>
    </item>
    <item>
      <title>Do someone here have experience in building commercial Jekyll templates/themes?</title>
      <dc:creator>Jovan Savic</dc:creator>
      <pubDate>Thu, 14 Jun 2018 13:53:24 +0000</pubDate>
      <link>https://forem.com/jovan/do-someone-here-have-experience-in-building-commercial-jekyll-templatesthemes-39jf</link>
      <guid>https://forem.com/jovan/do-someone-here-have-experience-in-building-commercial-jekyll-templatesthemes-39jf</guid>
      <description></description>
      <category>discuss</category>
      <category>webdev</category>
      <category>github</category>
      <category>jekyll</category>
    </item>
    <item>
      <title>I made an animated war tank with HTML and CSS because I got bored. Don't worry, it's not dangerous. </title>
      <dc:creator>Jovan Savic</dc:creator>
      <pubDate>Wed, 29 Nov 2017 23:07:03 +0000</pubDate>
      <link>https://forem.com/jovan/i-made-an-animated-war-tank-with-html-and-css-because-i-got-bored-dont-worry-its-not-dangerous-4d4</link>
      <guid>https://forem.com/jovan/i-made-an-animated-war-tank-with-html-and-css-because-i-got-bored-dont-worry-its-not-dangerous-4d4</guid>
      <description>&lt;p&gt;Sometimes I just want to make something I think is interesting to make. It's fun, and I doubt it will ever be useful. &lt;/p&gt;

&lt;p&gt;This is an example of war thank with animated wheels. I use just HTML and CSS (SASS) for coding it. &lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;Do you have any idea what I can code next?&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;&lt;a href="https://codepen.io/savke012/pen/pdZZLB"&gt;Codepen link&lt;/a&gt;&lt;br&gt;
&lt;iframe height="600" src="https://codepen.io/savke012/embed/pdZZLB?height=600&amp;amp;default-tab=result&amp;amp;embed-version=2"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

</description>
      <category>css</category>
      <category>coding</category>
      <category>showdev</category>
    </item>
    <item>
      <title>Some of the popular hamburger menu toggles</title>
      <dc:creator>Jovan Savic</dc:creator>
      <pubDate>Mon, 20 Nov 2017 22:05:29 +0000</pubDate>
      <link>https://forem.com/jovan/some-of-the-popular-hamburger-menu-toggles-b0c</link>
      <guid>https://forem.com/jovan/some-of-the-popular-hamburger-menu-toggles-b0c</guid>
      <description>&lt;p&gt;Hi there, I just wanted to share with you five "hamburger menus" that I coded on Codepen. What do you think and how often you use it for tablets and phones?&lt;/p&gt;

&lt;p&gt;&lt;a href="https://codepen.io/savke012/pen/EbXwQG"&gt;Ling to Codepen&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Also, you can visit every toggle, especially so you can just copy and paste code without thinking if you want to use it. &lt;/p&gt;

&lt;p&gt;&lt;a href="https://codepen.io/savke012/pen/mqpqKy"&gt;Toggle One&lt;/a&gt;&lt;br&gt;
&lt;a href="https://codepen.io/savke012/pen/dZJZKB"&gt;Toggle Two&lt;/a&gt;&lt;br&gt;
&lt;a href="https://codepen.io/savke012/pen/OOzOoX"&gt;Toggle Three&lt;/a&gt;&lt;br&gt;
&lt;a href="https://codepen.io/savke012/pen/eeyebK"&gt;Toggle Four&lt;/a&gt;&lt;br&gt;
&lt;a href="https://codepen.io/savke012/pen/qVpVgG"&gt;Toggle Five&lt;/a&gt;&lt;/p&gt;

</description>
      <category>discuss</category>
      <category>css</category>
    </item>
    <item>
      <title>Couple things to improve in dev.to UI to make a better experience for users.</title>
      <dc:creator>Jovan Savic</dc:creator>
      <pubDate>Mon, 13 Nov 2017 16:36:57 +0000</pubDate>
      <link>https://forem.com/jovan/couple-things-to-improve-in-devto-ui-to-make-a-better-experience-for-users-bcn</link>
      <guid>https://forem.com/jovan/couple-things-to-improve-in-devto-ui-to-make-a-better-experience-for-users-bcn</guid>
      <description>&lt;p&gt;Hi everyone, this is my first post and I wanted to point some issues that I have while scrolling on the dev.to homepage. &lt;br&gt;
As someone once said &lt;em&gt;"Complaining about a problem without proposing a solution is called whining."&lt;/em&gt; so I felt need to design solution for some of the issues I have. If you want to skip all reading and just see final design scroll to the bottom of the post. &lt;br&gt;
First and biggest issue for me is typography for posts title. It's too big and it feels like a little bit too 'pushy' so I need to try hard to read it. The thing I did to fix this is changing the color of title to little brighter dark (#444444) and font-family to "Zilla Slab". I also change font-family and color of the post author to gray (#95989A) because I felt like I don't need to know first who is an author but a title is very important to me because based on it I will decide if I want to read the post or not. Bellow is an image of the first post on the homepage.&lt;br&gt;
&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fbtdlidkunkx4a0i0e3x5.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%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fbtdlidkunkx4a0i0e3x5.png" alt="First post on homepage"&gt;&lt;/a&gt;&lt;br&gt;
Before I show you the design of rest of the posts on the homepage I need to tell you something. While scrolling on the homepage it would be helpful to first see a thumbnail of posts so I can decide faster what is it about and then if I'm not clear I would read the title. The first post is without a #tag that is now in some posts before title and second is with it.&lt;br&gt;
&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2F8jsw0oc5pot738uo8j2t.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%2Fthepracticaldev.s3.amazonaws.com%2Fi%2F8jsw0oc5pot738uo8j2t.png" alt="Posts with thumbnail on home page"&gt;&lt;/a&gt;&lt;br&gt;
But, what about posts without thumbnail? I doubted what solution to use, this that already exist on dev.to or instead of image to put div with #tag title and background of that tag. Look at the image below for my decision.&lt;br&gt;
&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fzaghakg6ancmn0mjakdc.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%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fzaghakg6ancmn0mjakdc.png" alt="Posts without thumbnail on home page"&gt;&lt;/a&gt;&lt;br&gt;
Other things that I didn't explain are rounded images of authors, colors of tags that look more like links, and smaller icons for likes and comments on non-first posts. There are like that for aesthetical reasons. &lt;br&gt;
Also,  sidebars with discussions and podcasts are little distracting when I want to just look through posts and for that reason I changed links with more brighter color (#95989A). For an aesthetical reason, I changed regular button to 'flat' one. Look at the image below. &lt;br&gt;
&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Faecf0if935v9go17uqyh.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%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Faecf0if935v9go17uqyh.png" alt="Sidebar on home page"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Cards for posts, sidebar, etc are #ffffff with box-shadow of 0, 0, 3, rgba(0,0,0,0.12), background color of page is brighter (#F8F8F8) and all user images are rounded. Almost everywhere font is "Zilla Slab" except for numbers (Roboto). I didn't redesign the whole homepage because I don't think that others things have an influence on experience. &lt;br&gt;
The image below is homepage without footer and elements that I think don't have an influence on experience.&lt;br&gt;
&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2F09raj5uxcj3e12b2bakk.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%2Fthepracticaldev.s3.amazonaws.com%2Fi%2F09raj5uxcj3e12b2bakk.png" alt="Whole design"&gt;&lt;/a&gt; &lt;br&gt;
&lt;a href="https://drive.google.com/open?id=1YVBFZenqkaVZTEf7HyO--2gaolp78IPC" rel="noopener noreferrer"&gt;SVG file with better resolution&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;For end, &lt;br&gt;
I want you to leave the comments if is there something that I didn't explain, do you agree with me or maybe there is no need for this changes. If something I didn't explain right just asks because this is not just my first post on dev.to, this is my first blog post ever. &lt;br&gt;
Also, I want to say thanks to people that allow me using their posts and info in my design. &lt;/p&gt;

</description>
      <category>design</category>
      <category>discuss</category>
      <category>meta</category>
    </item>
  </channel>
</rss>
