<?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: irishgeoffrey</title>
    <description>The latest articles on Forem by irishgeoffrey (@irishgeoffrey).</description>
    <link>https://forem.com/irishgeoffrey</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%2F1261614%2F04554103-4c29-47f8-8d42-20d0e9d64d7b.png</url>
      <title>Forem: irishgeoffrey</title>
      <link>https://forem.com/irishgeoffrey</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/irishgeoffrey"/>
    <language>en</language>
    <item>
      <title>Don't use [at] [dot] to try and hide your email.</title>
      <dc:creator>irishgeoffrey</dc:creator>
      <pubDate>Fri, 02 Feb 2024 00:43:39 +0000</pubDate>
      <link>https://forem.com/irishgeoffrey/dont-use-at-dot-to-try-and-hide-your-email-1f0f</link>
      <guid>https://forem.com/irishgeoffrey/dont-use-at-dot-to-try-and-hide-your-email-1f0f</guid>
      <description>&lt;p&gt;Using "[at]" and "[dot]" in place of "@" and "." respectively in an email address can sometimes be done to prevent automated email address harvesting by spam bots. However, it's not always effective, as many bots are programmed to recognize and interpret such substitutions. Additionally, it can make it more difficult for legitimate users to understand and correctly enter the email address.&lt;/p&gt;

&lt;p&gt;For better protection against spam, it's usually more effective to use methods like:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;&lt;a href="https://fabform.io"&gt;Create a contact form&lt;/a&gt; on your website instead of displaying the email address directly.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;a href="https://fabform.io"&gt;Implementing form CAPTCHA&lt;/a&gt; or other verification methods to ensure that only humans can submit the contact form.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Utilizing email filtering and spam protection tools provided by email service providers.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Being cautious about where you share your email address online, especially on public forums or websites where it can be easily scraped by bots. Thats why you should use a tool like VeilMail.io to &lt;a href="https://veilmail.io"&gt;hide email address with captcha&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Ultimately, while replacing "@" and "." with "[at]" and "[dot]" may offer a small degree of protection, it's not a foolproof solution and may inconvenience legitimate users. It's often better to employ other strategies to mitigate spam while maintaining accessibility for genuine communication.&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>email</category>
      <category>tutorial</category>
      <category>productivity</category>
    </item>
    <item>
      <title>mailto link generator</title>
      <dc:creator>irishgeoffrey</dc:creator>
      <pubDate>Thu, 01 Feb 2024 16:40:45 +0000</pubDate>
      <link>https://forem.com/irishgeoffrey/mailto-link-generator-36p9</link>
      <guid>https://forem.com/irishgeoffrey/mailto-link-generator-36p9</guid>
      <description>&lt;p&gt;Here is a handy &lt;a href="https://mailto-link-generator.surge.sh/"&gt;mailto link generator&lt;/a&gt; i created)&lt;/p&gt;

&lt;p&gt;hope you find it useful.&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>beginners</category>
      <category>tutorial</category>
      <category>html</category>
    </item>
    <item>
      <title>tailwind personal website template free</title>
      <dc:creator>irishgeoffrey</dc:creator>
      <pubDate>Thu, 01 Feb 2024 13:55:45 +0000</pubDate>
      <link>https://forem.com/irishgeoffrey/tailwind-personal-website-template-free-185b</link>
      <guid>https://forem.com/irishgeoffrey/tailwind-personal-website-template-free-185b</guid>
      <description>&lt;p&gt;Check out my &lt;a href="https://codepen.io/fabform/pen/oNVqeyM"&gt;free tailwind personal website template&lt;/a&gt;&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>javascript</category>
      <category>template</category>
      <category>beginners</category>
    </item>
    <item>
      <title>How to sell a domain name</title>
      <dc:creator>irishgeoffrey</dc:creator>
      <pubDate>Thu, 01 Feb 2024 11:59:37 +0000</pubDate>
      <link>https://forem.com/irishgeoffrey/how-to-sell-a-domain-name-48id</link>
      <guid>https://forem.com/irishgeoffrey/how-to-sell-a-domain-name-48id</guid>
      <description>&lt;p&gt;Selling a domain name can be a straightforward process if you follow the right steps. Here's a general guide on how to sell a domain name:&lt;/p&gt;

