<?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: Mary J Derosa</title>
    <description>The latest articles on DEV Community by Mary J Derosa (@derosaj).</description>
    <link>https://dev.to/derosaj</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%2F186104%2Fea2ec432-9b96-4148-b429-d986d1dd8041.jpg</url>
      <title>DEV Community: Mary J Derosa</title>
      <link>https://dev.to/derosaj</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/derosaj"/>
    <language>en</language>
    <item>
      <title>How to Set Up a Linux Server</title>
      <dc:creator>Mary J Derosa</dc:creator>
      <pubDate>Wed, 18 May 2022 12:32:37 +0000</pubDate>
      <link>https://dev.to/derosaj/how-to-set-up-a-linux-server-12em</link>
      <guid>https://dev.to/derosaj/how-to-set-up-a-linux-server-12em</guid>
      <description>&lt;p&gt;Linux is one of the most popular operating systems used by &lt;a href="https://findly.in/how-many-linux-users-are-there/"&gt;approximately 3.5 billion users&lt;/a&gt;. Many individuals and companies use web servers that run on the Linux operating system as it’s an excellent choice for daily use. Linux is also open-source, meaning that it is free to use and customize. &lt;/p&gt;

&lt;p&gt;If you intend to &lt;a href="https://dev.to/jaswraith/building-a-home-server-0-hardware-linux-installation-and-initial-configuration-500i"&gt;build your own Linux server&lt;/a&gt;, there are some conditions you’ll need to meet. For instance, a Linux server can only run on specific minimum system requirements. You also need to select a Linux distribution that suits your needs.&lt;/p&gt;

&lt;p&gt;A Linux server doesn't come with a graphical user interface like other desktop environments. It uses &lt;strong&gt;Terminal&lt;/strong&gt;, which is a text-based interface. Therefore, we strongly recommend learning the basic &lt;a href="https://www.hostinger.com/tutorials/linux-commands"&gt;Linux commands&lt;/a&gt; first to help you operate and manage a Linux server.&lt;/p&gt;

&lt;p&gt;In this article, we will go over a step-by-step tutorial on how to install Linux and set up a Linux server. Let’s get started.&lt;/p&gt;

&lt;h2&gt;
  
  
  1. Choose and Download a Linux Distribution
&lt;/h2&gt;

&lt;p&gt;Picking the right Linux distribution can be challenging as &lt;a href="https://kommandotech.com/statistics/linux-statistics/"&gt;there are around 600 distros&lt;/a&gt; available. That said, not all Linux distributions are available for web servers. Popular Linux distributions commonly used as servers are &lt;strong&gt;Ubuntu, Fedora, Arch Linux, and Debian.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;For example, this article will use &lt;a href="https://ubuntu.com/download/server"&gt;Ubuntu Server&lt;/a&gt; to build a Linux server. As one of the most famous Linux distributions, Ubuntu provides regular security updates and long-term support, making it a secure and reliable operating system.&lt;/p&gt;

&lt;p&gt;Ubuntu Server’s system requirements are also pretty straightforward. According to the &lt;a href="https://ubuntu.com/server/docs/installation"&gt;Ubuntu official documentation&lt;/a&gt;, the minimum system requirements are one gigahertz (GHz) of CPU, one gigabyte (GB) of RAM, and a minimum of 2.5 gigabytes (GB) of storage space. Therefore, most computers are capable of running Ubuntu Server.&lt;/p&gt;

&lt;p&gt;The next step is to download the Ubuntu Server’s installation file. Follow the steps below:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Go to the &lt;a href="https://ubuntu.com/"&gt;Ubuntu official website&lt;/a&gt;. Then, click the Download dropdown menu and navigate to Ubuntu Server -&amp;gt; Get Ubuntu Server.&lt;/li&gt;
&lt;li&gt;Choose Option 2 - Manual server installation on the Ubuntu Server download page. After that, click Download Ubuntu Server 22.04 LTS. Note that the 22.04 LTS is the current long-term support version.&lt;/li&gt;
&lt;li&gt;The download process will begin automatically. The downloaded file name should look like the following: ubuntu-22.04-live-server-amd64.iso.&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;
  
  
  2. Create a Bootable USB
&lt;/h2&gt;

&lt;p&gt;Creating a bootable USB will be your next step after choosing a Linux distro. You will need at least a 4GB or larger USB stick or flash drive, a Ubuntu ISO file, and a bootable USB creator tool – for example, &lt;strong&gt;Rufus, Etcher,&lt;/strong&gt; or &lt;strong&gt;Ventoy&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;As for the bootable USB creator tool, we used &lt;a href="https://rufus.ie/"&gt;Rufus&lt;/a&gt; as an example. Here are the steps on how to create an installation media using this application:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Download Rufus via the official download page and install it. Then, run the application on your local computer.&lt;/li&gt;
&lt;li&gt;Click &lt;strong&gt;Select&lt;/strong&gt; to locate the Ubuntu ISO file in the local folder.&lt;/li&gt;
&lt;li&gt;Set the &lt;strong&gt;partition scheme&lt;/strong&gt; to MBR and &lt;strong&gt;target system&lt;/strong&gt; to BIOS or UEFI. You can then name the volume label, such as “Ubuntu Installation Media.”&lt;/li&gt;
&lt;li&gt;For the format options, make sure that the file system is set to &lt;strong&gt;FAT32 (Default)&lt;/strong&gt;.&lt;/li&gt;
&lt;li&gt;Click &lt;strong&gt;Start&lt;/strong&gt; to begin the process. Once finished, close the application.&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;
  
  
  3. Install Your Linux Server Operating System
&lt;/h2&gt;

&lt;p&gt;Now that you have a bootable USB, we can begin installing the Linux operating system. First, plug the bootable USB into your computer’s USB port. Most computers will automatically boot from external media, such as USB drives or DVDs.&lt;/p&gt;

&lt;p&gt;If the boot message doesn’t show up, you need to select the install media manually. Press the &lt;strong&gt;Escape&lt;/strong&gt; or &lt;strong&gt;Esc, F2, F10,&lt;/strong&gt; or &lt;strong&gt;F12&lt;/strong&gt; key so that the boot menu shows up when you restart the computer. &lt;/p&gt;

&lt;p&gt;Once the boot menu appears, select the bootable USB containing the Linux installation media. Note that it might take some time for the installation window to show up. &lt;/p&gt;

