<?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: Vadi iz hub'a</title>
    <description>The latest articles on DEV Community by Vadi iz hub'a (@zvr).</description>
    <link>https://dev.to/zvr</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%2F602269%2F1a73e57a-ff74-4ad2-9278-bcd6bad43b1f.jpg</url>
      <title>DEV Community: Vadi iz hub'a</title>
      <link>https://dev.to/zvr</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/zvr"/>
    <language>en</language>
    <item>
      <title>A Huge Selection of FREE and high-quality Web Services!</title>
      <dc:creator>Vadi iz hub'a</dc:creator>
      <pubDate>Sun, 13 Mar 2022 15:33:41 +0000</pubDate>
      <link>https://dev.to/zvr/a-huge-selection-of-free-and-high-quality-web-services-4kjc</link>
      <guid>https://dev.to/zvr/a-huge-selection-of-free-and-high-quality-web-services-4kjc</guid>
      <description>&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--q6pJ1aZP--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://img.freepik.com/free-vector/office-work-school-education-man-writing-chart-board-woman-designer-drawing-graphic-tablet-teacher-stand-knee-giving-book-little-girl-with-schoolbag_33099-2516.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--q6pJ1aZP--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://img.freepik.com/free-vector/office-work-school-education-man-writing-chart-board-woman-designer-drawing-graphic-tablet-teacher-stand-knee-giving-book-little-girl-with-schoolbag_33099-2516.jpg" alt="Image description" width="626" height="278"&gt;&lt;/a&gt;&lt;br&gt;
GENERATORS:&lt;/p&gt;

&lt;p&gt;Text Content Generator - &lt;a href="http://www.lipsum.com"&gt;http://www.lipsum.com&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Favicon Generator - &lt;a href="http://tools.dynamicdrive.com/favicon"&gt;http://tools.dynamicdrive.com/favicon&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Data Generator - &lt;a href="https://mockaroo.com/"&gt;https://mockaroo.com/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Mobile Mockup Generator - &lt;a href="https://mockuphone.com"&gt;https://mockuphone.com&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Logo Generator - &lt;a href="https://www.logaster.com"&gt;https://www.logaster.com&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;UUID Generator - &lt;a href="https://www.uuidgenerator.net/"&gt;https://www.uuidgenerator.net/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Hash Generator - &lt;a href="https://passwordsgenerator.net/sha256-hash-generator/"&gt;https://passwordsgenerator.net/sha256-hash-generator/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Ultimate Code Generator - &lt;a href="https://webcode.tools/"&gt;https://webcode.tools/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;IMAGE RESOURCES:&lt;/p&gt;

&lt;p&gt;Free Stock Images - &lt;a href="https://www.pexels.com"&gt;https://www.pexels.com&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Free Stock Images With Great API - &lt;a href="https://unsplash.com/"&gt;https://unsplash.com/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Free Vectors, mockups - &lt;a href="https://www.freepik.com"&gt;https://www.freepik.com&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Dummy Image Placeholders - &lt;a href="https://source.unsplash.com/"&gt;https://source.unsplash.com/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Dummy Image Placeholders - &lt;a href="https://placeholder.com"&gt;https://placeholder.com&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Free Icons - &lt;a href="https://www.iconfinder.com"&gt;https://www.iconfinder.com&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;CODE OPTIMIZATION:&lt;/p&gt;

&lt;p&gt;Minify JS &amp;amp; CSS - &lt;a href="http://minifier.org"&gt;http://minifier.org&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Code Optimization Tools - &lt;a href="https://codebeautify.org"&gt;https://codebeautify.org&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Code Diff Checker - &lt;a href="https://www.diffchecker.com"&gt;https://www.diffchecker.com&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;CONVERTERS:&lt;/p&gt;

&lt;p&gt;ES6+ &amp;amp; JSX Compiler - &lt;a href="https://babeljs.io/repl"&gt;https://babeljs.io/repl&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Sass Converter - &lt;a href="https://www.sassmeister.com/"&gt;https://www.sassmeister.com/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Less Converter &amp;amp; More - &lt;a href="http://www.webtoolkitonline.com"&gt;http://www.webtoolkitonline.com&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Markdown Editor - &lt;a href="https://stackedit.io"&gt;https://stackedit.io&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Jade Converter - &lt;a href="http://www.html2jade.org/"&gt;http://www.html2jade.org/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;IMAGE COMPRESSION:&lt;/p&gt;

&lt;p&gt;Compress All Images - &lt;a href="https://compressor.io/compress"&gt;https://compressor.io/compress&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Compress JPG - &lt;a href="http://jpeg-optimizer.com/"&gt;http://jpeg-optimizer.com/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Compress PNG - &lt;a href="https://tinypng.com/"&gt;https://tinypng.com/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;VALIDATION &amp;amp; COMPATIBILITY:&lt;/p&gt;

