<?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: dimazz</title>
    <description>The latest articles on DEV Community by dimazz (@dimazz).</description>
    <link>https://dev.to/dimazz</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%2F73785%2F6fdaf213-4693-466f-a949-bdae42c0066f.jpg</url>
      <title>DEV Community: dimazz</title>
      <link>https://dev.to/dimazz</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/dimazz"/>
    <language>en</language>
    <item>
      <title>Data Driven Blog</title>
      <dc:creator>dimazz</dc:creator>
      <pubDate>Wed, 18 Mar 2020 09:06:33 +0000</pubDate>
      <link>https://dev.to/dimazz/data-driven-blog-1io3</link>
      <guid>https://dev.to/dimazz/data-driven-blog-1io3</guid>
      <description>&lt;p&gt;Hi, devs&lt;/p&gt;

&lt;p&gt;I just created for myself a single page app with a collection of all the projects, articles, thoughts and other things I worked on in the last five years.&lt;/p&gt;

&lt;p&gt;I used VueJS and Bootstrap to create that, then I thought that it may be useful for anybody else and uploaded this project to Github.&lt;/p&gt;

&lt;p&gt;Hope anybody will use DD Blog&lt;/p&gt;

&lt;p&gt;&lt;a href="https://artrayd.com/dd-blog/"&gt;Demo&lt;/a&gt; | &lt;a href="https://github.com/artrayd/dd-blog"&gt;GitHub&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--9JBILyzr--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://artrayd.com/dd-blog/img/favicon.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--9JBILyzr--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://artrayd.com/dd-blog/img/favicon.png" alt=""&gt;&lt;/a&gt; &lt;/p&gt;

</description>
      <category>vue</category>
      <category>opensource</category>
      <category>bootstrap</category>
      <category>datadriven</category>
    </item>
    <item>
      <title>Chrome Extension that improves tab navigation UX</title>
      <dc:creator>dimazz</dc:creator>
      <pubDate>Wed, 21 Aug 2019 15:50:08 +0000</pubDate>
      <link>https://dev.to/dimazz/chrome-extension-that-improves-tab-navigation-ux-2g7i</link>
      <guid>https://dev.to/dimazz/chrome-extension-that-improves-tab-navigation-ux-2g7i</guid>
      <description>&lt;p&gt;Hi devs,&lt;/p&gt;

&lt;p&gt;Please checkout chrome extension I made, it may save to you 5-10 minutes a day on tab switching. &lt;/p&gt;

&lt;h5&gt;
  
  
  Screenshot:
&lt;/h5&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--ooaeKElN--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/http://artrayd.com/quicka/product-hunt-screenshot-3.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ooaeKElN--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/http://artrayd.com/quicka/product-hunt-screenshot-3.png" alt=""&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h5&gt;
  
  
  Here is how:
&lt;/h5&gt;

&lt;ol&gt;
&lt;li&gt;Clicking target is 2x bigger&lt;/li&gt;
&lt;li&gt;Mouse path is shorter, because it's in the center of screen&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;a href="https://medium.com/@dmitrymind/this-web-extension-will-help-you-to-save-1-5-cee580480881"&gt;Here&lt;/a&gt; I wrote short UX research artricle with more details&lt;/p&gt;

&lt;h5&gt;
  
  
  Link:
&lt;/h5&gt;

&lt;p&gt;&lt;a href="https://chrome.google.com/webstore/detail/quick-a/gilkjbonaifnnghbdpjmbomjjfffabmn"&gt;https://chrome.google.com/webstore/detail/quick-a/gilkjbonaifnnghbdpjmbomjjfffabmn&lt;/a&gt;&lt;/p&gt;

</description>
      <category>chromeextension</category>
      <category>tabs</category>
      <category>ux</category>
      <category>tabmanager</category>
    </item>
    <item>
      <title>Freehand SVG Draw</title>
      <dc:creator>dimazz</dc:creator>
      <pubDate>Mon, 29 Jul 2019 07:19:17 +0000</pubDate>
      <link>https://dev.to/dimazz/freehand-svg-draw-4jgd</link>
      <guid>https://dev.to/dimazz/freehand-svg-draw-4jgd</guid>
      <description>&lt;p&gt;Hi devs,&lt;/p&gt;

&lt;p&gt;I'd like to introduce you my first open-source VueJS product. About a week ago, I wanted to add simple draw stuff to &lt;a href="http://artrayd.com/diarywheel/" rel="noopener noreferrer"&gt;my pet project&lt;/a&gt;... and didn't found anything ready for VueJS.&lt;/p&gt;

&lt;p&gt;I spent around 2 days rewriting other js solution to fit my needs. Now I want to share it with vuejs community. Code is not perfect, there are a lot of space for improvements, but hope it will be useful.&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%2Fjtwp4jwpz5ec01z5qxfk.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%2Fjtwp4jwpz5ec01z5qxfk.png"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Draw with mouse or fingers vector SVG paths. Minimal UI and functionality. Made for VueJs. &lt;/p&gt;

&lt;h5&gt;
  
  
  Demo:
&lt;/h5&gt;

&lt;p&gt;&lt;a href="https://artrayd.com/freehand-svg/" rel="noopener noreferrer"&gt;https://artrayd.com/freehand-svg/&lt;/a&gt;&lt;/p&gt;

&lt;h5&gt;
  
  
  GitHub:
&lt;/h5&gt;

&lt;p&gt;&lt;a href="https://github.com/artrayd/vuejs-freehand-svg-draw" rel="noopener noreferrer"&gt;https://github.com/artrayd/vuejs-freehand-svg-draw&lt;/a&gt;&lt;/p&gt;

</description>
      <category>svg</category>
      <category>draw</category>
      <category>paint</category>
      <category>pencil</category>
    </item>
  </channel>
</rss>