&lt;p&gt;Then, it’s time to install your Linux server operating system. We used &lt;strong&gt;Ubuntu Server&lt;/strong&gt; as an example. Follow the steps below:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Choose your preferred language.&lt;/li&gt;
&lt;li&gt;Next, choose the keyboard layout. If you are unsure, go with the default option, which is English (US).&lt;/li&gt;
&lt;li&gt;After that, the installer will show three installation options – &lt;strong&gt;Install Ubuntu&lt;/strong&gt;, Install MAAS Region Controller, and Install MAAS Rack Controller. Select the Install Ubuntu option.&lt;/li&gt;
&lt;li&gt;Then, you need to set up a network configuration. The installer will automatically discover any network connection via DHCP, so there is no need to enter anything in this section.&lt;/li&gt;
&lt;li&gt;For the storage configuration, we recommend using the first option to &lt;strong&gt;use an entire disk&lt;/strong&gt;.&lt;/li&gt;
&lt;li&gt;On the next screen, select a disk to be formatted. The installer will show information regarding the partitions to create.&lt;/li&gt;
&lt;li&gt;The installer will show another confirmation step. Make sure that you have chosen the correct disk to be formatted.&lt;/li&gt;
&lt;li&gt;The next step is creating a profile. Type your name, a server name, a username, and a password into the designated fields.&lt;/li&gt;
&lt;li&gt;After that, install the OpenSSH server package by checking the box next to &lt;strong&gt;Install OpenSSH server&lt;/strong&gt;.&lt;/li&gt;
&lt;li&gt;Next, you can download and install a selection of Linux packages for your server environment, providing you enabled a network connection. Select &lt;strong&gt;Done&lt;/strong&gt; to proceed with the installation process.&lt;/li&gt;
&lt;li&gt;The installer will then show the installation log. Once finished, select &lt;strong&gt;Reboot&lt;/strong&gt;. When the reboot process begins, unplug the bootable USB stick.&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;
  
  
  4. Run and Test Your Linux Server
&lt;/h2&gt;

&lt;p&gt;When you boot the Linux server OS, you will see Terminal or command lines with information like the following:&lt;/p&gt;

&lt;p&gt;&lt;code&gt;Ubuntu 22.04 LTS ubuntu tty1&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;&lt;code&gt;ubuntu login:&lt;/code&gt; &lt;/p&gt;

&lt;p&gt;This means that you have successfully installed a Linux server. Enter your username and password to log in to your server. Terminal will generate additional messages once you are logged in.&lt;/p&gt;

&lt;p&gt;To test your Linux server, you can type in several commands on Terminal. Here is a list of useful commands:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;code&gt;uptime&lt;/code&gt; – shows information about the server uptime.&lt;/li&gt;
&lt;li&gt;
&lt;code&gt;pwd&lt;/code&gt; – locates the path of the current working directory.&lt;/li&gt;
&lt;li&gt;
&lt;code&gt;ls&lt;/code&gt; – shows the content of the current directory you are in.&lt;/li&gt;
&lt;li&gt;
&lt;code&gt;top or htop&lt;/code&gt; – displays a list of running processes and the CPU usage.&lt;/li&gt;
&lt;li&gt;
&lt;code&gt;whoami&lt;/code&gt; – prints the user name of the user ID.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  5. Update and Upgrade Your Linux Server
&lt;/h2&gt;

&lt;p&gt;Updating and upgrading the system is crucial to ensure that your Linux server gets the latest security and &lt;a href="https://www.educative.io/edpresso/what-is-linux-kernel"&gt;kernel&lt;/a&gt; updates. It is important to check for updates every time you log in to the server, as most Linux distributions frequently release new updates and upgrades.&lt;/p&gt;

&lt;p&gt;To perform an update and upgrade on your Linux server, enter the following command:&lt;/p&gt;

&lt;p&gt;&lt;code&gt;sudo apt-get update&lt;/code&gt; or &lt;code&gt;sudo apt update&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;Wait until the process is finished. Then, proceed with the command below:&lt;/p&gt;

&lt;p&gt;&lt;code&gt;sudo apt-get upgrade&lt;/code&gt; or &lt;code&gt;sudo apt upgrade&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;Alternatively, you can also combine the above commands with the following:&lt;/p&gt;

&lt;p&gt;&lt;code&gt;sudo apt-get update &amp;amp;&amp;amp; sudo apt-get upgrade&lt;/code&gt; or &lt;code&gt;sudo apt update &amp;amp;&amp;amp; sudo apt upgrade&lt;/code&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  6. Install Web Server Applications – Apache, MySQL, and PHP
&lt;/h2&gt;

&lt;p&gt;If you’re configuring a Linux server for a website development project, consider installing web server applications such as &lt;strong&gt;Apache, MySQL,&lt;/strong&gt; and &lt;strong&gt;PHP&lt;/strong&gt;. &lt;a href="https://dev.to/melvin2016/how-to-start-an-apache-2-server-or-service-in-linux-hhg"&gt;Apache helps deploy&lt;/a&gt; your website on the internet through your own server, while MySQL works as a database management system for your website.&lt;/p&gt;

&lt;p&gt;Here are the steps to install Apache, MySQL, and PHP via Terminal:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;To install &lt;strong&gt;Apache&lt;/strong&gt;, type the command below:&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;code&gt;sudo apt-get update &amp;amp;&amp;amp; sudo apt-get install apache2&lt;/code&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Next, enter the following command to install &lt;strong&gt;MySQL&lt;/strong&gt;:&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;code&gt;sudo apt-get install mysql-server php5-mysql&lt;/code&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Lastly, install &lt;strong&gt;PHP&lt;/strong&gt; by typing in the command below:&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;code&gt;sudo apt-get install php5 libapache2-mod-php5 php5-mcrypt&lt;/code&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Conclusion
&lt;/h2&gt;

&lt;p&gt;Running a Linux server can be a good investment for an organization that needs stability, flexibility, and security. &lt;/p&gt;

&lt;p&gt;Once your server is up and running, we recommend learning how to operate and manage it properly to get the full use out of the operating system. &lt;/p&gt;

&lt;p&gt;The following is a recap of the steps to building a Linux server:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Choose and download a Linux distribution.&lt;/li&gt;
&lt;li&gt;Create a bootable USB.&lt;/li&gt;
&lt;li&gt;Install the Linux server operating system.&lt;/li&gt;
&lt;li&gt;Run and test the Linux server.&lt;/li&gt;
&lt;li&gt;Update and upgrade the Linux server.&lt;/li&gt;
&lt;li&gt;Install web server applications.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;We hope this guide has helped you understand how to set up a Linux server.&lt;/p&gt;

</description>
      <category>linux</category>
      <category>linuxcommands</category>
      <category>webdev</category>
    </item>
    <item>
      <title>Tips on Creating Awesome Responsive Design: When A Responsive Design Prevails?</title>
      <dc:creator>Mary J Derosa</dc:creator>
      <pubDate>Mon, 24 Jan 2022 17:44:40 +0000</pubDate>
      <link>https://dev.to/derosaj/tips-on-creating-awesome-responsive-design-when-a-responsive-design-prevails-3eni</link>
      <guid>https://dev.to/derosaj/tips-on-creating-awesome-responsive-design-when-a-responsive-design-prevails-3eni</guid>
      <description>&lt;p&gt;Web design is ever-evolving. Nowadays, ensuring responsiveness should become every site owner’s priority as mobile phones steadily dominate the internet traffic.&lt;/p&gt;

&lt;p&gt;Responsive web design enables websites, blogs, and web apps to adjust their layout based on different screen sizes and resolutions. Apart from improving readability, a responsive web design helps boost mobile users’ engagement, conversion rates, and return on investment. &lt;/p&gt;

&lt;p&gt;While creating a mobile-friendly website doesn’t require advanced technical expertise, many website owners don’t know where to start. This article covers eight tips to create an excellent responsive web design. Let’s get started.&lt;/p&gt;

