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?” »
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” »
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…
PHP 8.1: read-only properties
Writing data transfer objects and value objects in PHP have become significantly easier over the years. Take for example a look at a DTO in PHP 5.6: And compare it to its PHP 8.0’s equivalent: That’s already quite the difference, though I think there’s still one big issue: all those getters. Personally, I don’t use them…
How to Create Live Search in HTML table with jQuery
This tutorial shows you client-side searching in an HTML table with jQuery this is a very simple and easy code snippet you can use it in small apps reporting where you want to add fast searching you can use this code snippet as a 10-line of code to make a simple. The code for this…
Read More “How to Create Live Search in HTML table with jQuery” »
Git basics: The simple commands to begin with
Git config command This command is used to configure settings accompanying your use of git on your local machine/computer. Here are the major settings and configurations executed with this command. You can configure these settings on a global or local level. NB:Your username and email should be the same as those on your GitHub or…
How to create the first Git Repository
Welcome to the tutorial on Git. Here you will learn how to Create a Repository, and how to clone or copy other repositories. A Repository is a project that is tracked and managed by Git. Thus, Git tracks changes by storing snapshots of project versions in a .git file. Git Config There is a need…
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 Object Destructuring in ES6
This is a follow-up article to my previous article on Array Destructuring. Except you have an idea of destructuring, you should read it. First, let’s see why object destructuring is needed. We want to extract data from the object and assign it to new variables. Before ES6, how would this happen? See how tedious it is…
How to Use useLocation Hook in React Router DOM V6
You are already familiar with the basics of React. Also, having a good understanding of React Router DOM. This post will be totally dependent on these. If you don’t have a React app setup, then you can create it. Else, you can move ahead with the existing React App. Create React App You can create a…
Read More “How to Use useLocation Hook in React Router DOM V6” »
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 display the last updated date of a post in WordPress
It is better to show the last updated date in the articles in addition to the created date. This will always help the readers to ensure the freshness of the post. It can easily be done on a WordPress site. There are two methods using which the last updated date can be displayed. The first…
Read More “How to display the last updated date of a post in WordPress” »
Best Practical CSS Tips
1. First letter drop We can use :first-letter it to drop the first letter of the text. The:first-letter selector is used to specify the style of the first letter of an element, it only applies to block-level elements. The effect is as follows. See the Pen Untitled by TeachDeveloper (@TeachDeveloper) on CodePen. 2. Image text wrapping Shape-outside is…
ES6 classes
Prior to ES6, classes have been in use in Javascript. ES6 just comes with a clean, nice-looking syntax for defining classes. It’s good to note that JavaScript’s class is just a more convenient way of creating constructor functions, which are very different from traditional classes. In this article, we will focus on: How to define…
How to Convert PHP CSV to JSON
JSON format is a widely used format when dealing with API development. Most of the existing API responses are in JSON format. Converting CSV content to JSON format in PHP is easy. In this article, we will look at various methods of achieving this conversion. The above quick example in PHP converts the CSV file…
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…
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” »
What is SSH in Linux?
SSH stands for Secure Shell, and it is a network protocol that provides a secure way to access and manage a remote computer over an unsecured network. In the context of Linux, SSH is widely used for secure command-line access to servers, allowing users to execute commands, transfer files, and perform other administrative tasks on…
How to change the link color of the current page with CSS?
Sometimes, we want to change the link color of the current page with CSS. In this article, we’ll look at how to change the link color of the current page with CSS. To change the link color of the current page with CSS, we set the color background-color properties. For instance, we write to set the text color…
Read More “How to change the link color of the current page with CSS?” »
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…