&lt;p&gt;Pro Tip. Here is a a helpful &lt;a href="https://domain-for-sale-template.surge.sh/"&gt;Domain For Sale template&lt;/a&gt;.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Assess Your Domain&lt;/strong&gt;: Understand the value of your domain name. Factors such as domain length, keywords, extension (.com, .net, etc.), and potential market demand influence its value.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Set a Price&lt;/strong&gt;: Determine your desired selling price. You can use online tools, domain appraisal services, or consult with domain brokers to help you gauge the value.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Find a Platform&lt;/strong&gt;: Choose a platform to list your domain for sale. Popular domain marketplaces include Sedo, Flippa, GoDaddy Auctions, and Namecheap.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Create a Listing&lt;/strong&gt;: Craft an enticing listing that highlights the unique features and potential of your domain name. Include relevant keywords, domain statistics (such as traffic and revenue if applicable), and any additional assets (such as social media accounts associated with the domain).&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Market Your Domain&lt;/strong&gt;: Promote your domain listing through various channels, including social media, forums, and relevant communities. Networking with domain investors and industry professionals can also help spread the word.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Negotiate Offers&lt;/strong&gt;: Be prepared to negotiate with potential buyers. Respond promptly to inquiries and be flexible in your negotiations while ensuring you get a fair price.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Transfer Ownership&lt;/strong&gt;: Once you've reached an agreement with a buyer, facilitate the domain transfer process. This typically involves initiating a domain transfer through your domain registrar and providing the necessary authorization codes or transfer instructions to the buyer.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Secure Payment&lt;/strong&gt;: Ensure a secure payment method is used for the transaction. Common payment options include escrow services (such as Escrow.com) that provide a safe and neutral platform for both parties to complete the transaction.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Complete the Sale&lt;/strong&gt;: After receiving payment, initiate the domain transfer process as outlined by your domain registrar. Once the transfer is confirmed, confirm with the buyer that they have received ownership of the domain.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Follow-Up&lt;/strong&gt;: After the sale is complete, follow up with the buyer to ensure a smooth transition and address any post-sale inquiries or concerns.&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Remember to familiarize yourself with any fees associated with listing your domain on a marketplace or using escrow services, and always prioritize security and transparency throughout the selling process.&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>park</category>
      <category>domain</category>
      <category>hosting</category>
    </item>
    <item>
      <title>Tutorial: Building a Website with Astro Build</title>
      <dc:creator>irishgeoffrey</dc:creator>
      <pubDate>Wed, 31 Jan 2024 10:18:32 +0000</pubDate>
      <link>https://forem.com/irishgeoffrey/tutorial-building-a-website-with-astro-build-28nc</link>
      <guid>https://forem.com/irishgeoffrey/tutorial-building-a-website-with-astro-build-28nc</guid>
      <description>&lt;p&gt;&lt;strong&gt;Tutorial: Building a Website with Astro Build&lt;/strong&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%2Fuploads%2Farticles%2F1e3ke4qn66ypfco66wur.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%2Fuploads%2Farticles%2F1e3ke4qn66ypfco66wur.png" alt="Image description"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Pro Tip. Download the &lt;a href="https://astrolize.fabform.io/" rel="noopener noreferrer"&gt;Astro Starter Template&lt;/a&gt;.&lt;br&gt;
Jumpstart your next Astro project. You can use it and still follow along in this tutorial&lt;/p&gt;

&lt;p&gt;In this tutorial, we will walk through the process of creating a static website using Astro, a modern static site generator. By the end of this tutorial, you will have a fully functional static website ready for deployment.&lt;/p&gt;

&lt;h3&gt;
  
  
  Prerequisites
&lt;/h3&gt;

&lt;p&gt;Before we begin, ensure you have the following installed:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Node.js and npm (Node Package Manager)&lt;/li&gt;
&lt;li&gt;Basic knowledge of HTML, CSS, and JavaScript&lt;/li&gt;
&lt;/ol&gt;

&lt;h3&gt;
  
  
  Step 1: Installing Astro
&lt;/h3&gt;

&lt;p&gt;First, let's install Astro globally using npm. Open your terminal or command prompt and run the following command:&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;

npm &lt;span class="nb"&gt;install&lt;/span&gt; &lt;span class="nt"&gt;-g&lt;/span&gt; astro


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

&lt;/div&gt;

&lt;p&gt;This command installs Astro globally on your system, allowing you to use it from anywhere in your terminal.&lt;/p&gt;

&lt;h3&gt;
  
  
  Step 2: Creating a New Astro Project