&lt;h2&gt;
  
  
  1. Make Your Design Fluid
&lt;/h2&gt;

&lt;p&gt;In the past, web designers used pixels as the measurement unit for their websites. In today’s web design standards, however, percentages play a crucial role. &lt;/p&gt;

&lt;p&gt;Web pages consist of layout containers, which include:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Header.&lt;/li&gt;
&lt;li&gt;Navigation bar.&lt;/li&gt;
&lt;li&gt;Content section.&lt;/li&gt;
&lt;li&gt;Sidebar.&lt;/li&gt;
&lt;li&gt;Footer.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;For example, a 500-pixel header suggests a fixed web layout, maintaining its size across all mobile devices. Using percentages, on the other hand, enables a web page’s elements to adjust sizes depending on the screen.&lt;/p&gt;

&lt;p&gt;As a result, a responsive web page’s display looks distinct on different devices. For example, the navigation bar can automatically change to the drop-down form on mobile phones. Meanwhile, it displays the extended content on wider screen sizes like tablets and desktops.&lt;/p&gt;

&lt;p&gt;To apply this fluid grid system, &lt;a href="https://css-tricks.com/look-ma-no-media-queries-responsive-layouts-using-css-grid/"&gt;modify your website’s CSS&lt;/a&gt;. You can always contact your &lt;a href="https://www.hostinger.co.uk/wordpress-hosting"&gt;WordPress hosting provider&lt;/a&gt; if you ever need some technical help to guide you through the process.&lt;/p&gt;

&lt;h2&gt;
  
  
  2. Consider Your Content
&lt;/h2&gt;

&lt;p&gt;Besides making a website visually pleasing, website design should enhance visitors’ experience when browsing the site’s content. Therefore, content and web design should be integrated.&lt;/p&gt;

&lt;p&gt;As content is the core of any website, implementing a content-first policy should be a priority. Here are some tips for ensuring content-first, responsive design:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Don’t make a separate mobile site.&lt;/strong&gt; Typically, an M-Dot website contains less content than the desktop version. This can lead to confusion and even frustration as visitors get varying search results from different devices.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Ensure easy access to your other content pieces.&lt;/strong&gt; Provide a &lt;strong&gt;Next&lt;/strong&gt; button or a &lt;strong&gt;Related Articles&lt;/strong&gt; section to ensure site visitors can browse through content easily.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Be wary of the content’s readability across the different devices.&lt;/strong&gt; This comes down to the choice of layout, typefaces, colors, and font sizes.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  3. Use Responsive Images
&lt;/h2&gt;

&lt;p&gt;Not only design but image sizes should also be adjustable based on different screens. When images are not optimized, they may look good on desktop computers but not on mobile devices.&lt;/p&gt;

&lt;p&gt;This step is about making sure your images scale correctly on different devices. One of the most popular ways for this is to add these lines of CSS:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;img {
width: 100%;
}
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--qz-dW6Sf--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zpe6763ixylri7oaonyh.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--qz-dW6Sf--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zpe6763ixylri7oaonyh.png" alt="Kraken.io website" width="512" height="296"&gt;&lt;/a&gt;&lt;br&gt;
Source: Kraken.io&lt;/p&gt;

&lt;p&gt;In addition, site owners should always compress their images before uploading to ensure that they won’t overload a page. Use &lt;a href="https://dev.to/wchr/what-is-lossy-and-lossless-compression-21po"&gt;a compression tool&lt;/a&gt;, like &lt;strong&gt;Kraken.io&lt;/strong&gt;, to reduce image size without losing quality. That way, your images can load seamlessly on any device and network.&lt;/p&gt;

&lt;p&gt;Alternatively, site owners can also h&lt;a href="https://dev.to/ziizium/how-to-hide-web-page-elements-1be5"&gt;ide images and other web page elements&lt;/a&gt; when users load their websites through their mobile phones. &lt;/p&gt;

&lt;h2&gt;
  
  
  4. Design for Touchscreens
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://developers.google.com/search/mobile-sites/mobile-first-indexing"&gt;Google has gone mobile-first&lt;/a&gt; since July 2019, and today,  &lt;a href="https://www.statista.com/statistics/277125/share-of-website-traffic-coming-from-mobile-devices/"&gt;mobile devices account for 54.8%&lt;/a&gt; of internet traffic. For these reasons, develop a web design that caters to both trackpads and touchscreens. &lt;/p&gt;

&lt;p&gt;Here are some tips to consider:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Check the button size.&lt;/strong&gt; For pages that contain &lt;a href="https://dev.to/atulcodex/call-to-action-button-with-pure-html-css-4l6p"&gt;a call to action (CTA)&lt;/a&gt; button, make sure it’s visible and easy to tap. As a reference, the current standard for a touch target size is 44x44 pt.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Avoid clutter.&lt;/strong&gt; If you have a long list of menus, check the space between them to ensure users don’t click the wrong button.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Minimize gestures.&lt;/strong&gt; Reconsider before incorporating elements like swipes and zooms. While users can easily carry out the actions on larger screens, it might be challenging for users on smaller screens.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Don’t force a delay.&lt;/strong&gt; Although it can be a great way to double-check if a user’s click is intentional, a delay can also harm user experience (UX) as users might feel like the website is less responsive or not working correctly.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  5. Take Typography into Account
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--wsn_C9Ks--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/uq5pa6rin5dnjnmouk6g.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--wsn_C9Ks--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/uq5pa6rin5dnjnmouk6g.png" alt="font pairing made simple" width="512" height="254"&gt;&lt;/a&gt;&lt;br&gt;
Source: &lt;a href="https://fontjoy.com/"&gt;FontJoy&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Using different typefaces helps highlight important information and create context throughout web pages. The latter is vital to help introduce a business’s identity, brand, and values. &lt;/p&gt;

&lt;p&gt;On the other hand, choosing the wrong typography combination can make a website look unprofessional or harm a site’s readability. &lt;/p&gt;

&lt;p&gt;One of the most common problems with typography and responsiveness is that some typefaces are only compatible with specific devices. Using a tricky font can cause some texts to appear as square boxes.&lt;/p&gt;

&lt;p&gt;Other problems include fonts that are too difficult to read on smaller screens and those that add &lt;a href="https://blog.hubspot.com/marketing/reduce-http-requests"&gt;unnecessary HTTP requests&lt;/a&gt;. To avoid such issues, let’s see some tips below:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Stick with legible fonts.&lt;/strong&gt; These include Helvetica, Verdana, and Georgia. Using such fonts ensures compatibility across devices.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Avoid custom fonts.&lt;/strong&gt; They often cause &lt;a href="https://simonhearne.com/2021/layout-shifts-webfonts/"&gt;layout shifts&lt;/a&gt; when loading, which can be bad for UX.  &lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Limit your typefaces.&lt;/strong&gt; Three is the maximum number of fonts a site should have. If you’re having trouble choosing the right combination, font generating tools such as &lt;strong&gt;Fontjoy&lt;/strong&gt; can be a big help.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Adjust font sizes appropriately.&lt;/strong&gt; To improve readability, match fonts with the screen size &lt;a href="https://www.w3schools.com/howto/howto_css_responsive_text.asp"&gt;using media queries&lt;/a&gt;. &lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  6. Avoid Using Pop-Ups
&lt;/h2&gt;

