<?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: Hossein Sadeghi</title>
    <description>The latest articles on Forem by Hossein Sadeghi (@aradpardaz).</description>
    <link>https://forem.com/aradpardaz</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%2F620269%2F75f4c23b-aa09-4ed8-97e2-13b628a6db2a.jpg</url>
      <title>Forem: Hossein Sadeghi</title>
      <link>https://forem.com/aradpardaz</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/aradpardaz"/>
    <language>en</language>
    <item>
      <title>PHP WebP Thumbnailer</title>
      <dc:creator>Hossein Sadeghi</dc:creator>
      <pubDate>Sat, 11 Mar 2023 17:51:18 +0000</pubDate>
      <link>https://forem.com/aradpardaz/php-webp-thumbnailer-35g8</link>
      <guid>https://forem.com/aradpardaz/php-webp-thumbnailer-35g8</guid>
      <description>&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fr0bwarujj2k8ofsb1j9m.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fr0bwarujj2k8ofsb1j9m.png" alt="PHP thumbnailer with WebP support" width="800" height="450"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;WebpThumbnailer&lt;/strong&gt; is a thumbnail helper which allows you to generate and cache image thumbnails in your PHP application on the fly.&lt;/p&gt;

&lt;h2&gt;
  
  
  Installation
&lt;/h2&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;php composer.phar require "maximal/php-webp-thumbnailer" "*"
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h2&gt;
  
  
  Checking the environment
&lt;/h2&gt;

&lt;p&gt;You will need WebP coder (cwebp command) installed in your system.&lt;/p&gt;

&lt;p&gt;For instance in Ubuntu/Debian it is included in webp package:&lt;/p&gt;

&lt;p&gt;&lt;code&gt;sudo apt install webp&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;Check the command:&lt;br&gt;
&lt;code&gt;cwebp -version&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;You should get an output with version number (like 0.6.1).&lt;/p&gt;

&lt;p&gt;If you have installed cwebp to a different command or path, configure the static property&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;WebpThumbnailer::$cwebpCommand 
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;before using the helper (see the example below).&lt;/p&gt;

&lt;p&gt;More info about WebP: &lt;a href="https://developers.google.com/speed/webp/"&gt;https://developers.google.com/speed/webp/&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Generating thumbnails
&lt;/h2&gt;

&lt;p&gt;Use this thumbnailer in your PHP application:&lt;/p&gt;

&lt;p&gt;`use maximal\thumbnail\WebpThumbnailer;&lt;/p&gt;

&lt;p&gt;echo WebpThumbnailer::picture('/path/to/img/image.png', $width, $height);`&lt;/p&gt;

&lt;p&gt;More options (outbound instead of default inset; alt and class attribute added):&lt;/p&gt;

&lt;p&gt;&lt;code&gt;use maximal\thumbnail\WebpThumbnailer;&lt;/code&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;echo WebpThumbnailer::picture(
    '/path/to/img/image.png',
    $width,
    $height,
    false,
    ['alt' =&amp;gt; 'Alt attribute', 'class' =&amp;gt; 'img-responsive']
);
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Custom &lt;strong&gt;cwebp&lt;/strong&gt; command:&lt;/p&gt;

&lt;p&gt;&lt;code&gt;use maximal\thumbnail\WebpThumbnailer;&lt;/code&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;WebpThumbnailer::$cwebpCommand = '/usr/local/bin/cwebp';
echo WebpThumbnailer::picture('/path/to/img/image.jpg', $width, $height);
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;The helper’s &lt;strong&gt;picture()&lt;/strong&gt; method uses modern  HTML tag as follows:&lt;/p&gt;

&lt;p&gt;&lt;code&gt;&amp;lt;picture data-cache="hit|new"&amp;gt;&lt;br&gt;
    &amp;lt;source srcset="/assets/thumbnails/...image.png.webp" type="image/webp" /&amp;gt;&lt;br&gt;
    &amp;lt;img src="/assets/thumbnails/...image.png" other-attributes="" /&amp;gt;&lt;br&gt;
&amp;lt;/picture&amp;gt;&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;Here you have image/webp source for browsers which support WebP images and traditional (PNG, JPEG, TIFF, GIF) image fallback.&lt;/p&gt;