&lt;/h3&gt;

&lt;p&gt;Now that Astro is installed, let's create a new Astro project. Navigate to the directory where you want to create your project and run the following command:&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;

astro create my-astro-website


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

&lt;/div&gt;

&lt;p&gt;Replace &lt;code&gt;my-astro-website&lt;/code&gt; with the name you want to give your project directory. This command will set up a new Astro project with the default configuration and structure.&lt;/p&gt;

&lt;h3&gt;
  
  
  Step 3: Exploring the Project Structure
&lt;/h3&gt;

&lt;p&gt;Navigate into your project directory (&lt;code&gt;cd my-astro-website&lt;/code&gt;) and take a look at the project structure. You'll see several files and folders, including:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;code&gt;src/&lt;/code&gt;: This directory contains your website's source code.&lt;/li&gt;
&lt;li&gt;
&lt;code&gt;src/pages/&lt;/code&gt;: This directory contains your website's pages. Each &lt;code&gt;.astro&lt;/code&gt; file in this directory represents a page on your website.&lt;/li&gt;
&lt;li&gt;
&lt;code&gt;src/layouts/&lt;/code&gt;: This directory contains layout files used to define the overall structure of your website.&lt;/li&gt;
&lt;li&gt;
&lt;code&gt;src/components/&lt;/code&gt;: This directory contains reusable components used throughout your website.&lt;/li&gt;
&lt;li&gt;
&lt;code&gt;astro.config.mjs&lt;/code&gt;: This file contains the configuration for your Astro project.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Step 4: Creating Pages
&lt;/h3&gt;

&lt;p&gt;Let's create some pages for our website. Inside the &lt;code&gt;src/pages/&lt;/code&gt; directory, create a new file named &lt;code&gt;index.astro&lt;/code&gt; and add the following content:&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight html"&gt;&lt;code&gt;

---
title: "Home"
---

&lt;span class="nt"&gt;&amp;lt;astro-doc&amp;gt;&lt;/span&gt;
  &lt;span class="nt"&gt;&amp;lt;h1&amp;gt;&lt;/span&gt;Welcome to My Astro Website&lt;span class="nt"&gt;&amp;lt;/h1&amp;gt;&lt;/span&gt;
  &lt;span class="nt"&gt;&amp;lt;p&amp;gt;&lt;/span&gt;This is the homepage of my Astro website.&lt;span class="nt"&gt;&amp;lt;/p&amp;gt;&lt;/span&gt;
&lt;span class="nt"&gt;&amp;lt;/astro-doc&amp;gt;&lt;/span&gt;


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

&lt;/div&gt;

&lt;p&gt;This code defines the content for our homepage using Markdown syntax.&lt;/p&gt;

&lt;h3&gt;
  
  
  Step 5: Creating Layouts
&lt;/h3&gt;

&lt;p&gt;Next, let's create a layout for our website. Inside the &lt;code&gt;src/layouts/&lt;/code&gt; directory, create a new file named &lt;code&gt;default.astro&lt;/code&gt; and add the following content:&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight html"&gt;&lt;code&gt;

---
:astro-layout: default
---

&lt;span class="cp"&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;/span&gt;
&lt;span class="nt"&gt;&amp;lt;html&lt;/span&gt; &lt;span class="na"&gt;lang=&lt;/span&gt;&lt;span class="s"&gt;"en"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;
&lt;span class="nt"&gt;&amp;lt;head&amp;gt;&lt;/span&gt;
  &lt;span class="nt"&gt;&amp;lt;meta&lt;/span&gt; &lt;span class="na"&gt;charset=&lt;/span&gt;&lt;span class="s"&gt;"UTF-8"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;
  &lt;span class="nt"&gt;&amp;lt;meta&lt;/span&gt; &lt;span class="na"&gt;name=&lt;/span&gt;&lt;span class="s"&gt;"viewport"&lt;/span&gt; &lt;span class="na"&gt;content=&lt;/span&gt;&lt;span class="s"&gt;"width=device-width, initial-scale=1.0"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;
  &lt;span class="nt"&gt;&amp;lt;title&amp;gt;&lt;/span&gt;{props.title} - My Astro Website&lt;span class="nt"&gt;&amp;lt;/title&amp;gt;&lt;/span&gt;