&lt;p&gt;Pop-ups refer to elements that appear when someone is viewing a web page. They can be contact forms, promotional messages, and paid advertisements. While using pop-ups helps increase conversion rates, site owners should reconsider utilizing them.&lt;/p&gt;

&lt;p&gt;For mobile users, seeing pop-ups can be irritating because they can take up the whole screen and interrupt the browsing experience. Sometimes pop-ups are not responsive, making it harder for users to find the &lt;strong&gt;Close&lt;/strong&gt; button.&lt;/p&gt;

&lt;p&gt;Site visitors may also have a pop-up blocker installed on their browsers. Therefore, site owners may not yield the expected conversion numbers.&lt;/p&gt;

&lt;p&gt;That’s why many website owners choose to disable pop-ups for mobile devices. Nowadays, many opt for lead magnets, &lt;a href="https://sleeknote.com/blog/hello-bar-examples"&gt;hello bars&lt;/a&gt;, and banners to engage their target audience.&lt;/p&gt;

&lt;h2&gt;
  
  
  7. Utilize Mobile Responsive WordPress Themes
&lt;/h2&gt;

&lt;p&gt;Using a responsive &lt;a href="https://dev.to/terasol_app/10-best-wordpress-themes-for-your-website-48da"&gt;WordPress theme&lt;/a&gt; is among the easiest methods for ensuring a fluid design.&lt;br&gt;
The content management system offers dozens of mobile-friendly, pre-designed templates in &lt;a href="https://wordpress.org/themes/"&gt;its directory&lt;/a&gt;. You can also check if it is &lt;strong&gt;Mobile Responsive&lt;/strong&gt; in the theme’s description box.&lt;/p&gt;

&lt;p&gt;Regardless, check that your chosen responsive theme works well across different devices. This ensures consistency and provides the same UX no matter what device visitors use to access the content. &lt;/p&gt;

&lt;p&gt;Website owners can also &lt;a href="https://mythemeshop.com/blog/make-wordpress-theme/"&gt;create their own responsive WordPress theme&lt;/a&gt;. To do this, create a local WordPress environment, prepare a folder for your first responsive theme, and put together a CSS style sheet. Then, start adding some code and play around with the page layout.&lt;/p&gt;

&lt;h2&gt;
  
  
  8. Take A Responsiveness Test
&lt;/h2&gt;

&lt;p&gt;With the various screen sizes and resolutions, every site owners’ best bet is to test website responsiveness using a tool. &lt;/p&gt;

&lt;p&gt;&lt;a href="https://search.google.com/test/mobile-friendly"&gt;Google’s free mobile-friendly testing tool&lt;/a&gt; is among the most reliable ones to utilize. Users will only need to input their site’s address and click &lt;strong&gt;Enter&lt;/strong&gt; to start the analysis.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--hwO7y4CA--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/452wx7qud1ocxcar3ta0.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--hwO7y4CA--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/452wx7qud1ocxcar3ta0.png" alt="page is mobile friendly" width="512" height="101"&gt;&lt;/a&gt;&lt;br&gt;
Source: Google free mobile-friendly testing tool&lt;/p&gt;

&lt;p&gt;After a few minutes, the tool will tell users whether they have a responsive website by displaying a green checkmark with a &lt;strong&gt;Page is mobile-friendly&lt;/strong&gt; statement.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--dusiGsq2--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fsb934smv81jcoj61vms.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--dusiGsq2--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fsb934smv81jcoj61vms.png" alt="page is not mobile friendly" width="512" height="235"&gt;&lt;/a&gt;&lt;br&gt;
Source: Google free mobile-friendly testing tool&lt;/p&gt;

&lt;p&gt;On the other hand, a red exclamation mark with a &lt;strong&gt;Page is not mobile-friendly&lt;/strong&gt; description will appear if the tool identifies some responsiveness problems with a website. It will also offer a list of factors on how site owners can better optimize their web design.&lt;/p&gt;

&lt;h2&gt;
  
  
  Conclusion
&lt;/h2&gt;

&lt;p&gt;Responsive web design enables a WordPress site to adjust its layout based on a given screen. Having one can bring many benefits to a business, from improved user experience and engagement to higher conversion rates and return on investment.&lt;/p&gt;

&lt;p&gt;Here’s a quick recap of how to have a responsive website:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;1. Make your design fluid.&lt;/strong&gt; Opt for percentages over the pixel measurement. This will help a site’s elements to adjust based on the various sizes of mobile device screens.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;2. Consider your content.&lt;/strong&gt; Keep in mind to always design a website around its content to ensure visitors can read it with ease.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;3. Use responsive images.&lt;/strong&gt; Apart from making sure they render correctly on different screens, images can also help improve overall performance.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;4. Design for touchscreens.&lt;/strong&gt; Some tips include taking care of the button size and spacing, minimizing gestures, and not forcing delays.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;5. Take typography into account.&lt;/strong&gt; Consider avoiding custom fonts to ensure compatibility across mobile devices. Also, don’t use more than three typefaces to maintain consistency and professionalism.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;6. Avoid using pop-ups.&lt;/strong&gt; As they can take up the whole mobile screen, it’s best to disable it when your site is accessed through a mobile device.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;7. Utilize mobile responsive WordPress themes.&lt;/strong&gt; Take advantage of pre-designed templates to save time and effort, but be sure to check their responsiveness.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;8. Take a responsiveness test.&lt;/strong&gt; Once you’ve settled on a design, check if your website is mobile-responsive using Google’s testing tool. &lt;/p&gt;

&lt;p&gt;By taking the above steps, you will get your site ready for mobile users. As a site’s design may frequently change to match with different marketing campaigns, remember to always test your new design before launching.&lt;/p&gt;

&lt;p&gt;Good luck with your responsive web design initiative! &lt;/p&gt;

</description>
      <category>css</category>
      <category>mobile</category>
      <category>beginners</category>
    </item>
    <item>
      <title>How to Transfer a Website to a Different Host (Without Downtime or Issues)</title>
      <dc:creator>Mary J Derosa</dc:creator>
      <pubDate>Mon, 22 Nov 2021 11:37:44 +0000</pubDate>
      <link>https://dev.to/derosaj/how-to-transfer-a-website-to-a-different-host-without-downtime-or-issues-3ph6</link>
      <guid>https://dev.to/derosaj/how-to-transfer-a-website-to-a-different-host-without-downtime-or-issues-3ph6</guid>
      <description>&lt;p&gt;Picking the best hosting provider for your website can be time-consuming as there are so many options available. Unfortunately, sometimes when you make your choice, the service doesn’t meet your expectations, making you feel stuck. &lt;/p&gt;

&lt;p&gt;In this case, the next suitable step might be to switch to another hosting company. Yet, this option also has its risks, such as downtime issues and complicated processes. &lt;/p&gt;

&lt;p&gt;This article will provide a step-by-step guide to help transfer your website to a different web host safely. You’ll learn all of the essential points, from choosing the best web host to canceling your current hosting service. &lt;/p&gt;