&lt;p&gt;Useful for photo articles: &lt;a href="https://www.delgarm.com/"&gt;https://www.delgarm.com/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Author&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Websites: &lt;a href="https://maximals.ru"&gt;https://maximals.ru&lt;/a&gt; and &lt;a href="https://sijeko.ru"&gt;https://sijeko.ru&lt;/a&gt;&lt;br&gt;
github: &lt;a href="https://github.com/hsa599"&gt;https://github.com/hsa599&lt;/a&gt;&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>php</category>
      <category>webp</category>
    </item>
    <item>
      <title>Pure CSS Netflix Intro Animation</title>
      <dc:creator>Hossein Sadeghi</dc:creator>
      <pubDate>Fri, 23 Jul 2021 20:02:38 +0000</pubDate>
      <link>https://forem.com/aradpardaz/pure-css-netflix-intro-animation-1lda</link>
      <guid>https://forem.com/aradpardaz/pure-css-netflix-intro-animation-1lda</guid>
      <description>&lt;h2&gt;
  
  
  Easy Make Netflix Intro Animation by CSS:
&lt;/h2&gt;

&lt;h3&gt;
  
  
  🔸 Demo:
&lt;/h3&gt;

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

&lt;p&gt;&lt;a href="https://codepen.io/claudio_bonfati/pen/mdryxPv"&gt;Credit: Claudio Bonfati&lt;/a&gt;&lt;/p&gt;


&lt;p&gt;&lt;a href="https://video.delgarm.com/"&gt;Video&lt;/a&gt;&lt;/p&gt;

</description>
      <category>css</category>
      <category>saas</category>
      <category>animation</category>
      <category>netflix</category>
    </item>
    <item>
      <title>PHP Create slugify URL from All language to English</title>
      <dc:creator>Hossein Sadeghi</dc:creator>
      <pubDate>Fri, 23 Jul 2021 19:40:49 +0000</pubDate>
      <link>https://forem.com/aradpardaz/php-create-slugify-url-from-all-language-to-english-229g</link>
      <guid>https://forem.com/aradpardaz/php-create-slugify-url-from-all-language-to-english-229g</guid>
      <description>&lt;p&gt;PHP transliterator_transliterate - examples . These are the top rated real world PHP examples of transliterator_transliterate extracted from open source projects. You can rate examples to help us improve the quality of examples.&lt;/p&gt;

&lt;h2&gt;
  
  
  Programming Language: PHP
&lt;/h2&gt;

&lt;h2&gt;
  
  
  Method/Function: transliterator_transliterate
&lt;/h2&gt;

&lt;h4&gt;
  
  
  (PHP 5 &amp;gt;= 5.4.0, PHP 7, PECL intl &amp;gt;= 2.0.0)
&lt;/h4&gt;

&lt;p&gt;...&lt;/p&gt;

&lt;h3&gt;
  
  
  📝Description
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;public Transliterator::transliterate ( string $subject [, int $start [, int $end ]] ) : string|false
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  📝Parameters
&lt;/h3&gt;

&lt;p&gt;transliterator&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;In the procedural version, either a Transliterator or a string from which a Transliterator can be built.
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;subject&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;The string to be transformed.
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;start&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;The start index (in UTF-16 code units) from which the string will start to be transformed, inclusive. Indexing starts at 0. The text before will be left as is.
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;end&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;The end index (in UTF-16 code units) until which the string will be transformed, exclusive. Indexing starts at 0. The text after will be left as is.
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;
&lt;h2&gt;
  
  
  Code Example 1:
&lt;/h2&gt;


&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;&amp;lt;?php

function slugify($string)
{
    $string = transliterator_transliterate("Any-Latin; Latin-ASCII; [\u0080-\u7fff] remove; Lower();", $string);
    $string = preg_replace('/[-\s]+/', '-', $string);
    return trim($string, '-');
}

echo '/n'.slugify('A æ Übérmensch på høyeste nivå! И я люблю PHP! ﬁ'); 
//out: a-ae-ubermensch-pa-hoyeste-niva!-i-a-lublu-php!-fi


echo '/n'.slugify('وب فارسی در مجله دلگرم delgarm');
//out: wb-farsy-dr-mjlh-dlgrm-delgarm


echo '/n'.slugify('أصبح تسجيل طلاب الصف الأول إلكترونيًا');
//out: asbh-tsjyl-tlab-alsf-alawl-alktrwnyaa

?&amp;gt;

&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h2&gt;
  
  
  function Example 2:
&lt;/h2&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt; public static function slugify($string, $separator = null)
 {
     $separator = null !== $separator ? $separator : (null !== self::$separator ? self::$separator : '-');
     $slug = trim(strip_tags($string));
     $slug = transliterator_transliterate('NFD; [:Nonspacing Mark:] Remove; NFC; Any-Latin; Latin-ASCII; Lower();', $slug);
     $slug = preg_replace("/[^a-zA-Z0-9\\/_|+ -]/", '', $slug);
     $slug = preg_replace("/[\\/_|+ -]+/", $separator, $slug);
     $slug = trim($slug, $separator);
     return $slug;
 }
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;a href="https://hotexamples.com/examples/-/-/transliterator_transliterate/php-transliterator_transliterate-function-examples.html"&gt;hotexamples&lt;/a&gt; - 30 Code Examples&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;a href="https://www.delgarm.com/song-by-sirvan-khosravi-diongi.a239734"&gt;slugify sample urls&lt;/a&gt; Delgarm&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>php</category>
      <category>slugify</category>
      <category>transliterator</category>
      <category>webdev</category>
    </item>
    <item>
      <title>YoWhats Version 2021</title>
      <dc:creator>Hossein Sadeghi</dc:creator>
      <pubDate>Fri, 28 May 2021 11:51:21 +0000</pubDate>
      <link>https://forem.com/aradpardaz/yowhats-version-2021-1paa</link>
      <guid>https://forem.com/aradpardaz/yowhats-version-2021-1paa</guid>
      <description>&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fwgusgqlam3s23daxtz32.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fwgusgqlam3s23daxtz32.png" alt="Alt Text" width="752" height="441"&gt;&lt;/a&gt;&lt;br&gt;
Today, we will tell you about YoWhatsApp APK, which is the best version of the popular App. This article will tell you about all the new features and how to install the App. So, keep reading to find out more.&lt;/p&gt;

&lt;p&gt;WhatsApp came on the horizons of connectivity and engulfed everybody with end-to-end encryption. The major benefits were the delivery status and blue ticks that show that the message has been read. Initially, #WhatsApp charged a fee for messaging facility, but later it offered services for free. But people demanded more features. That’s why developers created modified versions of YOWhatsApp.&lt;/p&gt;

&lt;p&gt;Yowhatsapp apk&lt;br&gt;
YoWhatsAPP Information&lt;br&gt;
File Name   Yo Whatsapp APK&lt;br&gt;
File Size   35.36 MB&lt;br&gt;
Requairment 4.0 Android&lt;br&gt;
Cost    freeware&lt;br&gt;
Last Update     1 day ago&lt;/p&gt;

&lt;p&gt;&lt;a href="https://gbapps.net/yowhatsapp-apk/"&gt;Download Yowhatsapp&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;.&lt;/p&gt;

&lt;p&gt;It is the modified version of #WhatsApp that is the best for performance. And it is not available on the Play store, but you can download it from third-party websites. You must be cautious about downloading the right package of the YOWhatsAPP APK . Otherwise, you can also download some malware-infected files.&lt;/p&gt;

&lt;p&gt;Let’s have an overview of the App. Also Check GBWhatsapp , FMWhatsAPP OGWhatsAPP&lt;/p&gt;

&lt;p&gt;Yowhatsapp&lt;/p&gt;

&lt;p&gt;You can hide ticks. The App allows you to hide blue tick, single tick, and double ticks. That’s why your privacy never compromises.&lt;/p&gt;

&lt;p&gt;There is an in-built app lock, which uses a password to give you access to data and messages. Hence, you do not have to worry about your data theft or leaking of classified information.&lt;/p&gt;

&lt;p&gt;The rare thing about the App is that you can send messages to an unsaved number. The original App lacks that function.&lt;/p&gt;

&lt;p&gt;This App allows you the customization of the App. You can choose the color of the icon, text, chats, and layout. You can make a personalized user interface.&lt;/p&gt;

&lt;p&gt;There is an addition of new emoji and emoticons, which enable you to express creatively. Your communication becomes more stylish and variant.&lt;/p&gt;

&lt;p&gt;This App has fewer restrictions, and you can send files up to 700 MB.&lt;/p&gt;

&lt;p&gt;YoWhatsApp APK&lt;/p&gt;

&lt;p&gt;Download Now&lt;br&gt;
Features of YoWhatsApp APK&lt;/p&gt;

