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…
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 Symfony Request
Symfony request tutorial shows how to work with request objects in Symfony. We show several ways how to create request objects in Symfony. Symfony Symfony is a set of reusable PHP components and a PHP framework for web projects. Symfony was published as free software in 2005. The original author of Symfony is Fabien Potencier. The…
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 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?” »
HTML Tutorial
HTML is the standard markup language for Web pages. With HTML you can create your own Website. HTML is easy to learn – You will enjoy it!
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 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 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” »
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 Symfony parameters and environment variables use
Parameter The Symfony parameter is a variable stored in the service container. Use parameters when you want to separate out values that regularly change as well as for reusable purposes.We should prefix with ‘app’ to prevent conflicting with parameters from Symfony and 3rd party bundle, the following example is a parameter for sender email: #…
Read More “How to Symfony parameters and environment variables use” »
How to increase browser zoom level on page load with CSS?
Sometimes, we want to increase the browser zoom level on page load with CSS. In this article, we’ll look at how to increase browser zoom level on page load with CSS. To increase browser zoom level on page load with CSS, we set the zoom property. For instance, we write to set zoom to 2 on the zoom class. Then the…
Read More “How to increase browser zoom level on page load with CSS?” »
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…
How to Get Environment Variables in Laravel ReactJS
This article will provide examples of react js environment variables. I would like to share with you how to get the env variable in the laravel react site. if you want to see an example of how to get environment variables in react js then you are in the right place. we will help you…
Read More “How to Get Environment Variables in Laravel ReactJS” »
How do sum values from an array of key-value pairs in 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 To fix getFullyear() is not a function with JavaScript, we should be called getFullYear instead.
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” »
Important most things you should know about JSX
What JSX is JSX is a syntax extension for JavaScript. Basically, it extends JavaScript so that constructs like HTML/XML can be used with JavaScript. It allows developers to use HTML syntax to compose JavaScript components. This makes it possible to have a clear and familiar syntax for defining DOM tree structures with attributes. Although it…
Read More “Important most things you should know about JSX” »
How to change background Opacity when the bootstrap modal is open with CSS?
Sometimes, we want to change background opacity when the Bootstrap modal is open with CSS. This article will look at how to change background opacity when the Bootstrap modal is open with CSS. To change background Opacity when Bootstrap modal is open with CSS, we set the opacity style in the modal-backdrop class. For instance, we write to set…
Read More “How to change background Opacity when the bootstrap modal is open with CSS?” »
How to use events listeners and Event Subscriber in Symfony
We use events to perform some tasks if an event occurs, these tasks can be achieved by using the followings: 1. Event Subscriber 2. Event Listeners Event Subscriber vs Event Listeners They both serve the same purpose but have different implementations. Both trigger some functions in the specific time of processing data by Symfony. We can declare…
Read More “How to use events listeners and Event Subscriber in Symfony” »
How to Delete Unused Database Tables in WordPress
Use the following steps to remove or delete unused tables from database in WordPress using plugins garbage collector: Step 1 – Add Plugins Garbage Collector Step 2 – Active Plugins Garbage Collector Step 3 – Search Unused Tables From Database Step 4 – Remove or Delete Unused Tables Step 1 – Add Plugins Garbage Collector…
Read More “How to Delete Unused Database Tables in WordPress” »