&lt;h2&gt;
  
  
  1. Choose a New Web Hosting Provider
&lt;/h2&gt;

&lt;p&gt;It’s important to pick a new &lt;a href="https://www.hostinger.co.uk/web-hosting"&gt;web hosting provider&lt;/a&gt; before canceling your existing hosting plan. Several aspects to consider when choosing a new provider are cost, resources, and performance. &lt;/p&gt;

&lt;p&gt;If you don’t want to transfer your website manually, choose a hosting provider that offers free site migration. That way, you only need to make the request and provide website details, like the current hostname and control panel login details. &lt;/p&gt;

&lt;h2&gt;
  
  
  2. Backup and Transfer Your Files
&lt;/h2&gt;

&lt;p&gt;Backups ensure that you save the latest version of your site. To transfer it to the new web host, log in to the control panel, make another backup and begin the transfer. &lt;/p&gt;

&lt;p&gt;One way to move your site is to use a file transfer protocol (FTP) program like FileZilla. It provides access to the files on the current web host’s servers from your computer. Download the files from your old web host, then upload all the files to the new one. &lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--tkxmpJGc--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/uegt759ogmx4kljtq38c.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--tkxmpJGc--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/uegt759ogmx4kljtq38c.png" alt="filezilla program for file transfer" width="512" height="217"&gt;&lt;/a&gt;&lt;br&gt;
&lt;a href="https://www.hostinger.com/tutorials/how-to-migrate-wordpress"&gt;Image source&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;If you use WordPress, consider installing a migration tool plugin, like All-in-One WP Migration. This plugin will help migrate your WordPress site to a new hosting provider without any technical knowledge.&lt;/p&gt;

&lt;h2&gt;
  
  
  3. Move Your Database and Import to the New Host
&lt;/h2&gt;

&lt;p&gt;Most content management systems (CMS) depend on a database to store content and settings. To move your database, export it from your old web host using phpMyAdmin. &lt;/p&gt;

&lt;p&gt;You should see phpMyAdmin in the Databases if your old hosting provider uses the cPanel. If not, &lt;a href="https://www.wikihow.com/Install-phpMyAdmin-on-Your-Windows-PC"&gt;install phpMyAdmin&lt;/a&gt; on your PC first. &lt;/p&gt;

&lt;p&gt;Follow these steps to export your database once you open the &lt;strong&gt;phpMyAdmin&lt;/strong&gt;:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;On the left section, select the database you want to move. &lt;/li&gt;
&lt;li&gt;&lt;p&gt;Click the &lt;strong&gt;Export tab&lt;/strong&gt;. &lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--Po83nDDp--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/k0euqobw9hpwyskh7l6s.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--Po83nDDp--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/k0euqobw9hpwyskh7l6s.png" alt="phpmyadmin database export" width="512" height="224"&gt;&lt;/a&gt;&lt;br&gt;
&lt;a href="https://www.hostinger.com/tutorials/how-to-migrate-wordpress"&gt;Image source&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;In the &lt;strong&gt;Export&lt;/strong&gt; method, click &lt;strong&gt;Quick&lt;/strong&gt; and choose &lt;strong&gt;SQL&lt;/strong&gt; for the format. &lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--12QNuf-2--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/so0g1dk9qt0jiy1d4r38.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--12QNuf-2--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/so0g1dk9qt0jiy1d4r38.png" alt="exporting sql files" width="512" height="268"&gt;&lt;/a&gt;&lt;br&gt;
&lt;a href="https://www.hostinger.com/tutorials/how-to-migrate-wordpress"&gt;Image source&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Click &lt;strong&gt;Go&lt;/strong&gt;. &lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;After that, create a new database by opening &lt;strong&gt;MySQL Databases&lt;/strong&gt; in your new web host’s control panel. Then, open &lt;strong&gt;phpMyAdmin&lt;/strong&gt; and go to the &lt;strong&gt;Import&lt;/strong&gt; tab to upload the database you downloaded from your old web host. &lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--A7I_E1wW--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/r566f74iexcpbibu52ho.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--A7I_E1wW--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/r566f74iexcpbibu52ho.png" alt="creating new database" width="512" height="290"&gt;&lt;/a&gt;&lt;br&gt;
&lt;a href="https://www.hostinger.com/tutorials/how-to-migrate-wordpress"&gt;Image source&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  4. Install and Configure Applications at the New Host
&lt;/h2&gt;

&lt;p&gt;This step requires &lt;a href="https://wordpress.org/support/article/editing-wp-config-php/"&gt;editing the wp-config.php&lt;/a&gt; by using the FTP program or file manager at the new host’s control panel. Before editing this file, prepare information like database name, username, and password.&lt;/p&gt;

&lt;p&gt;Then, install or update your CMS platform, like WordPress or Joomla, and configure other applications you need.  &lt;/p&gt;

&lt;h2&gt;
  
  
  5. Point Your Domain Name to the New Web Host
&lt;/h2&gt;

&lt;p&gt;The first step is to look for the nameservers of your new web host on its control panel. &lt;/p&gt;

&lt;p&gt;Then, go to the dashboard of your domain name provider and replace the old nameservers with the new host’s nameservers. Doing so will ensure that visitors come to your website and not receive an error or a misdirect. &lt;/p&gt;

&lt;p&gt;The process until your domain name points to the new web host will take up to 24 hours. A DNS checker like &lt;strong&gt;Whatsmydns.net&lt;/strong&gt; helps check the moving progress. &lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--yqccfbtL--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pglhk1rdr994jtjpt0u4.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--yqccfbtL--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pglhk1rdr994jtjpt0u4.png" alt="dns checker" width="512" height="235"&gt;&lt;/a&gt; &lt;br&gt;
&lt;a href="https://www.whatsmydns.net/"&gt;Image source&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  6. Test Your Website
&lt;/h2&gt;

&lt;p&gt;At this step, your site should work properly on your new hosting provider. However, errors can happen sometimes. &lt;/p&gt;

&lt;p&gt;One typical error is broken links. To solve this, consider installing a plugin like &lt;strong&gt;Broken Link Checker&lt;/strong&gt;. It will scan all links on your website and show the status – whether they’re errors or not. Here, you have the option to edit or delete the links. &lt;/p&gt;

&lt;p&gt;Also, there is a risk that the database is corrupted. To resolve this, try to disable all plugins and enable them one by one. If you can’t access your WordPress dashboard, it may be necessary to reupload your database. &lt;/p&gt;

&lt;h2&gt;
  
  
  7. Check Your Email Accounts
&lt;/h2&gt;

&lt;p&gt;There are four possible scenarios when transferring your custom email to the new web host, such as: &lt;br&gt;
&lt;strong&gt;-Email is hosted on a third party.&lt;/strong&gt; It can be &lt;strong&gt;Microsoft 365&lt;/strong&gt; or &lt;strong&gt;Google Workspace&lt;/strong&gt;. It’s the simplest scenario as you can keep using it.&lt;br&gt;&lt;br&gt;
&lt;strong&gt;-Email is hosted on a domain registrar.&lt;/strong&gt; Login to the domain registrar and change the details, like nameservers, into the new hosting provider. &lt;br&gt;
&lt;strong&gt;-Email is hosted with the old host.&lt;/strong&gt; See whether it’s possible to download the email accounts and upload them to the new hosting provider. If not, you have to recreate the accounts on the new web host’s platform manually. &lt;/p&gt;

