<?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: Hamad</title>
    <description>The latest articles on DEV Community by Hamad (@imhamad).</description>
    <link>https://dev.to/imhamad</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%2F288495%2F37602ac7-2f33-4845-9fd6-bcfc47a7e47b.jpeg</url>
      <title>DEV Community: Hamad</title>
      <link>https://dev.to/imhamad</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/imhamad"/>
    <language>en</language>
    <item>
      <title>End of year for Developers</title>
      <dc:creator>Hamad</dc:creator>
      <pubDate>Fri, 22 Dec 2023 10:45:42 +0000</pubDate>
      <link>https://dev.to/imhamad/end-of-year-for-developers-54ob</link>
      <guid>https://dev.to/imhamad/end-of-year-for-developers-54ob</guid>
      <description>&lt;p&gt;End of year for developers look like this ;) &lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--50USjQAk--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/u5etg9hwupa2gumubkd4.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--50USjQAk--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/u5etg9hwupa2gumubkd4.jpeg" alt="Image description" width="800" height="281"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>git</category>
      <category>webdev</category>
    </item>
    <item>
      <title>Backup Restoration</title>
      <dc:creator>Hamad</dc:creator>
      <pubDate>Mon, 26 Jun 2023 05:21:15 +0000</pubDate>
      <link>https://dev.to/imhamad/wp-backup-restoration-2mb3</link>
      <guid>https://dev.to/imhamad/wp-backup-restoration-2mb3</guid>
      <description>&lt;p&gt;Restore WordPress .wpress without amending the actual &lt;code&gt;wp-content/plugins/all-in-one-wp-migration/lib/view/assets/javascript/backups.min.js&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;Snippit:&lt;/p&gt;

&lt;p&gt;&lt;code&gt;var modelimport = new Ai1wm.Import();&lt;br&gt;
var storage = Ai1wm.Util.random(12);&lt;br&gt;
var options = Ai1wm.Util.form('#ai1wm-backups-form').concat({ name: 'storage', value: storage }).concat({ name: 'archive', value: 'REPLACE-WITH-ARCHIVE-NAME'});&lt;br&gt;
    // Set  params&lt;br&gt;
    modelimport.setParams(options);&lt;br&gt;
    // Start import&lt;br&gt;
    modelimport.start();&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Process:&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Please paste this console of your browser inspect, and ensure to replace the archive name,&lt;/p&gt;

&lt;p&gt;NOTE:&lt;/p&gt;

&lt;p&gt;it's for educational purpose&lt;/p&gt;

</description>
    </item>
    <item>
      <title>Truncate String with Ellipsis: CSS!</title>
      <dc:creator>Hamad</dc:creator>
      <pubDate>Thu, 08 Jun 2023 20:05:09 +0000</pubDate>
      <link>https://dev.to/imhamad/truncate-string-with-ellipsis-css-1emi</link>
      <guid>https://dev.to/imhamad/truncate-string-with-ellipsis-css-1emi</guid>
      <description>&lt;p&gt;Today, I wanted to share a handy CSS technique for truncating long strings with an elegant ellipsis. If you've ever struggled with text overflowing and breaking your beautifully designed layout,&lt;/p&gt;

&lt;p&gt;How to truncate strings using CSS and bring tidiness to your content?&lt;/p&gt;

&lt;p&gt;𝐒𝐧𝐢𝐩𝐩𝐞𝐭 𝐚𝐭𝐭𝐚𝐜𝐡𝐞𝐝:&lt;/p&gt;

&lt;p&gt;The overflow: hidden property hides any content that overflows the container, white-space: nowrap ensures the text doesn't wrap to the next line, and text-overflow: ellipsis adds the ellipsis when the text is truncated.&lt;/p&gt;

&lt;p&gt;💡 Pro tip #1: You can adjust the width of the container or combine this technique with media queries to create responsive designs that handle text truncation gracefully on different screen sizes.&lt;/p&gt;

&lt;p&gt;💡 Pro tip #2:  Resize: horizontal or vertical can be used to scale it accordingly&lt;/p&gt;