&lt;p&gt;There are many features that are not present in the original App. We will present to you the features in bullet points. So here are features.&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;This App gives you the option of more than one hundred languages. It means that you can communicate in multiple languages. You have the choice of your desired language. New Azerbaijani language is also added to the App.
You can block calls of any contact or unsaved number. The call block option is not present in the original YoWhatsApp APK
. These functions give you more control and privacy.
You can set an image on the background of the YoWhatsApp APK
, which is your Wallpaper. Your communication becomes more visually satisfying.
This App supports White navigation for Android 8.0, which brings more convenience and additional functionality.
The library of themes is full of new designs and themes. And you can choose from thousands of layouts and colors.
You can autosave the themes and create a theme.zip file, which allows you to transfer themes to another device easily.
You can change the name color of your group member’s name, which is a cool function. And it is aesthetically appealing.
Your call FAB is added to your call screen. The original App lacks this function.
You can choose the colors of the ticks, which brings a new experience to communication.
There isan addition of cool bubbles to the App.
You can hide your online status, which provides you more privacy and control during communication.
You have the facility to send ten images to your contacts in one message. The original App allows only four images.
File sharing is surprisingly good. You can send a file of 700 MB with a single message.
You can hide the blue tick.
You are able to change the tick style and bubble style.
The default interface has a blue color.
You can send HQ images by pressing the camera button long enough.
YoWhatsApp APK allows you to set your name on the App screen.
You can pin more than 1000 chats.
You can also use a fingerprint lock to hide the chats.
A call privacy feature is added to the App. Now, you can select who you can call.
You can change the font style of name and status.
The group message counter is present in the App.
You can contact online toast.
You can choose from hundreds of emoji from the library.
You can set privacy for groups and chats.
Your status can be 250 words long.
You can zoom profile pictures.
You can change the App icon.
Previous bugs are fixed in the new version. 
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;Download Yowhatsapp&lt;br&gt;
The Requirement to install YoWhatsApp APK&lt;/p&gt;

&lt;p&gt;The following are the requirements for the App.&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;You must have an android phone.
You must uninstall the official WhatsApp for installing the YoWhatsApp APK.
You must have an internet connection.
You must have a little brain to understand the steps.
You must have the downloaded App.
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;How to install YoWhatsApp APK?&lt;/p&gt;

&lt;p&gt;You need to follow the steps.&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Open your computer.
Connect to the internet.
Go to Google.com
Search download YoWhatsApp APK setup.
You will get the setup from third-party sites.
Download the App.
Then you need to uninstall the original WhatsApp on your phone.
Transfer the setup from the PC to the phone.
Then install the setup on your android phone.
You also need to back up your data before uninstalling the WhatsApp.
After installing, you can recover your data.
Now, you can use the YoWhatsApp APK .
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;YoWhatsApp APK&lt;/p&gt;

&lt;p&gt;&lt;a href="https://tinyurl.com/537tu2bc"&gt;YoWhatsApp&lt;/a&gt;&lt;br&gt;
Final Words&lt;/p&gt;

&lt;p&gt;WhatsApp has become the lifeline of modern communication. You cannot call yourself a proactive person if you do not use the App. And YoWhatsApp brings you more functionalities in your favorite App.Moreover, you get more privacy and freedom. Furthermore, you have more than 20 new functions in the modified version of the WhatsApp. But there are also risks of using the modified version. Primarily, you can get banned from the WhatsApp Plus, which can cause the loss of important data, and messages. That’s why you must think thoroughly before using YoWhatsApp because it is not in the list of legal Apps. We advise you to weigh the pros and cons, then make a decision.&lt;/p&gt;

</description>
    </item>
    <item>
      <title>UI Video Platform</title>
      <dc:creator>Hossein Sadeghi</dc:creator>
      <pubDate>Sat, 24 Apr 2021 21:11:16 +0000</pubDate>
      <link>https://forem.com/aradpardaz/ui-video-platform-24cg</link>
      <guid>https://forem.com/aradpardaz/ui-video-platform-24cg</guid>
      <description>&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F6muuq1j65cbyv1di46v7.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F6muuq1j65cbyv1di46v7.png" alt="alt text" width="800" height="504"&gt;&lt;/a&gt;&lt;br&gt;
🔸&lt;br&gt;
 &lt;/p&gt;
&lt;p&gt;Inspired by Dwinawan &lt;br&gt;
&lt;a href="https://dribbble.com/shots/14958858--Exploration-Skateboard-Video-Platform/attachments/6676841?mode=media"&gt;&lt;/a&gt;&lt;a href="https://dribbble.com/shots/14958858--Exploration-Skateboard-Video-Platform/attachments/6676841?mode=media"&gt;https://dribbble.com/shots/14958858--Exploration-Skateboard-Video-Platform/attachments/6676841?mode=media&lt;/a&gt;&lt;/p&gt;
&lt;br&gt;
🔸&lt;br&gt;
&lt;p&gt;&lt;a href="https://video.delgarm.com/"&gt;delgarm&lt;/a&gt;&lt;br&gt;
🔸&lt;br&gt;
&lt;iframe height="600" src="https://codepen.io/aradpardaz/embed/qBRgjgL?height=600&amp;amp;default-tab=result&amp;amp;embed-version=2"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

