Web Development

Tailwind – 3 Column Grid with custom width

How to create custom width for columns of Grid in tailwind CSS. Customization is done by defining additional utilities by extending the theme in... Read more »

Avoid negative values in HTML input fields

How to avoid negative value entries in HTML form input fields. Turn off input numbers turning negatives. Limit input field value to zero. There... Read more »

Form Input : Show only number Keyboard

Limit to number keyboard for input entries of the user for phone number, Zip Code etc. For entries of fields that require only numbers,... Read more »

Close button icon svg Code – path tag values

Close icon x - svg code html. Close button svg path value. Close button svg code for web apps, website HTML. The close icon... Read more »

How to use ngrok in Windows – Port forwarding Localhost

Port forwarding using ngrok. Get URL for the localhost and use that to access the local server from anywhere. Open the localhost server from... Read more »

Horizontal Line Divider hr tag in tailwind CSS

Create a simple hr line divider using Tailwind CSS. Horizontal divider code tailwind CSS react js, web apps. Horizontal dividers are basically used for... Read more »

Border in Tailwind CSS

Adding CSS border using Tailwind CSS web apps, react js. Border for different HTML elements and components can be easily implemented using Tailwind CSS... Read more »

HTML Forms: Fieldset and Legend for grouping inputs

Use of <fieldset> and <legend> tags in HTML forms. It is used for grouping form elements and style. Here is an example usage of... Read more »

HTML Form – File Upload: Accept only one type of File

In this article, we gonna see how to accept only one type of file in HTML form file upload. Eg: Accept only image files... Read more »

novalidate in HTML Forms

novalidate is an attribute in HTML form. It is used to bypass the HTML5 form validation. For example, if we have specified the required... Read more »