&lt;h2&gt;
  
  
  8. Finalize the Move
&lt;/h2&gt;

&lt;p&gt;When the changes are complete, it’s essential to double-check if they work correctly. &lt;/p&gt;

&lt;p&gt;First, check your website using a temporary URL. Ask your new host’s support team about the address or use a temporary URL generator. Also, it’s better to inform your visitors about the switch beforehand in case something goes wrong and everything results in downtime. &lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--ufadwAgF--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4irepfmnxwfdedq4psi4.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ufadwAgF--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4irepfmnxwfdedq4psi4.png" alt="checking the website with temporary url" width="512" height="185"&gt;&lt;/a&gt;&lt;br&gt;
&lt;a href="https://www.temporary-url.com/"&gt;Image source&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  9. Close the Previous Web Hosting Account
&lt;/h2&gt;

&lt;p&gt;After making sure everything works well, it’s time to close your old web hosting account.&lt;/p&gt;

&lt;p&gt;You’ll see an option to cancel the hosting subscription on the old web host’s control panel. Ensure that you cancel only the hosting plan to avoid losing your domain name if you host your domain name with them too.&lt;/p&gt;

&lt;h2&gt;
  
  
  Conclusion
&lt;/h2&gt;

&lt;p&gt;The risks of switching hosting services may seem intimidating at first. &lt;/p&gt;

&lt;p&gt;However, it’s possible to transfer your website to another web host without any hassle or downtime, as long as you carefully take these steps:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Pick a &lt;strong&gt;new web host.&lt;/strong&gt; &lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Back up your files&lt;/strong&gt; and move them to the new web host. &lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Export and import&lt;/strong&gt; your database. &lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Set up necessary applications&lt;/strong&gt; on the new hosting provider’s platform. &lt;/li&gt;
&lt;li&gt;Point your &lt;strong&gt;domain to the new host.&lt;/strong&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Test&lt;/strong&gt; the website. &lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Transfer your email accounts.&lt;/strong&gt; &lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Cancel&lt;/strong&gt; your old hosting plan. &lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;This is how you can move your website to a new host. Good luck!&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>beginners</category>
      <category>tutorial</category>
      <category>security</category>
    </item>
    <item>
      <title>VPS: An Upgrade from Shared Hosting</title>
      <dc:creator>Mary J Derosa</dc:creator>
      <pubDate>Mon, 25 Oct 2021 18:44:06 +0000</pubDate>
      <link>https://dev.to/derosaj/vps-an-upgrade-from-shared-hosting-4j6d</link>
      <guid>https://dev.to/derosaj/vps-an-upgrade-from-shared-hosting-4j6d</guid>
      <description>&lt;p&gt;When creating a website, you’ll need a couple of things: a &lt;a href="https://en.wikipedia.org/wiki/Domain_name"&gt;domain name&lt;/a&gt;, a website builder, and a web hosting provider. &lt;br&gt;
You’ll then need to choose what type of hosting you need for your website, as web hosting makes your website available online.&lt;/p&gt;

&lt;p&gt;This article will mention two of the most popular hosting types – shared hosting and VPS. I’ll also make a quick comparison between the two and give you the reasons why VPS is better and when you should consider upgrading.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Let’s get started.&lt;/strong&gt; &lt;/p&gt;

&lt;h2&gt;
  
  
  What is Shared Hosting?
&lt;/h2&gt;

&lt;p&gt;As the name suggests, shared hosting means sharing a server and its resources with other users. Because you share almost everything, shared hosting is the most affordable option among all hosting types. It’s also the most beginner-friendly hosting type.&lt;/p&gt;

&lt;p&gt;But because the resources are shared, you do get a few disadvantages. If other users are experiencing high traffic or encounter any issues, your website is likely to be affected too. Plus, you also get limited storage space and &lt;a href="https://simple.wikipedia.org/wiki/Bandwidth_(computing)"&gt;bandwidth&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;You should use shared hosting if you:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Have a small company website.&lt;/li&gt;
&lt;li&gt;Are on a limited budget.&lt;/li&gt;
&lt;li&gt;Want to create a personal website.&lt;/li&gt;
&lt;li&gt;Are still new to the industry.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  What is VPS Hosting
&lt;/h2&gt;

&lt;p&gt;As for VPS, you still share a server with other users. &lt;/p&gt;

&lt;p&gt;However, the main difference is that each user has their dedicated space and resources. As the name suggests, a virtual private server creates virtual partitions in a server and divides them among the users. &lt;/p&gt;

&lt;p&gt;VPS solves the main disadvantage of shared hosting, which is other site’s performance affecting yours too.&lt;/p&gt;

&lt;p&gt;Since you get dedicated resources for yourself, the price will be higher compared to shared hosting. But if you have the budget, this is the option to go for. If you want to look for great web hosting plans, you can try &lt;a href="https://www.hostinger.co.uk/web-hosting"&gt;Hostinger&lt;/a&gt;. &lt;/p&gt;

&lt;p&gt;&lt;strong&gt;You should use a VPS hosting if you:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Have more budget to spare and want to invest in your website.&lt;/li&gt;
&lt;li&gt;Plan to scale your business in the future.&lt;/li&gt;
&lt;li&gt;Expect high amounts of traffic to your website.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  VPS vs. Shared Hosting
&lt;/h2&gt;

&lt;p&gt;Of course, choosing VPS is the better option because it solves all the disadvantages of shared hosting. But there are other reasons why VPS may be the right choice for your business.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Some of them include:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Increased Flexibility – You get access to the &lt;a href="https://www.ssh.com/academy/iam/user/root"&gt;root level&lt;/a&gt; of your server, giving you the freedom to control the resources and architecture of your website.&lt;/li&gt;
&lt;li&gt;Improve Performance – Since it's easily scalable, you can easily upgrade your resources to match your website’s growth, thus improving your performance.&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://en.wikipedia.org/wiki/IP_address"&gt;Dedicated IP&lt;/a&gt; – You get easy access to your website and have a higher level of control compared to sharing an IP.&lt;/li&gt;
&lt;li&gt;Improved Security – You can adjust your site’s security on your own, like adding multi-layer security and firewalls. &lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  When to Upgrade from Shared Hosting to VPS
&lt;/h2&gt;

&lt;p&gt;It may be a good idea for you to start with shared hosting and upgrade to VPS later. However, how do you know when the time is right to make the change?&lt;/p&gt;

&lt;p&gt;Here are some pointers that will indicate when you should seriously consider an upgrade in web hosting.&lt;/p&gt;

&lt;h3&gt;
  
  
  1. Your Traffic Count is High
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--_1FKxUFJ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/axka910wqy3q9tdtb9gs.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--_1FKxUFJ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/axka910wqy3q9tdtb9gs.png" alt="Website Traffic"&gt;&lt;/a&gt;&lt;br&gt;
Image is taken from &lt;a href="https://www.vectorstock.com/royalty-free-vector/web-traffic-internet-icon-flat-isolated-vector-7407277"&gt;vectorstock.com&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;As your website grows, you’ll receive more traffic. You’ll need a server that can accommodate this increase in traffic without affecting your site’s performance. So if you see your website struggling to load quickly because you have many people accessing your site at the same time, it’s time to consider VPS.&lt;/p&gt;