</description>
      <category>codepen</category>
    </item>
    <item>
      <title>Accordion thing</title>
      <dc:creator>Hossein Sadeghi</dc:creator>
      <pubDate>Sat, 24 Apr 2021 20:39:51 +0000</pubDate>
      <link>https://forem.com/aradpardaz/accordion-thing-1b6b</link>
      <guid>https://forem.com/aradpardaz/accordion-thing-1b6b</guid>
      <description>&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fd0ln8ws75my6qdsanupk.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fd0ln8ws75my6qdsanupk.png" alt="alt text" width="800" height="432"&gt;&lt;/a&gt;&lt;/p&gt;

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

</description>
      <category>codepen</category>
    </item>
    <item>
      <title>Freebie Interactive Flat Design UI / Only HTML5 &amp; CSS3</title>
      <dc:creator>Hossein Sadeghi</dc:creator>
      <pubDate>Sat, 24 Apr 2021 20:37:14 +0000</pubDate>
      <link>https://forem.com/aradpardaz/freebie-interactive-flat-design-ui-only-html5-css3-12ce</link>
      <guid>https://forem.com/aradpardaz/freebie-interactive-flat-design-ui-only-html5-css3-12ce</guid>
      <description>&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fzs4l55mm5de8hkx6olsa.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fzs4l55mm5de8hkx6olsa.png" alt="alt text" width="800" height="602"&gt;&lt;/a&gt;&lt;/p&gt;


&lt;p&gt;Inspired by: &lt;br&gt;
&lt;a href="http://graphicburger.com/flat-design-ui-components/"&gt;&lt;/a&gt;&lt;a href="http://graphicburger.com/flat-design-ui-components/"&gt;http://graphicburger.com/flat-design-ui-components/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Line-chart and donut-chart made by &lt;a href="https://codepen.io/Kseso"&gt;@Kseso&lt;/a&gt;: &lt;a href="http://codepen.io/Kseso/pen/phiyL"&gt;http://codepen.io/Kseso/pen/phiyL&lt;/a&gt;&lt;/p&gt;

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

</description>
      <category>codepen</category>
    </item>
    <item>
      <title>Neumorphic Elements</title>
      <dc:creator>Hossein Sadeghi</dc:creator>
      <pubDate>Sat, 24 Apr 2021 19:09:04 +0000</pubDate>
      <link>https://forem.com/aradpardaz/neumorphic-elements-5hhd</link>
      <guid>https://forem.com/aradpardaz/neumorphic-elements-5hhd</guid>
      <description>&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fm9snxb04b15xyslcjw4n.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fm9snxb04b15xyslcjw4n.png" alt="alt text" width="800" height="456"&gt;&lt;/a&gt;&lt;/p&gt;

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

</description>
      <category>codepen</category>
    </item>
    <item>
      <title>3D CSS Plane 😎 (Tap to Toggle + Mouse Move Parallax)</title>
      <dc:creator>Hossein Sadeghi</dc:creator>
      <pubDate>Sat, 24 Apr 2021 19:07:02 +0000</pubDate>
      <link>https://forem.com/aradpardaz/3d-css-plane-tap-to-toggle-mouse-move-parallax-24fi</link>
      <guid>https://forem.com/aradpardaz/3d-css-plane-tap-to-toggle-mouse-move-parallax-24fi</guid>
      <description>&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F37j1f4n4dr24kfzgeon2.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F37j1f4n4dr24kfzgeon2.png" alt="alt text" width="800" height="447"&gt;&lt;/a&gt;&lt;/p&gt;

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

</description>
      <category>codepen</category>
    </item>
    <item>
      <title>Parallax scroll animation</title>
      <dc:creator>Hossein Sadeghi</dc:creator>
      <pubDate>Sat, 24 Apr 2021 19:02:49 +0000</pubDate>
      <link>https://forem.com/aradpardaz/parallax-scroll-animation-1g17</link>
      <guid>https://forem.com/aradpardaz/parallax-scroll-animation-1g17</guid>
      <description>&lt;p&gt;Optimize for full screen view.&lt;/p&gt;

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

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