&lt;span class="nt"&gt;&amp;lt;/head&amp;gt;&lt;/span&gt;
&lt;span class="nt"&gt;&amp;lt;body&amp;gt;&lt;/span&gt;
  &lt;span class="nt"&gt;&amp;lt;header&amp;gt;&lt;/span&gt;
    &lt;span class="nt"&gt;&amp;lt;h1&amp;gt;&lt;/span&gt;My Astro Website&lt;span class="nt"&gt;&amp;lt;/h1&amp;gt;&lt;/span&gt;
    &lt;span class="nt"&gt;&amp;lt;nav&amp;gt;&lt;/span&gt;
      &lt;span class="nt"&gt;&amp;lt;ul&amp;gt;&lt;/span&gt;
        &lt;span class="nt"&gt;&amp;lt;li&amp;gt;&amp;lt;a&lt;/span&gt; &lt;span class="na"&gt;href=&lt;/span&gt;&lt;span class="s"&gt;"/"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;Home&lt;span class="nt"&gt;&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;/span&gt;
      &lt;span class="nt"&gt;&amp;lt;/ul&amp;gt;&lt;/span&gt;
    &lt;span class="nt"&gt;&amp;lt;/nav&amp;gt;&lt;/span&gt;
  &lt;span class="nt"&gt;&amp;lt;/header&amp;gt;&lt;/span&gt;
  &lt;span class="nt"&gt;&amp;lt;main&amp;gt;&lt;/span&gt;{children}&lt;span class="nt"&gt;&amp;lt;/main&amp;gt;&lt;/span&gt;
  &lt;span class="nt"&gt;&amp;lt;footer&amp;gt;&lt;/span&gt;
    &lt;span class="nt"&gt;&amp;lt;p&amp;gt;&lt;/span&gt;&lt;span class="ni"&gt;&amp;amp;copy;&lt;/span&gt; 2024 My Astro Website&lt;span class="nt"&gt;&amp;lt;/p&amp;gt;&lt;/span&gt;
  &lt;span class="nt"&gt;&amp;lt;/footer&amp;gt;&lt;/span&gt;
&lt;span class="nt"&gt;&amp;lt;/body&amp;gt;&lt;/span&gt;
&lt;span class="nt"&gt;&amp;lt;/html&amp;gt;&lt;/span&gt;


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

&lt;/div&gt;

&lt;p&gt;This code defines the default layout for our website, including a header, navigation menu, main content area, and footer.&lt;/p&gt;

&lt;h3&gt;
  
  
  Step 6: Building and Previewing Your Website
&lt;/h3&gt;

&lt;p&gt;Now that we have created our pages and layouts, let's build and preview our website. In your terminal, run the following command:&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;

astro dev


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

&lt;/div&gt;

&lt;p&gt;This command starts a local development server, allowing you to preview your website at &lt;code&gt;http://localhost:3000&lt;/code&gt; by default. Open your web browser and navigate to this URL to see your website in action.&lt;/p&gt;

&lt;h3&gt;
  
  
  Step 7: Building for Production
&lt;/h3&gt;

&lt;p&gt;Once you are satisfied with your website, it's time to build it for production. In your terminal, run the following command:&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;

astro build


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

&lt;/div&gt;

&lt;p&gt;This command generates optimized static files for your website in the &lt;code&gt;dist/&lt;/code&gt; directory.&lt;/p&gt;

&lt;h3&gt;
  
  
  Step 8: Deploying Your Website
&lt;/h3&gt;

&lt;p&gt;Finally, deploy your website to a hosting provider of your choice. You can use services like Vercel, Netlify, or GitHub Pages for easy deployment of static websites.&lt;/p&gt;

&lt;p&gt;Congratulations! You have successfully built and deployed a static website using Astro Build. Feel free to further customize your website by adding more pages, styling, and functionality as needed.&lt;/p&gt;

&lt;h3&gt;
  
  
  Conclusion
&lt;/h3&gt;

&lt;p&gt;In this tutorial, we covered the basics of creating a static website with Astro Build. We learned how to create pages, layouts, build for production, and deploy our website to a hosting provider. With Astro, you can create fast, modern, and dynamic static websites with ease. Happy coding!&lt;/p&gt;

