<?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: Peter Timoshevsky</title>
    <description>The latest articles on DEV Community by Peter Timoshevsky (@fcfn).</description>
    <link>https://dev.to/fcfn</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%2F197989%2F85d6edaa-87c3-4841-9c57-d6384a1ce1a1.png</url>
      <title>DEV Community: Peter Timoshevsky</title>
      <link>https://dev.to/fcfn</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/fcfn"/>
    <language>en</language>
    <item>
      <title>Background fill animation on complex shapes</title>
      <dc:creator>Peter Timoshevsky</dc:creator>
      <pubDate>Tue, 08 Sep 2020 09:53:45 +0000</pubDate>
      <link>https://dev.to/fcfn/background-fill-animation-on-complex-shapes-4fck</link>
      <guid>https://dev.to/fcfn/background-fill-animation-on-complex-shapes-4fck</guid>
      <description>&lt;p&gt;Hello, dear dev.to community!&lt;/p&gt;

&lt;p&gt;What would be the best way (performance wise and/or complexity wise) to implement a background fill animation for a complex shape that has more than one element (like an arrow below). It seems to be such a simple animation, but I'm not sure whether I should start looking into pure CSS solutions, or JS, some animation library, SVGs? What solution would allow to have an arrow of arbitrary length?&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%2Fi%2Fsmg4bi9moafe35dqq3mg.gif" 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%2Fi%2Fsmg4bi9moafe35dqq3mg.gif" alt="Animation of arrow filling with color" width="360" height="280"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Can anyone also recommend any articles, videos or textbooks on Web animation that could teach me doing such not-so-obvious things? Animation in Android/Flutter is probably completely different, but if you happen to have something to share on it, please do!&lt;/p&gt;

</description>
      <category>web</category>
      <category>animation</category>
      <category>frontend</category>
      <category>help</category>
    </item>
    <item>
      <title>Firefox-like event listener detection in Chrome Dev Tools?</title>
      <dc:creator>Peter Timoshevsky</dc:creator>
      <pubDate>Wed, 25 Sep 2019 19:25:09 +0000</pubDate>
      <link>https://dev.to/fcfn/firefox-like-event-detection-in-chrome-dev-tools-3688</link>
      <guid>https://dev.to/fcfn/firefox-like-event-detection-in-chrome-dev-tools-3688</guid>
      <description>&lt;p&gt;I find this feature of Firefox Developer Edition developer tools very useful. Does anyone know if it's possible to get the same functionality in Chrome Dev Tools? I'm used to Chrome (also JetBrains IDEs only work with Chrome for advanced JS debugging), but it's just such a killer feature comparing with what you have to do in Chrome to find a particular event listener, and I don't like having to switch between Firefox and Chrome unless necessary.&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%2Frtob28xi7nh67w3f8o7u.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%2Frtob28xi7nh67w3f8o7u.png" alt="Firefox Dev tools showing event listener on an element" width="635" height="56"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Perhaps a feature request somewhere I can vote for?&lt;/p&gt;

</description>
      <category>firefox</category>
      <category>chrome</category>
      <category>help</category>
    </item>
    <item>
      <title>Systemd security w/o User directive</title>
      <dc:creator>Peter Timoshevsky</dc:creator>
      <pubDate>Mon, 29 Jul 2019 07:23:35 +0000</pubDate>
      <link>https://dev.to/fcfn/systemd-security-w-o-user-directive-220d</link>
      <guid>https://dev.to/fcfn/systemd-security-w-o-user-directive-220d</guid>
      <description>&lt;p&gt;So every systemd service whose unit file has no &lt;code&gt;User&lt;/code&gt; directive runs as the root user. Are there any security implications of this? Should I not run untrusted code as a service w/o using User directive or does systemd have some sort of permission sandboxing even though the processes run as root?&lt;/p&gt;

</description>
      <category>help</category>
      <category>systemd</category>
      <category>security</category>
      <category>linux</category>
    </item>
    <item>
      <title>Rule on insert</title>
      <dc:creator>Peter Timoshevsky</dc:creator>
      <pubDate>Fri, 19 Jul 2019 19:36:38 +0000</pubDate>
      <link>https://dev.to/fcfn/rule-on-insert-e6e</link>
      <guid>https://dev.to/fcfn/rule-on-insert-e6e</guid>
      <description>&lt;p&gt;Hello!&lt;/p&gt;

&lt;p&gt;There is a bug in one of the database modules I use and sometimes it inserts 'undefined' into the database. I want to create a rule that will replace one of the values in the row with another. I've tried this:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight sql"&gt;&lt;code&gt;&lt;span class="k"&gt;CREATE&lt;/span&gt; &lt;span class="k"&gt;RULE&lt;/span&gt; &lt;span class="n"&gt;replace_undefined&lt;/span&gt; &lt;span class="k"&gt;AS&lt;/span&gt; &lt;span class="k"&gt;ON&lt;/span&gt; &lt;span class="k"&gt;INSERT&lt;/span&gt; &lt;span class="k"&gt;TO&lt;/span&gt; &lt;span class="n"&gt;telegraf_session&lt;/span&gt;
    &lt;span class="k"&gt;WHERE&lt;/span&gt; &lt;span class="k"&gt;NEW&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="k"&gt;session&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="s1"&gt;'undefined'&lt;/span&gt;
    &lt;span class="k"&gt;DO&lt;/span&gt; &lt;span class="k"&gt;INSTEAD&lt;/span&gt; &lt;span class="k"&gt;INSERT&lt;/span&gt; &lt;span class="k"&gt;INTO&lt;/span&gt; &lt;span class="n"&gt;telegraf_session&lt;/span&gt; &lt;span class="k"&gt;VALUES&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="k"&gt;NEW&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="n"&gt;id&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="k"&gt;REPLACE&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="k"&gt;NEW&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="k"&gt;session&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="s1"&gt;'undefined'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="s1"&gt;'{}'&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;But on inserting with this rule I get &lt;code&gt;ERROR: infinite recursion detected in rules for relation "telegraf_session"&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;What am I doing wrong? I thing the condition isn't respected, but I'm not sure why.&lt;/p&gt;

&lt;p&gt;Thanks!&lt;/p&gt;

</description>
      <category>help</category>
      <category>postgres</category>
    </item>
  </channel>
</rss>