&lt;p&gt;Validate HTML - &lt;a href="https://validator.w3.org"&gt;https://validator.w3.org&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Validate CSS - &lt;a href="https://jigsaw.w3.org/css-validator"&gt;https://jigsaw.w3.org/css-validator&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Check Browser Compatibility - &lt;a href="https://caniuse.com/"&gt;https://caniuse.com/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;ES6+ Compatibility Table - &lt;a href="https://kangax.github.io/compat-table/es6/"&gt;https://kangax.github.io/compat-table/es6/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;IN BROWSER CODING:&lt;/p&gt;

&lt;p&gt;Client Side Code - &lt;a href="https://codepen.io"&gt;https://codepen.io&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Client Side Code - &lt;a href="https://jsfiddle.net"&gt;https://jsfiddle.net&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Client Side Code - &lt;a href="http://liveweave.com"&gt;http://liveweave.com&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Server Side Code - &lt;a href="https://repl.it"&gt;https://repl.it&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;SNIPPET TOOLS:&lt;/p&gt;

&lt;p&gt;Snippet Manager - &lt;a href="https://gist.github.com"&gt;https://gist.github.com&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Snippet Manager - &lt;a href="https://pastebin.com"&gt;https://pastebin.com&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;COLOR &amp;amp; DESIGN:&lt;/p&gt;

&lt;p&gt;Create Color Schemes - &lt;a href="https://color.hailpixel.com"&gt;https://color.hailpixel.com&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Get Color Schemes of Websites - &lt;a href="http://stylifyme.com"&gt;http://stylifyme.com&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Create Gradients - &lt;a href="https://uigradients.com"&gt;https://uigradients.com&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;CSS Button Generator - &lt;a href="http://css3buttongenerator.com"&gt;http://css3buttongenerator.com&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;HTML Entity Lookup - &lt;a href="http://entity-lookup.leftlogic.com/"&gt;http://entity-lookup.leftlogic.com/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;RESPONSIVENESS:&lt;/p&gt;

&lt;p&gt;Device Testing - &lt;a href="http://www.responsinator.com"&gt;http://www.responsinator.com&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;What's My Browser Size - &lt;a href="https://www.webpagefx.com/tools/whats-my-browser-size/"&gt;https://www.webpagefx.com/tools/whats-my-browser-size/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;WIREFRAME:&lt;/p&gt;

&lt;p&gt;In Browser Wireframing - &lt;a href="https://app.moqups.com"&gt;https://app.moqups.com&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Very Basic In Browser Wireframing - &lt;a href="https://wireframe.cc"&gt;https://wireframe.cc&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;SPEED TEST:&lt;/p&gt;

&lt;p&gt;Speed &amp;amp; Performance Testing - &lt;a href="https://tools.keycdn.com/speed"&gt;https://tools.keycdn.com/speed&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Pingdom Speed Test - &lt;a href="https://tools.pingdom.com/"&gt;https://tools.pingdom.com/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;OTHER:&lt;/p&gt;

&lt;p&gt;Public API Resources - &lt;a href="https://github.com/toddmotto/public-apis?utm_source=mybridge&amp;amp;utm_medium=blog&amp;amp;utm_campaign=read_more"&gt;https://github.com/toddmotto/public-apis?utm_source=mybridge&amp;amp;utm_medium=blog&amp;amp;utm_campaign=read_more&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Organized Docs for all Popular Web Technologies - &lt;a href="https://devdocs.io"&gt;https://devdocs.io&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--uoUWszBw--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/phx0v6f7wolfow66aqxo.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--uoUWszBw--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/phx0v6f7wolfow66aqxo.png" alt="Image description" width="490" height="412"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>beginners</category>
      <category>github</category>
      <category>webdev</category>
      <category>free</category>
    </item>
    <item>
      <title>Interactive Resume</title>
      <dc:creator>Vadi iz hub'a</dc:creator>
      <pubDate>Sat, 05 Feb 2022 11:57:43 +0000</pubDate>
      <link>https://dev.to/zvr/interactive-resume-4om</link>
      <guid>https://dev.to/zvr/interactive-resume-4om</guid>
      <description>&lt;p&gt;Привет! &lt;br&gt;
Я совсем новичок в этом деле! Прошу не &lt;del&gt;ср@*ь&lt;/del&gt; гневными сообщениями.😘 &lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--F-h1Tr3d--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/weahzd6jfeggl3omod45.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--F-h1Tr3d--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/weahzd6jfeggl3omod45.png" alt="Help" width="128" height="128"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Подскажите пожалуйста, как сделать (обзор "фонарика") круглым, по сути любому совету буду признателен!&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Played a little bit of hide and seek with my resume. Used the code for the flashlight effect from here:&lt;a href="http://codepen.io/arroinua/pen/bBxgm"&gt;http://codepen.io/arroinua/pen/bBxgm&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/zvrhub/embed/KKygjgX?height=600&amp;amp;default-tab=result&amp;amp;embed-version=2"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

</description>
      <category>codepen</category>
      <category>help</category>
      <category>webdev</category>
      <category>russia</category>
    </item>
  </channel>
</rss>