</description>
      <category>astro</category>
      <category>templates</category>
      <category>webdev</category>
      <category>tutorial</category>
    </item>
    <item>
      <title>Github pages forms</title>
      <dc:creator>irishgeoffrey</dc:creator>
      <pubDate>Tue, 30 Jan 2024 15:22:13 +0000</pubDate>
      <link>https://forem.com/irishgeoffrey/github-pages-forms-dd3</link>
      <guid>https://forem.com/irishgeoffrey/github-pages-forms-dd3</guid>
      <description>&lt;p&gt;To create a &lt;a href="https://fabform.io/a/create-a-static-website-with-contact-form-on-github-pages/"&gt;GitHub Pages forms&lt;/a&gt; using Fabform.io, you can follow these steps:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Sign up for Fabform.io&lt;/strong&gt;:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Go to &lt;a href="https://fabform.io/"&gt;Fabform.io&lt;/a&gt; and sign up for an account.&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Create a form&lt;/strong&gt;:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;After signing up, create a new form by clicking on the "New Form" button.&lt;/li&gt;
&lt;li&gt;Design your form according to your requirements by adding fields.&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Get the form endpoint&lt;/strong&gt;:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Once your form is created, Fabform will provide you with a form endpoint. This is the URL where form submissions will be sent.&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Set up your GitHub Pages&lt;/strong&gt;:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;If you haven't already, create a GitHub repository for your website.&lt;/li&gt;
&lt;li&gt;Create a new HTML file (e.g., &lt;code&gt;contact.html&lt;/code&gt;) where you want to embed your form.&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Embed the form&lt;/strong&gt;:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;In your HTML file, create a form element.&lt;/li&gt;
&lt;li&gt;Set the form's action attribute to the form endpoint provided by Fabform.&lt;/li&gt;
&lt;li&gt;Add input fields for each form field you created in Fabform.&lt;/li&gt;
&lt;li&gt;Example:
&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ol&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight html"&gt;&lt;code&gt;   &lt;span class="nt"&gt;&amp;lt;form&lt;/span&gt; &lt;span class="na"&gt;action=&lt;/span&gt;&lt;span class="s"&gt;"https://fabform.io/f/your-form-endpoint"&lt;/span&gt; &lt;span class="na"&gt;method=&lt;/span&gt;&lt;span class="s"&gt;"POST"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;
       &lt;span class="nt"&gt;&amp;lt;input&lt;/span&gt; &lt;span class="na"&gt;type=&lt;/span&gt;&lt;span class="s"&gt;"text"&lt;/span&gt; &lt;span class="na"&gt;name=&lt;/span&gt;&lt;span class="s"&gt;"name"&lt;/span&gt; &lt;span class="na"&gt;placeholder=&lt;/span&gt;&lt;span class="s"&gt;"Your Name"&lt;/span&gt; &lt;span class="na"&gt;required&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;
       &lt;span class="nt"&gt;&amp;lt;input&lt;/span&gt; &lt;span class="na"&gt;type=&lt;/span&gt;&lt;span class="s"&gt;"email"&lt;/span&gt; &lt;span class="na"&gt;name=&lt;/span&gt;&lt;span class="s"&gt;"email"&lt;/span&gt; &lt;span class="na"&gt;placeholder=&lt;/span&gt;&lt;span class="s"&gt;"Your Email"&lt;/span&gt; &lt;span class="na"&gt;required&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;
       &lt;span class="nt"&gt;&amp;lt;textarea&lt;/span&gt; &lt;span class="na"&gt;name=&lt;/span&gt;&lt;span class="s"&gt;"message"&lt;/span&gt; &lt;span class="na"&gt;placeholder=&lt;/span&gt;&lt;span class="s"&gt;"Your Message"&lt;/span&gt; &lt;span class="na"&gt;required&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&amp;lt;/textarea&amp;gt;&lt;/span&gt;
       &lt;span class="nt"&gt;&amp;lt;button&lt;/span&gt; &lt;span class="na"&gt;type=&lt;/span&gt;&lt;span class="s"&gt;"submit"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;Submit&lt;span class="nt"&gt;&amp;lt;/button&amp;gt;&lt;/span&gt;
   &lt;span class="nt"&gt;&amp;lt;/form&amp;gt;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Commit and push changes&lt;/strong&gt;:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Commit your changes to your GitHub repository and push them.&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Enable GitHub Pages&lt;/strong&gt;:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Go to your repository's settings on GitHub.&lt;/li&gt;
&lt;li&gt;Scroll down to the GitHub Pages section.&lt;/li&gt;
&lt;li&gt;Choose the branch containing your website (e.g., &lt;code&gt;main&lt;/code&gt; or &lt;code&gt;master&lt;/code&gt;) and save the settings.&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Your form should now be live on your GitHub Pages website, and submissions will be sent to Fabform for processing. You can view and manage form submissions from your Fabform.io dashboard.&lt;/p&gt;