&lt;p&gt;If you found this tip helpful or have any questions, feel free to share your thoughts in the comments below. 🎨&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--frU1hTUo--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gatvgc6ibbw3azf53ztv.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--frU1hTUo--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gatvgc6ibbw3azf53ztv.jpeg" alt="Image description" width="800" height="685"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>css</category>
      <category>code</category>
      <category>programming</category>
    </item>
    <item>
      <title>NFT Landing Pages</title>
      <dc:creator>Hamad</dc:creator>
      <pubDate>Wed, 23 Nov 2022 10:49:59 +0000</pubDate>
      <link>https://dev.to/imhamad/nft-landing-pages-1oio</link>
      <guid>https://dev.to/imhamad/nft-landing-pages-1oio</guid>
      <description>&lt;blockquote&gt;
&lt;p&gt;Starting In with something very tiny and aiming for big enterprise products:&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;We've prepared 2 distinct landing pages for you right here. Any homepage can be used to effortlessly adorn your designs. You must get in touch with us if you experience any issues using our landing page.&lt;/p&gt;

&lt;p&gt;All current coding standards, including HTML5, CSS3, and Bootstrap 5, are used on our landing page.&lt;br&gt;
&lt;a href="https://imhamad.gumroad.com/l/nft-landing-page"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;PS: Do not forget to check out and use "eshopper" for your discount coupon.&lt;/p&gt;

</description>
      <category>html</category>
      <category>product</category>
      <category>css</category>
      <category>javascript</category>
    </item>
    <item>
      <title>𝗡𝗼𝗱𝗲 𝗩𝗲𝗿𝘀𝗶𝗼𝗻 𝗠𝗮𝗻𝗮𝗴𝗲𝗿 for macOS</title>
      <dc:creator>Hamad</dc:creator>
      <pubDate>Fri, 26 Aug 2022 13:02:07 +0000</pubDate>
      <link>https://dev.to/imhamad/for-macos-fhc</link>
      <guid>https://dev.to/imhamad/for-macos-fhc</guid>
      <description>&lt;p&gt;𝗡𝗼𝗱𝗲 𝗩𝗲𝗿𝘀𝗶𝗼𝗻 𝗠𝗮𝗻𝗮𝗴𝗲𝗿:&lt;br&gt;
NVM (Node Version Manager) is a shell script used for installing and managing Node.js. Node version manager is primarily used to develop node applications in different versions.&lt;/p&gt;

&lt;p&gt;𝗣𝗿𝗲𝗿𝗲𝗾𝘂𝗶𝘀𝗶𝘁𝗲:&lt;br&gt;
macOS users can install NVM via homebrew as it’s the most recommended approach, once installed you can go ahead and install NVM on your macOS&lt;/p&gt;

&lt;p&gt;𝗖𝗼𝗺𝗺𝗮𝗻𝗱𝘀:&lt;br&gt;
brew install nvm&lt;/p&gt;

&lt;p&gt;It is required to create a directory and register it in our .zshrc&lt;/p&gt;

&lt;p&gt;nvm)/nvm.sh" &amp;gt;&amp;gt; .zshrc&lt;br&gt;
source ~/.zshrc&lt;/p&gt;

&lt;p&gt;𝗣𝗼𝘀𝘁 𝗜𝗻𝘀𝘁𝗮𝗹𝗹𝗮𝘁𝗶𝗼𝗻:&lt;br&gt;
After that you can use nvm -v to show the version of nvm you have installed.&lt;/p&gt;

&lt;p&gt;𝗚𝘂𝗶𝗱𝗲:&lt;br&gt;
We've followed this guide while configuring nvm on our Mac, I hope it'll cover the purpose.&lt;br&gt;
&lt;a href="https://medium.com/devops-techable/how-to-install-nvm-node-version-manager-on-macos-with-homebrew-1bc10626181"&gt;https://medium.com/devops-techable/how-to-install-nvm-node-version-manager-on-macos-with-homebrew-1bc10626181&lt;br&gt;
&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--k8miQ9Ot--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dj5l2r7gkncrrzxry3qz.png" alt="Image description" width="800" height="800"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Thank you for stopping by and feel free to drop a link to a resource you thought more useful!&lt;/p&gt;

