How to Make Toggles With React Hooks
To toggle between a boolean flag in React, you can use the below custom hook that uses setState internally: Since the function returns an array, with a state and a callback function, you can use it in your component, just like you would for other built-in React hooks, like so:
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…
How to make the scrollbar visible in mobile browsers with CSS?
Sometimes, we want to make the scrollbar visible in mobile browsers with CSS. In this article, we’ll look at how to make the scrollbar visible in mobile browsers with CSS. To make the scrollbar visible in mobile browsers with CSS, we set the scrollbar’s width. For instance, we write to set the vertical width of…
Read More “How to make the scrollbar visible in mobile browsers with CSS?” »
How to PHP Get Max Value From Array
PHP gets the max/maximum/largest value from the array. This tutorial has the purpose to explain to you several easy ways to find or get the maximum or largest value from an array in PHP. Here, we will take e.g. PHP gets the maximum value in an array, get the largest number in the array PHP…
How to use setTimeout and setInterval methods in JavaScript
There are times when you don’t want to execute a function immediately. You want it to delay its execution or run repeatedly after a certain time interval. JavaScript provides us with two methods to achieve that: setTimeout and setInterval. In this article, we will discuss these two methods and how we can use them to…
Read More “How to use setTimeout and setInterval methods in JavaScript” »
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 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 check the PHP version
Newer PHP versions come with more features and improvements while deprecating some obsolete features. Old PHP codes might not work with more recent PHP versions and vice versa. It is, therefore, essential to use the correct PHP version for your code. You can check the PHP version on your system by running the php command from the command line. There are also some PHP functions that you can use…
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…
What’s new in PHP 8.2
PHP 8.2 will be released on November 24, 2022. In this post, we’ll go through all features, performance improvements, changes, and deprecations one by one. Readonly classes rfc This RFC builds on top of them and adds syntactic sugar to make all class properties readonly at once. Instead of writing this: You can now write this: Functionally, making…
How to Disable WordPress Auto Update? Turn Off WordPress Auto Updates
WordPress can update your website automatically. It can also update themes and plugins on your site. Choosing to automatically update a website can provide additional security benefits and at the same time, the chances of breaking your site’s style or functionality cannot be ignored. It is more relevant in the case of websites built with…
Read More “How to Disable WordPress Auto Update? Turn Off WordPress Auto Updates” »
How to fix getFullyear() is not a function with JavaScript?
Sometimes, we want to fix getFullyear() is not a function with JavaScript. In this article, we’ll look at how to fix getFullyear() is not a function with JavaScript. To fix getFullyear() is not a function with JavaScript, we should be called getFullYear instead. For instance, we write to call start.getFullYear to return the 4-digit year number of the start date. Conclusion…
Read More “How to fix getFullyear() is not a function with JavaScript?” »
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” »
HTML Basic Examples
In this chapter, we will show some basic HTML examples. Don’t worry if we use tags you haven’t learned about yet. HTML Documents All HTML documents must start with a document type declaration: <!DOCTYPE html>. The HTML document itself begins with <html> and ends with </html>. The visible part of the HTML document is between <body> and </body>.
CSS
What is CSS ? CSS for Cascading Style Sheets CSS describes how HTML elements are to be displayed on the screen, on paper, or in other media CSS saves a lot of work. It can control the layout of multiple web pages all at once External stylesheets are stored in CSS files Syntax CSS is…
How To Install Nginx, PHP on Ubuntu 22.04
Now, Open a terminal and start following the below steps. Step 1 . Install Ngnix. our system is updated now we will install Nginx. Ngnix is installed, Now we will configure the firewall, we will allow port 80 and port 443. Now open your IP in the web browser you will see the output, If…
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” »
Destructuring Assignment in ES6- Arrays
Destructuring assignment is a nice feature that comes with ES6. Destructuring is a JavaScript expression that makes it possible to unpack values from an array or properties from an object into separate variables. That is, we can extract data from arrays and objects and assign it to variables. Why is this necessary? Imagine if we…
TOP 10 MOST POPULAR PROGRAMMING LANGUAGES IN 2022
Most Popular Programming Languages Javascript Python Java C/C++ C# PHP GO Kotlin Scala R 1. JavaScript According to the stats, there are almost 1.8 billion websites in the world. And about 95% of them run with the help of Javascript. A Bit of Javascript History Javascript originated in the labs of Netscape as part of…
Read More “TOP 10 MOST POPULAR PROGRAMMING LANGUAGES IN 2022” »
How to move an entire div element up x pixels with CSS?
Sometimes, we want to move an entire div element up x pixels with CSS. In this article, we’ll look at how to move an entire div element up x pixels with CSS. To move an entire div element up to x pixels with CSS, we set the margin-top property. For instance, we write to move the div…
Read More “How to move an entire div element up x pixels with CSS?” »