How to Add Reset Button in jQuery UI Datepicker
I am using the jQuery UI date picker plugin to add the date picker dialog to the text input field. Since the input field is a read-only element, it is not allowed to clear the selected date. Is there any option to add a reset button in the date picker to clear the date from…
Read More “How to Add Reset Button in jQuery UI Datepicker” »
How to Deploy or Host your ReactJS App in cPanel
This tutorial assumes you already have a cPanel hosting service purchased and a domain name registered. If yes, Let’s go straight to the steps (If No, You can comment, I can give you steps on how to get a domain and hosting service) Step 1. Using the Terminal/CMD in your project directory, create a react…
Read More “How to Deploy or Host your ReactJS App in cPanel” »
How to split a string into an array with Twig
Twig provides many filters that mimic the basic features of PHP that are easy to understand for front-end developers. One of those filters is a split filter that allows you to split a delimited string by a single character, returning a repeating array. You can limit the length of the result array providing it as…
How to Deploy a React application on a cPanel
post is about how to deploy React app in a sub-directory on cPanel. So, for this, you need a React Application setup and a cPanel ready for deployment. You can host React app on Firebase or any free hosting as well. That, I will cover in another post. React App cPanel/WHM Once, you are ready, let’s start…
How to make a div always float on the screen in the top right corner with CSS?
Sometimes, we want to make a div always float on the screen in the top right corner with CSS. In this article, we’ll look at how to make a div always float on the screen in the top right corner with CSS. To make a div always float on the screen in top right corner…
Read More “How to make a div always float on the screen in the top right corner with CSS?” »
How to Change SSH Port in Linux
SSH (Secure Shell) is the most popular protocol for connecting remote Linux systems. Changing the SSH port will provide you with an extra layer of security. The new port will be a little harder to identify for hackers. Change SSH Port in Linux Changing the SSH port is a straightforward process in Linux systems. Any…
Best JavaScript Minifying Tools
Several JavaScript minification technologies are used by developers to reduce code size and improve performance. Each developer, on the other hand, has their own preferences and uses a different tool. There are a lot of JavaScript minification tools out there, and each one has its own set of advantages and disadvantages, so you’ll have to…
How to Define Global Variables for Twig Templates in Symfony 6
Sometimes we may need to inject the same variable in all the Twig templates. It can be done on each controller by passing a variable to template. However, it is not a good solution. This tutorial shows how to define global variables for Twig templates in Symfony 6 application. Global variables for Twig templates can…
Read More “How to Define Global Variables for Twig Templates in Symfony 6” »
How to trigger a button click from another button click event with JavaScript?
Sometimes, we want to trigger a button click from another button click event with JavaScript. In this article, we’ll look at how to trigger a button click from another button click event with JavaScript. To trigger a button click from another button click event with JavaScript, we call the element click method. For instance, we write to…
Read More “How to trigger a button click from another button click event with JavaScript?” »
Understanding State in React Components
A difference between state and props is that while the data stored by props are fixed throughout their lifetime, state store data that can be changed over time. This change can be in response to user actions, network responses, or anything. Also, while props are set by the parent component, state is changed internally by the component itself. A component’s state should be considered private data. This…
PHP 8: Attributes
As of PHP 8, we’ll be able to use attributes. The goal of these attributes, also known as annotations in many other languages, is to add metadata to classes, methods, variables, and whatnot; in a structured way. The concept of attributes isn’t new at all, we’ve been using docblocks to simulate their behavior for years…
ReactJs Properties
A component props is an object that holds information about that component. They are similar to attributes in HTML. In fact, they are passed to the components the same way attributes are passed to HTML. Here’s the code for the component we made in my previous article. Adding Properties to Components So let’s say we want to…
How to Recover Deleted WhatsApp Messages
Recover Deleted Messages From Google Drive & iCloud For Android For Android users, one of the best ways to restore your deleted WhatsApp messages is to restore your backup from Google Drive. But It is only possible if you have set your backup option ON in App. If you have not set a backup option…
How to Reverse A String with JavaScript
The inverse string problem is a general algorithm problem. In this article, we will consider four JavaScript solutions for that. Reversing a string is, well, reversing a string. Okay, here’s the problem statement: Write a function that reverses a string. If you pass “Teach” to the function, it should return “hcaeT” and “listen” should become…
How to Enable Debug Mode in Laravel
Debugging is a helpful feature for developers to identify the causes of issues. Most modern application frameworks allow you to enable debug mode, including Laravel. It is a good idea to keep enabling debug mode in your development environment. In your production environment, this value should always be false. This tutorial help to enable/disable debug…
How to make the div move up and down when scrolling the page with CSS?
Sometimes, we want to make the div move up and down when scrolling the page with CSS. In this article, we’ll look at how to make div move up and down when scrolling the page with CSS. To make the div move up and down when scrolling the page with CSS, we make the div…
Read More “How to make the div move up and down when scrolling the page with CSS?” »
How to Send Email from Localhost in PHP
PHP sends email using the Inbuilt PHP MAIL() function. This tutorial shows you how you can send emails in PHP using the inbuilt PHP mail() function. If you work with PHP, you need to send emails to users like when the user registered with us, send a reset password link in the mail, if any…
Enable or Disable SSH Root Login Access in Linux
SSH Root user login access is enabled in any system by default. Or we are asked while installing a system. that you have to enable or disable ssh root user login access. And you never know how to enable and disable ssh root user login access. So in this tutorial, we will show you how…
Read More “Enable or Disable SSH Root Login Access in Linux” »
How to style an HTML radio button to look like a checkbox with CSS?
Sometimes, we want to style an HTML radio button to look like a checkbox with CSS. In this article, we’ll see how to style an HTML radio button to look like a checkbox with CSS. To style an HTML radio button to look like a checkbox with CSS, we use the appearance property. For instance, we write…
Read More “How to style an HTML radio button to look like a checkbox with CSS?” »
How to Display Breadcrumb without Plugin in WordPress
Breadcrumbs are navigation links, used to display links to all pages beyond the homepage. By default, it is placed at the top of the page and helps in back navigation. In WordPress, breadcrumbs play an important role on the posting page. There are many WordPress plugins available to add breadcrumbs to your site. But we…
Read More “How to Display Breadcrumb without Plugin in WordPress” »