WordPress Fix Admin Bar Not Showing in Custom Theme
If you have developed a custom WordPress theme and admin tool bar is not showing. But admin toolbar is being displayed in other WordPress themes, this means there is some issue in your custom WordPress theme. This can be easily fixed.
Make sure to integrate footer template
Make sure to include footer.php file in your templates files. Use below code to incude footer.php in your template file.
Drupal Theme Screenshot
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
Show Hide Password in React Js
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).
Move Sidebar To Right in VSCode
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
How To Create Related Posts in Drupal 8, 9 and 10
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.
Page Scroll Progress Bar using JavaScript
In this JavaScript tutorial, we will create a page scroll progress bar. This progress bar will indicate the scroll percentage of the current page.
We will keep the progress bar at the top of the page using position: fixed and a higher z-index value.
DewCodes Modern CSS Reset
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.
Weight Conversion Calculator Using VueJS
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.
Counter with Increment and Decrement Buttons using VueJS
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.
Simple JavaScript Counter
In this JavaScript tutorial we will create a simple counter with few buttons. On clicking the buttons, the value of counter will increase or decrease.
Create Counter with Few Buttons
Below code will create a region where the counter value will be displayed. And 4 buttons that will call a JavaScript function on click. On clicking these buttons the value of counter will increase or decrease.
We will also create a reset button.