&lt;p&gt;Thats all you need to do to get &lt;a href="https://fabform.io/a/create-a-static-website-with-contact-form-on-github-pages/"&gt;GitHub Pages forms&lt;/a&gt; up and working. Enjoy!&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>github</category>
      <category>tutorial</category>
      <category>website</category>
    </item>
    <item>
      <title>How to name domain names</title>
      <dc:creator>irishgeoffrey</dc:creator>
      <pubDate>Mon, 29 Jan 2024 05:11:47 +0000</pubDate>
      <link>https://forem.com/irishgeoffrey/how-to-name-domain-names-4g5d</link>
      <guid>https://forem.com/irishgeoffrey/how-to-name-domain-names-4g5d</guid>
      <description>&lt;p&gt;How to name  &lt;a href="https://domains.fabform.io"&gt;domain&lt;/a&gt; names&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Understand Your Brand and Audience&lt;/strong&gt;: Before diving into the domain naming process, it's crucial to have a deep understanding of your brand identity and target audience. Consider your brand values, personality, and the demographics of your audience. This understanding will guide you in selecting a domain name that resonates with your brand and appeals to your audience.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Conduct Thorough Keyword Research&lt;/strong&gt;: Keywords play a vital role in domain names, as they can improve search engine visibility and help users understand the purpose of your website. Conduct thorough keyword research to identify relevant terms and phrases related to your niche, industry, or products/services. Utilize tools like Google Keyword Planner, SEMrush, or Ahrefs to uncover valuable keyword insights.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Create a List of Potential Domain Names&lt;/strong&gt;: Once you have a list of relevant keywords, brainstorm different combinations and variations to create a pool of potential domain names. Experiment with different word orders, synonyms, and domain extensions (.com, .net, .org, etc.). Aim to generate a diverse range of options that capture the essence of your brand and resonate with your target audience.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Evaluate Domain Availability and Competition&lt;/strong&gt;: After compiling your list of potential domain names, it's time to check their availability and assess the competition. Use &lt;a href="https://domains.fabform.io"&gt;domain&lt;/a&gt; registrar websites or domain search tools to verify if your desired domain names are available for registration. Additionally, research existing websites or businesses with similar domain names to avoid confusion and potential trademark issues.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Consider Branding and Memorability&lt;/strong&gt;: A memorable domain name is essential for building brand recognition and attracting repeat visitors. Choose a domain name that is catchy, easy to pronounce, and distinctively reflects your brand identity. Avoid complex or obscure words that may confuse users and opt for simplicity and clarity instead. Test your chosen domain names with friends, family, or focus groups to gauge their memorability and appeal.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Balance SEO and Branding&lt;/strong&gt;: While incorporating keywords into your domain name can benefit your website's SEO, it's essential to strike a balance between SEO optimization and branding. Focus on creating a domain name that aligns with your brand identity and resonates with your audience, rather than solely prioritizing keyword inclusion. Keep in mind that search engine algorithms evolve, and user experience is paramount in driving website traffic and engagement.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Explore Domain Name Generators and Tools&lt;/strong&gt;: If you're struggling to come up with unique &lt;a href="https://domains.fabform.io"&gt;domain&lt;/a&gt; name ideas, consider using domain name generators and tools for inspiration. These tools can generate creative suggestions based on your input keywords, preferences, and industry niche. Explore popular domain name generators like NameMesh, Lean Domain Search, or Nameboy to discover new possibilities and spark ideas.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Secure Social Media Handles&lt;/strong&gt;: In today's digital landscape, it's essential to maintain consistency across your online presence, including social media platforms. Before finalizing your domain name, ensure that the corresponding social media handles (e.g., Facebook, Instagram, Twitter) are available for registration. Consistent branding across your domain name and social media profiles reinforces brand identity and facilitates user engagement across multiple channels.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Plan for Future Growth and Scalability&lt;/strong&gt;: As you select a domain name, consider the long-term growth and scalability of your website or business. Choose a domain name that allows for flexibility and accommodates potential expansion into new products, services, or markets. Avoid overly narrow or restrictive domain names that may limit your future growth opportunities. Instead, opt for a versatile and adaptable domain name that can evolve alongside your brand.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Seek Feedback and Validation&lt;/strong&gt;: Before making a final decision on your domain name, seek feedback and validation from trusted peers, industry experts, or target audience members. Solicit honest opinions and constructive criticism to evaluate the effectiveness and appeal of your chosen domain name options. Incorporate feedback into your decision-making process and iteratively refine your domain name until you're confident it aligns with your brand vision and objectives.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Review Legal Considerations and Trademarks&lt;/strong&gt;: Before registering your domain name, conduct a thorough review of legal considerations and trademarks to avoid potential conflicts or infringement issues. Research existing trademarks, copyrights, and intellectual property rights associated with your chosen domain name to ensure compliance with legal regulations. Consulting with legal professionals or trademark experts can provide valuable insights and guidance in navigating complex legal matters related to domain naming and branding.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Optimize for Mobile Compatibility and User Experience&lt;/strong&gt;: In an increasingly mobile-centric world, optimizing your domain name for mobile compatibility and user experience is essential. Choose a domain name that is easy to type, navigate, and access on various devices, including smartphones and tablets. Avoid excessively long or complex &lt;a href="https://domains.fabform.io"&gt;domain&lt;/a&gt; names that may be cumbersome to enter on mobile keyboards or detract from the overall user experience. Prioritize simplicity, clarity, and responsiveness to enhance user engagement and satisfaction across all devices.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Investigate Domain History and Reputation&lt;/strong&gt;: Before finalizing your domain name selection, investigate its history and reputation to uncover any potential red flags or issues. Use domain research tools to examine the domain's ownership history, previous website content, and any associated online reputation or backlink profiles. Avoid domains with a history of spammy or malicious activity, as they may adversely impact your website's credibility, search engine rankings, and user trustworthiness.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Plan for Domain Name Renewal and Management&lt;/strong&gt;: Registering a domain name is just the first step; ongoing domain name renewal and management are essential for maintaining ownership and continuity of your online presence. Set reminders for domain renewal deadlines, and consider opting for auto-renewal services to prevent accidental expiration or loss of your domain name. Additionally, keep your domain registration information up-to-date and secure to safeguard against unauthorized access or domain hijacking attempts.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Monitor and Adapt to Market Trends&lt;/strong&gt;: Keep abreast of emerging trends, industry developments, and market shifts that may impact your domain name strategy over time. Stay proactive in monitoring changes in consumer behavior, search engine algorithms, and competitive landscape to adapt your domain name strategy accordingly. Continuously evaluate the effectiveness of your domain name in achieving your branding, marketing, and business objectives, and be prepared to pivot or rebrand if necessary to stay relevant and competitive in the ever-evolving digital marketplace.&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;By following these comprehensive steps and considerations, you can strategically approach the domain naming process and select a &lt;a href="https://domains.fabform.io"&gt;domain&lt;/a&gt; name that effectively represents your brand, resonates with your audience, and sets the foundation for long-term online success.&lt;/p&gt;

