<?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: ヘンタイちゃん</title>
    <description>The latest articles on DEV Community by ヘンタイちゃん (@hentaichan).</description>
    <link>https://dev.to/hentaichan</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%2F487619%2Fa159ebfa-1949-4823-a65c-18cfac7335e0.jpeg</url>
      <title>DEV Community: ヘンタイちゃん</title>
      <link>https://dev.to/hentaichan</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/hentaichan"/>
    <language>en</language>
    <item>
      <title>Weather Terminal Application</title>
      <dc:creator>ヘンタイちゃん</dc:creator>
      <pubDate>Thu, 21 Jan 2021 19:55:28 +0000</pubDate>
      <link>https://dev.to/hentaichan/weather-terminal-application-2ok2</link>
      <guid>https://dev.to/hentaichan/weather-terminal-application-2ok2</guid>
      <description>&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--vTMJ3MZd--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/kb1bw9pvpelbhnluypyd.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--vTMJ3MZd--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/kb1bw9pvpelbhnluypyd.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Weather is a modern terminal application for reading weather forecasts by harvesting the OpenWeather API and features rich configuration options.&lt;/p&gt;

&lt;p&gt;It's the first project in a series of endeavours that attempts to bring more terminal applications to Windows.&lt;/p&gt;

&lt;p&gt;Source Code:&lt;br&gt;
&lt;a href="https://github.com/hentai-chan/weather"&gt;https://github.com/hentai-chan/weather&lt;/a&gt;&lt;/p&gt;

</description>
      <category>showdev</category>
      <category>python</category>
    </item>
    <item>
      <title>Material Form Design</title>
      <dc:creator>ヘンタイちゃん</dc:creator>
      <pubDate>Mon, 07 Dec 2020 22:23:35 +0000</pubDate>
      <link>https://dev.to/hentaichan/material-form-design-178a</link>
      <guid>https://dev.to/hentaichan/material-form-design-178a</guid>
      <description>&lt;h1&gt;
  
  
  Preview
&lt;/h1&gt;

&lt;p&gt;Simple webform built with the MaterializeCSS framework. Illustration created by me with Inkscape. TBC!&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--zMXmPYci--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/bpnn0h6s499lkpx46vkm.PNG" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--zMXmPYci--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/bpnn0h6s499lkpx46vkm.PNG" alt="Material Form Design"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>design</category>
      <category>html</category>
      <category>css</category>
    </item>
    <item>
      <title>Website Feedback</title>
      <dc:creator>ヘンタイちゃん</dc:creator>
      <pubDate>Mon, 30 Nov 2020 23:00:46 +0000</pubDate>
      <link>https://dev.to/hentaichan/website-feedback-35kf</link>
      <guid>https://dev.to/hentaichan/website-feedback-35kf</guid>
      <description>&lt;p&gt;Hey there,&lt;/p&gt;

&lt;p&gt;I have been working on &lt;a href="https://hentaichan.pythonanywhere.com/home"&gt;this website&lt;/a&gt; on and off since the middle of October if I recall right. It's still missing a contact page, and I didn't publish a blog post there yet but other than that feel free to attack my horrible design choices! 😅 &lt;/p&gt;

&lt;p&gt;Might be slow to load because I currently host this site under pythonanywhere's free tier until I can afford to upgrade my plan and buy a custom domain name. I have also identified other reasons for the slow first contact that I need to address soon, though SEO isn't a priority for me because I will primarily use this site to share my stuff.&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>portfolio</category>
      <category>review</category>
      <category>design</category>
    </item>
    <item>
      <title>More Inkscape Stuff </title>
      <dc:creator>ヘンタイちゃん</dc:creator>
      <pubDate>Sat, 28 Nov 2020 22:05:14 +0000</pubDate>
      <link>https://dev.to/hentaichan/more-inkscape-stuff-1ko7</link>
      <guid>https://dev.to/hentaichan/more-inkscape-stuff-1ko7</guid>
      <description>&lt;h2&gt;
  
  
  Getting Started
&lt;/h2&gt;

&lt;p&gt;This time I was working on a new illustration for my 404 error page. I am not an artist, so my first call of action was searching for reference images online.&lt;/p&gt;

&lt;h2&gt;
  
  
  Reference Image