&lt;p&gt;VPS is straightforward to scale. It allows you to upgrade your resources as much or as little as you want without encountering any significant downtime or technical issues. &lt;br&gt;
This is possible because VPS is hosted on a virtual environment called a container. The container will be filled with the resources you’ve picked but also let you deduct or add resources quickly and effortlessly at any time. &lt;/p&gt;

&lt;h3&gt;
  
  
  2. Upscaling the SEO Strategies
&lt;/h3&gt;

&lt;p&gt;As mentioned before, shared hosting provides one server for multiple sites. When one website encounters any issues, other sites will be affected too. So since you all share the same IP address, when one website has a bad reputation or conducts &lt;a href="https://en.wikipedia.org/wiki/Spamdexing"&gt;SEO black hat techniques&lt;/a&gt;, your website’s SEO ranking might suffer as well.&lt;/p&gt;

&lt;p&gt;Using VPS means your website’s ranking is only affected by your &lt;a href="https://en.wikipedia.org/wiki/Search_engine_optimization"&gt;SEO strategies&lt;/a&gt;. You don’t have to worry about how other websites conduct their SEO, as they don’t affect your website.&lt;/p&gt;

&lt;h3&gt;
  
  
  3. Need to Store More Data
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--mEkzSW6R--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8bda3ei6nm16mty4h62a.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--mEkzSW6R--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8bda3ei6nm16mty4h62a.png" alt="Data monitoring"&gt;&lt;/a&gt;&lt;br&gt;
Image is taken from &lt;a href="https://www.istockphoto.com/search/2/image?phrase=bandwidth"&gt;istockphoto.com&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;When you reach the limit of your shared hosting resources, the only way to grow is to upgrade your hosting plan. &lt;/p&gt;

&lt;p&gt;By using VPS, you’ll be getting dedicated resources, including vCPU, bandwidth, and storage space. You can freely adjust the resources based on your needs without worrying about how much the other users are consuming.&lt;/p&gt;

&lt;p&gt;VPS is like receiving a dedicated server’s benefits but at a much more affordable price. With this type of hosting, you’ll also be able to handle more traffic without having to spend more. &lt;/p&gt;

&lt;h3&gt;
  
  
  4. Need More Security
&lt;/h3&gt;

&lt;p&gt;Shared hosting is secure and well protected. You can trust the web host to provide maximum security for your website.&lt;/p&gt;

&lt;p&gt;However, there will always be data from other websites stored on the same server. This may pose a security gap if one of these websites gets breached by hackers or &lt;a href="https://en.wikipedia.org/wiki/Malware"&gt;malware&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;With VPS, you can set up your own security, install additional firewalls, input additional security rules and restrictions. You're in control of who can access your website’s dashboard and root level.&lt;/p&gt;

&lt;h3&gt;
  
  
  5. Website Customization
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--ocxmmilW--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/v0lsk7l13suk56cxgftc.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ocxmmilW--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/v0lsk7l13suk56cxgftc.png" alt="How to customize your website"&gt;&lt;/a&gt;&lt;br&gt;
Image is taken from &lt;a href="https://unsplash.com/photos/DuHKoV44prg"&gt;Unsplash.com&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;As I mentioned before, using VPS lets you access the root level of the server. This means that you can freely customize your website, and you don’t need to contact your hosting provider to do the customizations for you. &lt;/p&gt;

&lt;p&gt;&lt;strong&gt;With VPS, you can customize various things such as:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Choose an operating system of your choice.&lt;/li&gt;
&lt;li&gt;Add more complex web applications.&lt;/li&gt;
&lt;li&gt;Install custom web server stack.&lt;/li&gt;
&lt;li&gt;Install a custom software package.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  6. Running an E-Commerce Site
&lt;/h3&gt;

&lt;p&gt;Even if you decide to run a small eCommerce website, a VPS will always be a better choice and investment for your business. You’ll get a dedicated IP address which means more freedom, as well as better reliability, security, performance, and uptime.&lt;/p&gt;

&lt;p&gt;You’ll also get easy scalability so you can quickly upgrade your website’s resources on demand.&lt;/p&gt;

&lt;h2&gt;
  
  
  Conclusion
&lt;/h2&gt;

&lt;p&gt;VPS hosting is significantly better than shared hosting.&lt;/p&gt;

&lt;p&gt;You’ll get increased flexibility, better performance, improved security, reliability, dedicated resources, and an IP address. Provided you have the budget and need more resources, VPS will always outperform shared hosting.&lt;/p&gt;

&lt;p&gt;Remember that while VPS is better, it does require you to have more technical knowledge of the operating system and the server. &lt;/p&gt;

&lt;p&gt;You will also be responsible for the safety and security of your website and your visitors’ data, which should not be taken lightly. &lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Good luck!&lt;/strong&gt;&lt;/p&gt;

</description>
      <category>cybersecurity</category>
      <category>webdev</category>
      <category>beginners</category>
    </item>
    <item>
      <title>When Is It Necessary to Hire a Programmer?</title>
      <dc:creator>Mary J Derosa</dc:creator>
      <pubDate>Wed, 22 Sep 2021 15:37:52 +0000</pubDate>
      <link>https://dev.to/derosaj/when-is-it-necessary-to-hire-a-programmer-2idd</link>
      <guid>https://dev.to/derosaj/when-is-it-necessary-to-hire-a-programmer-2idd</guid>
      <description>&lt;p&gt;A programmer is someone that creates or writes computer software by utilizing specific instructions on multiple programming languages and platforms such as &lt;a href="https://www.w3schools.com/sql/sql_intro.asp"&gt;SQL&lt;/a&gt;, &lt;a href="https://en.wikipedia.org/wiki/XML"&gt;XML&lt;/a&gt;, &lt;a href="https://www.php.net/manual/en/intro-whatis.php"&gt;PHP&lt;/a&gt;, &lt;a href="https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/HTML_basics"&gt;HTML&lt;/a&gt;, &lt;a href="https://en.wikipedia.org/wiki/C_(programming_language)"&gt;C&lt;/a&gt;, and &lt;a href="https://www.programiz.com/cpp-programming"&gt;C++&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;They are often needed to help clients craft a unique website from scratch. But with the availability of website builders and &lt;a href="https://www.hostinger.co.uk/web-hosting"&gt;web hosting services&lt;/a&gt; that can help you create websites easily, when exactly should you hire a programmer?&lt;/p&gt;

&lt;p&gt;This article will explain several scenarios when a programmer is needed. I’ll also cover the steps of hiring a programmer.&lt;/p&gt;

&lt;h2&gt;
  
  
  When Should You Hire a Programmer
&lt;/h2&gt;

&lt;p&gt;Let’s take a look at the three main scenarios when you might want to hire a programmer.&lt;/p&gt;

&lt;h3&gt;
  
  
  When you don’t have the skills to build, design, or maintain a website