</description>
      <category>domain</category>
      <category>dns</category>
      <category>branding</category>
      <category>marketing</category>
    </item>
    <item>
      <title>starter template ~ theme for Astro with tailwind</title>
      <dc:creator>irishgeoffrey</dc:creator>
      <pubDate>Sat, 20 Jan 2024 13:47:15 +0000</pubDate>
      <link>https://forem.com/irishgeoffrey/starter-template-theme-for-astro-with-tailwind-ej4</link>
      <guid>https://forem.com/irishgeoffrey/starter-template-theme-for-astro-with-tailwind-ej4</guid>
      <description>&lt;p&gt;Hello All!&lt;/p&gt;

&lt;p&gt;I created a free open source &lt;a href="https://astrolize.fabform.io"&gt;starter template for Astro with tailwind&lt;/a&gt; to get you up and running with a cool looking new website, landing page and blog --blazingly fast too!&lt;/p&gt;

&lt;p&gt;The Astro Tailwind starter theme ~ template is called Astrolize. &lt;/p&gt;

&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%2Fe9y34u54h86r5dekze2w.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%2Fe9y34u54h86r5dekze2w.png" alt="starter template for Astro with Tailwind" width="800" height="484"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Check it out.&lt;/p&gt;

&lt;p&gt;Enjoy!&lt;/p&gt;

</description>
      <category>astro</category>
      <category>webdev</category>
      <category>tailwindcss</category>
      <category>css</category>
    </item>
  </channel>
</rss>