&lt;p&gt;:: Follow me on linkedin &lt;a href="https://www.linkedin.com/in/imhamad/"&gt;https://www.linkedin.com/in/imhamad/&lt;/a&gt; and here to stay updated with more engaging content.&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>node</category>
      <category>programming</category>
    </item>
    <item>
      <title>NFT Marina on Product Hunt</title>
      <dc:creator>Hamad</dc:creator>
      <pubDate>Tue, 23 Aug 2022 09:49:00 +0000</pubDate>
      <link>https://dev.to/imhamad/nft-marina-on-product-hunt-38a8</link>
      <guid>https://dev.to/imhamad/nft-marina-on-product-hunt-38a8</guid>
      <description>&lt;p&gt;&lt;strong&gt;Kia Ora,&lt;/strong&gt;&lt;br&gt;
Are you searching for an NFT &amp;amp; Crypto landing page that perfectly aligns with your needs and is simple yet intuitive? Then “Our NFT Crypto Page” is the right suit for you.&lt;/p&gt;

&lt;p&gt;We've prepared 2 distinct landing pages for you right here. Any homepage can be used to effortlessly adorn your designs. You must get in touch with us if you experience any issues using our landing page.&lt;/p&gt;




&lt;p&gt;All current coding standards, including HTML5, CSS3, and Bootstrap 5, are used on our landing page.&lt;/p&gt;

&lt;p&gt;Yay! it's launched on &lt;a href="https://www.producthunt.com/posts/nft-landing-page-bootstrap-5"&gt;Product Hunt&lt;/a&gt;!&lt;/p&gt;

&lt;h2&gt;
  
  
  Your Thumbs up would make my day
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://www.producthunt.com/posts/nft-landing-page-bootstrap-5"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>product</category>
      <category>productivity</category>
      <category>html</category>
    </item>
    <item>
      <title>Fig Plugin for your Terminal</title>
      <dc:creator>Hamad</dc:creator>
      <pubDate>Tue, 23 Aug 2022 07:13:00 +0000</pubDate>
      <link>https://dev.to/imhamad/fig-plugin-for-your-terminal-3b2f</link>
      <guid>https://dev.to/imhamad/fig-plugin-for-your-terminal-3b2f</guid>
      <description>&lt;p&gt;er research most of the developers just spent 2% of finding tools, helping in their workflow.&lt;/p&gt;

&lt;p&gt;Last week we came across @withfig and find it a very useful tool to be in your workflow.&lt;/p&gt;

&lt;p&gt;𝐅𝐢𝐠 𝐓𝐞𝐫𝐦𝐢𝐧𝐚𝐥:&lt;br&gt;
A tiny plugin &lt;a href="https://fig.io/"&gt;https://fig.io/&lt;/a&gt; adhere superpower to Mac's built-in terminal. Yes, you’ve heard it right, I come across Fig last week and found it immensely capable of as a helping hand.&lt;/p&gt;

&lt;p&gt;It has autocompleted and IntelliSense, which really help us, and most significantly its free version for Mac is almost of capable everything.&lt;/p&gt;

&lt;p&gt;Installation:&lt;/p&gt;

&lt;p&gt;I have written few words about it on &lt;a href="https://medium.com/@imhamad/fig-plugin-for-your-terminal-617a3d664c6"&gt;https://medium.com/@imhamad/fig-plugin-for-your-terminal-617a3d664c6&lt;/a&gt;, do check it out and let me know your thoughts.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/sab5y4vd22p0otx2v2n0.png)
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



</description>
      <category>tips</category>
      <category>mac</category>
      <category>terminal</category>
    </item>
    <item>
      <title>Polypane | Browser for Developers</title>
      <dc:creator>Hamad</dc:creator>
      <pubDate>Wed, 25 May 2022 06:57:00 +0000</pubDate>
      <link>https://dev.to/imhamad/polypane-browser-for-developers-48kn</link>
      <guid>https://dev.to/imhamad/polypane-browser-for-developers-48kn</guid>
      <description>&lt;p&gt;Just got the opportunity to explore "polypane" created a site and got overwhelmed with super accessibility, speed, and responsiveness.&lt;br&gt;
Kudos,@Github-Education having the opportunity to use this marvellous tool for a year!&lt;/p&gt;