&lt;/h3&gt;

&lt;p&gt;You want to create a website, and you have the budget to make for it. Using a website builder or a &lt;a href="https://en.wikipedia.org/wiki/Content_management_system"&gt;CMS&lt;/a&gt; feels lacking, and you want to be involved throughout the entire process.&lt;/p&gt;

&lt;p&gt;You have an idea of how the website should look and the content to put on it. The only issue is you don’t have the necessary skills to bring your designs to life. &lt;/p&gt;

&lt;p&gt;Therefore, you’ll need a programmer to create your website and make it operational. You’ll also need them to handle the maintenance of your site and deal with any technical issues that may arise.&lt;/p&gt;

&lt;h3&gt;
  
  
  When you need a long-term development partner
&lt;/h3&gt;

&lt;p&gt;You have an idea for an online business, and you understand how your business will work. You also know how the website should look and function. The only issue is you don’t have the technical skills and time to do it.&lt;/p&gt;

&lt;p&gt;Hiring a programmer is the way to go since you probably will need their services for a while to create custom graphical elements, pages, and content. &lt;/p&gt;

&lt;h3&gt;
  
  
  When you need to upgrade your website
&lt;/h3&gt;

&lt;p&gt;You already have your website running, but you want to add new sections to it and expand your business. It might be a dedicated blog, or new types of products and services.&lt;/p&gt;

&lt;p&gt;For you to have the new features or sections on your website, you’ll need to hire a programmer.&lt;/p&gt;

&lt;h2&gt;
  
  
  How to Hire a Programmer
&lt;/h2&gt;

&lt;p&gt;There are several things you need to do when hiring a programmer. Let’s take a look at them.&lt;/p&gt;

&lt;h3&gt;
  
  
  1. Lay Out Your Project Plans
&lt;/h3&gt;

&lt;p&gt;As mentioned above, you first need to know why you need the assistance of a programmer. &lt;/p&gt;

&lt;p&gt;Layout your project plans in detail to make it easier for programmers to apply for the job. For a website, you’ll need to start with the &lt;a href="https://www.interaction-design.org/literature/topics/ux-design"&gt;UX design&lt;/a&gt;, which includes the process of setting up the user interface for your website. &lt;/p&gt;

&lt;p&gt;It’s essential to familiarize yourself with the tasks at hand so you and the programmer can communicate more effectively. &lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Below is a checklist of things you should include in your project plan:&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;*UX design&lt;br&gt;
*Features and functionalities&lt;br&gt;
*Need vs. nice to have&lt;br&gt;
*Timeline and budget.&lt;br&gt;
*Delivery&lt;br&gt;
*How many programmers are needed&lt;/p&gt;

&lt;h3&gt;
  
  
  2. Consider Alternative Methods
&lt;/h3&gt;

&lt;p&gt;You may have already decided to hire a local programmer. But you should know that this isn’t your only option. &lt;br&gt;
Take a look at the following alternatives first:&lt;/p&gt;

&lt;h4&gt;
  
  
  Freelance programmers
&lt;/h4&gt;

&lt;p&gt;The best developer might be someone who lives on a different continent than you. Bear in mind, however, that communication might be an issue because of different timezones.&lt;/p&gt;

&lt;h4&gt;
  
  
  Software development company
&lt;/h4&gt;

&lt;p&gt;By employing the services of a company, you’ll get help from a dedicated and experienced team. That said, it’ll be much more expensive compared to hiring a programmer.&lt;/p&gt;

&lt;h4&gt;
  
  
  Website builders
&lt;/h4&gt;

&lt;p&gt;Using software to build your site is affordable and beginner-friendly – you can even do it yourself. However, remember that most website builders offer limited customizability compared to CMSs and coding from scratch.&lt;/p&gt;

&lt;h3&gt;
  
  
  3. Write an Effective Job Description
&lt;/h3&gt;

&lt;p&gt;The next step is to write a detailed job description to attract the right people for the job. &lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Here are the things you should include in the job description:&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;*Job requirements – type of programmers, programming languages, years of experience.&lt;br&gt;
*Job duties – project requirements, workflow.&lt;br&gt;
*Technical skills needed&lt;br&gt;
*Soft skills needed&lt;br&gt;
*A description of your company&lt;/p&gt;

&lt;h3&gt;
  
  
  4. Short-List Potential Hires and Create Tasks
&lt;/h3&gt;

&lt;p&gt;Once you start getting resumes, you’ll want to shortlist the best candidates. If you received 100 resumes, select less than half of them.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Here are some of the things to look for when shortlisting candidates:&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;*They meet the requirements.&lt;br&gt;
*The resume has keywords from the job description.&lt;br&gt;
*Find out how often they change jobs.&lt;br&gt;
*Look for quantifiable achievements.&lt;/p&gt;

&lt;p&gt;Once you have a shortlist of candidates, you’ll want to narrow it down further. Ask them to do a practical task. Pick the candidates whose performance was the best and quickest.&lt;/p&gt;

&lt;h3&gt;
  
  
  5. Interview the Candidates
&lt;/h3&gt;

&lt;p&gt;The final step is to interview the candidates. During the interview, you’ll want to choose a programmer that can go to an open-source code library, get what’s needed, put it all together and develop a realistic solution.&lt;/p&gt;

&lt;p&gt;A good idea is to include basic interview questions like “what is your greatest strength and weakness?” and “why did you leave your last job?”&lt;/p&gt;

&lt;h3&gt;
  
  
  6. Do a Proper Onboarding Process
&lt;/h3&gt;

&lt;p&gt;The recruitment process doesn’t end when people enter the workplace. After you hire a programmer, you should follow up with a proper onboarding process. &lt;/p&gt;

&lt;p&gt;Onboarding is necessary because the new hire needs to become familiar with the new surroundings and know the culture and rules of your business. &lt;/p&gt;

&lt;p&gt;&lt;strong&gt;You should get the programmer acquainted with the following:&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;*Workflow&lt;br&gt;
*Project management tools&lt;br&gt;
*The local environment&lt;/p&gt;

&lt;h2&gt;
  
  
  Conclusion
&lt;/h2&gt;

&lt;p&gt;You should hire a programmer if you want to craft a website from scratch and make it fit your unique vision. If you have looked at the alternatives, understand the benefits and downsides, and still want to hire a programmer, then follow the steps I’ve laid out.&lt;/p&gt;

&lt;h3&gt;
  
  
  Let’s recap:
&lt;/h3&gt;

&lt;p&gt;*Lay out your project plans.&lt;br&gt;
*Consider alternative methods.&lt;br&gt;
*Write an effective job description.&lt;br&gt;
*Shortlist potential hires and create tasks.&lt;br&gt;
*Interview the candidates.&lt;br&gt;
*Do a proper onboarding process.&lt;/p&gt;

&lt;p&gt;Now that you know when and how to hire a programmer, all that’s left to do is to start detailing your project plan, fill out the job description, and post it on various job boards.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Good luck!&lt;/strong&gt;&lt;/p&gt;

</description>
      <category>programming</category>
      <category>devops</category>
      <category>webdev</category>
      <category>webhosting</category>
    </item>
  </channel>
</rss>
