How to create Drupal theme screenshot
By default, Drupal will look for the file named screenshot.png in the root of the theme folder and use that as the theme image on the Appearance page.
You do not need to define it anywhere. just create and place screenshot.png in root of the theme folder.
Recommended size of screenshot
The recommended size of screenshot.png image is 480px X 360px
Step 1: Create a password field with eye icon
Create a simple password input field. Add an icon to toggle password visibility. I have used two icons for this: eye.svg and eye-off.svg
You can find these icons in the source code at GitHub (Link is at the bottom).
The default position of sidebar in VScode is in left. But some people might want to keep it in the right side. In this tutorial we will see how to move sidebar of VScode to right.
In VScode click:
View Appearance Move Side Bar Right
In this drupal tutorial we will learn how to show related articles / posts on a Drupal 8, 9 and 10 website. We will not use any additional module for this. We will only use view module, which is a Drupal core module. Related posts will be posts from the same category.
The related posts are designed to be placed below the main article. Your site visitors might be interested in reading these related posts.
CSS reset is the first thing I add in my css file in any web development project. I have been using necolas Normalize.css for years. But now modern browsers are much smarter.
Below is my own css reset inspired by Andy Bell's Modern CSS Reset.
In this VueJS tutorial we will create a weight conversion calculator. Infact we will create two conversion calculator. The first calculator will convert pound to kilogram and the second calculator will do vise versa.
In this VueJS tutorial we will create a counter with increment and decrement buttons. The value of counter will increase when the user clicks on increment button and value of counter will decrease when the user clicks decrement button.
Create Counter with Few Buttons
We will also create a reset button.
Create a Button