&lt;p&gt;&lt;a href="https://polypane.app/"&gt;https://polypane.app/&lt;/a&gt;&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>programming</category>
      <category>product</category>
      <category>javascript</category>
    </item>
    <item>
      <title>How SASS, SCSS is making our life easier</title>
      <dc:creator>Hamad</dc:creator>
      <pubDate>Sun, 15 May 2022 11:05:25 +0000</pubDate>
      <link>https://dev.to/imhamad/how-sass-scss-is-making-our-life-easier-3h50</link>
      <guid>https://dev.to/imhamad/how-sass-scss-is-making-our-life-easier-3h50</guid>
      <description>&lt;p&gt;I have just posted a very short yet productive article on medium &amp;amp; hope you can cover it with-in 2 minutes &lt;a href="https://medium.com/@imhamad/how-sass-scss-is-making-our-life-easier-89df347ff0c4"&gt;https://medium.com/@imhamad/how-sass-scss-is-making-our-life-easier-89df347ff0c4&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;so just spare out a minute and crack on!&lt;br&gt;
Cheers&lt;/p&gt;

</description>
      <category>css</category>
      <category>scs</category>
      <category>javascript</category>
      <category>webdev</category>
    </item>
    <item>
      <title>Setup SMTP to work</title>
      <dc:creator>Hamad</dc:creator>
      <pubDate>Fri, 10 Apr 2020 18:33:16 +0000</pubDate>
      <link>https://dev.to/imhamad/setup-smtp-to-work-112k</link>
      <guid>https://dev.to/imhamad/setup-smtp-to-work-112k</guid>
      <description>&lt;p&gt;Are you thinking how to setup SMTP to work with gmail! this link is really helpful, with few steps you'll be there. &lt;br&gt;
&lt;a href="https://stevepolito.design/blog/drupal-configure-smtp-module-work-gmail-updated/"&gt;https://stevepolito.design/blog/drupal-configure-smtp-module-work-gmail-updated/&lt;/a&gt;&lt;/p&gt;

</description>
      <category>drupal</category>
      <category>module</category>
      <category>gmail</category>
      <category>smtp</category>
    </item>
    <item>
      <title>GatsByJs adhere with Drupal!</title>
      <dc:creator>Hamad</dc:creator>
      <pubDate>Mon, 03 Feb 2020 13:16:28 +0000</pubDate>
      <link>https://dev.to/imhamad/gatsbyjs-adhere-with-drupal-2oco</link>
      <guid>https://dev.to/imhamad/gatsbyjs-adhere-with-drupal-2oco</guid>
      <description>&lt;p&gt;GatsByJs: I think it will be the future&lt;br&gt;
&lt;a href="https://www.phase2technology.com/blog/drupal-8-gatsbyjs-quickstart"&gt;https://www.phase2technology.com/blog/drupal-8-gatsbyjs-quickstart&lt;/a&gt;&lt;/p&gt;

&lt;h1&gt;
  
  
  js #drupal #gatsbyjs
&lt;/h1&gt;

</description>
      <category>javascript</category>
      <category>gatsby</category>
      <category>drupal</category>
    </item>
    <item>
      <title>Power of Webforms in drupal 8 incredible explanation!</title>
      <dc:creator>Hamad</dc:creator>
      <pubDate>Wed, 29 Jan 2020 08:12:37 +0000</pubDate>
      <link>https://dev.to/imhamad/power-of-webforms-in-drupal-8-incredible-explanation-4jlc</link>
      <guid>https://dev.to/imhamad/power-of-webforms-in-drupal-8-incredible-explanation-4jlc</guid>
      <description>&lt;p&gt;&lt;a href="https://blog.amplexor.com/popular-features-drupal-8-web-forms"&gt;https://blog.amplexor.com/popular-features-drupal-8-web-forms&lt;/a&gt;&lt;br&gt;
Flexibility &amp;amp; freedom, Out-of-the-box functionality and numerous other benefits of using webform for your Drupal Site, that are comprise of enterprise forms. &lt;/p&gt;

&lt;h1&gt;
  
  
  Drupal #Webform
&lt;/h1&gt;

&lt;p&gt;Web Development, Best Approach &lt;/p&gt;

</description>
    </item>
  </channel>
</rss>