&lt;/h2&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%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fqtvqrqghytarmnpvv041.jpg" 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%2Fi%2Fqtvqrqghytarmnpvv041.jpg" alt="Reference Image"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Intermediate Steps
&lt;/h2&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%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fd7gfu4lxg4dptm169jlf.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%2Fi%2Fd7gfu4lxg4dptm169jlf.png" alt="Step 1"&gt;&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%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fdh40tci8n4xu4epdbel8.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%2Fi%2Fdh40tci8n4xu4epdbel8.png" alt="Step 2"&gt;&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%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Feeeqghp4c1ldc990awem.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%2Fi%2Feeeqghp4c1ldc990awem.png" alt="Step 3"&gt;&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%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fg5aq8xhru5qmy38exkc4.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%2Fi%2Fg5aq8xhru5qmy38exkc4.png" alt="Step 4"&gt;&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%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fd1ejuiiqtd3krtnoxmjd.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%2Fi%2Fd1ejuiiqtd3krtnoxmjd.png" alt="Step 5"&gt;&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%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fajwcovd2n9gevc59ggm4.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%2Fi%2Fajwcovd2n9gevc59ggm4.png" alt="Step 6"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;I only started to worry about colors once all shapes were created to streamline my work process.&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%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fk8rnq2bbcaq120xufu3e.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%2Fi%2Fk8rnq2bbcaq120xufu3e.png" alt="Step 7"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  End Result
&lt;/h2&gt;

&lt;p&gt;I combined the satellite figure with another background image I did the day prior to yesterday:&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%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fl9ef7mvlhixvpgos96ww.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%2Fi%2Fl9ef7mvlhixvpgos96ww.PNG" alt="End Result"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Some people might argue that there are too many small details in this figure, and I guess they might be right about that, but I still kinda like it. This is something I'll try to work on over time.&lt;/p&gt;

&lt;p&gt;The &lt;em&gt;final&lt;/em&gt; step would be to add animations to this image of which I had a few ideas; I think the easiest effect to implement would be an infinite slow-paced floating up-and-down animation for the satellite, but this is something I will have to explore sometime later.&lt;/p&gt;

</description>
      <category>design</category>
      <category>webdev</category>
      <category>webdesign</category>
      <category>frontend</category>
    </item>
    <item>
      <title>Flat Geometric Design</title>
      <dc:creator>ヘンタイちゃん</dc:creator>
      <pubDate>Sat, 31 Oct 2020 22:33:32 +0000</pubDate>
      <link>https://dev.to/hentaichan/flat-geometric-design-gg0</link>
      <guid>https://dev.to/hentaichan/flat-geometric-design-gg0</guid>
      <description>&lt;p&gt;This is a new design I am working on. I saw something very similar to this on &lt;a href="https://www.reddit.com/r/web_design/comments/iazr3n/anyone_know_where_to_obtainhow_to_create_these/"&gt;reddit&lt;/a&gt; which prompted the idea but made a few changes here and there. I think the original design was done by Robert Lea but I am not 100% sure so don't quote me on that but definitely worth checking out. Anyway, just thought it is important to give props where props are due.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--NeeFGgTc--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/23udi6a8in31qzse6qbu.PNG" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--NeeFGgTc--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/23udi6a8in31qzse6qbu.PNG" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>design</category>
      <category>webdev</category>
    </item>
    <item>
      <title>Creating Mockups with InkScape</title>
      <dc:creator>ヘンタイちゃん</dc:creator>
      <pubDate>Fri, 16 Oct 2020 18:25:01 +0000</pubDate>
      <link>https://dev.to/hentaichan/creating-mockups-with-inkscape-4fb1</link>
      <guid>https://dev.to/hentaichan/creating-mockups-with-inkscape-4fb1</guid>
      <description>&lt;p&gt;InkScape is a great tool for creating vector graphics with low-specs computers. But can you go a step further and create mockups? Yes, totally. Should you? Maybe not. Its distinct lack of features to collaborate in a team might be a turn off for teams, but as an independent developer this is a side of InkScape I have just started to explore this year.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--uqWLJW_G--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/h1grifctsygfondga0oi.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--uqWLJW_G--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/h1grifctsygfondga0oi.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;It would be nice to have multiple artboards for comparing different views or a better support for typography (on Windows, InkScape can't find my custom fonts for some weird reason?) and icons have to be imported one-by-one, not to mention that there are all kind of weird bugs when you work with big files, but at the end of the day I still love working with it. It gets much easier when you create templates that already contain commonly used assets (color palette for this projects, correctly configured document properties, sytem &amp;amp; social icons, etc.) on a hidden layer to workaround the aforementioned issues a little. &lt;/p&gt;

&lt;p&gt;I feel like there is so much untapped potential in InkScape, but at the same time I am aware that the way I use it nowadays is not what the developers of this software had in mind. Maybe this is a sign that I should move on to something else that's better suited for creating mockups. Guess that's just another case of old habits die hard :)&lt;/p&gt;

</description>
      <category>webdev</category>
    </item>
  </channel>
</rss>
