Posts by codinator:

How to remove arrows from input type number,

25 Oct 2022 in CSS

In this post i am going to show you How to remove arrows from input type number by CSS. input type="number" You just need to add this code in style file eg – style.css input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; }

Read More »

What is Javascript?,

20 Oct 2022 in JavaScript

In this article we will look at JavaScript from a high level, answering questions such as “What is Javascript?” and “What can you do with it?”, and making sure you are comfortable with JavaScript’s purpose. Prerequisites: Basic computer literacy, a basic understanding of HTML and CSS. Objective: To gain familiarity with what JavaScript is, what […]

Read More »

Create Custom Widget for footer in WordPress,

19 Oct 2022 in PHP & Wordpress

In this post i am going to show you how to create custom widget for footer in wordpress. First of all go to theme editor (Appearance > theme editor). select your activated theme and open functions.php file. Step 1: Add this code to your functions file. add_action( 'widgets_init', 'my_register_sidebars' ); function my_register_sidebars() { register_sidebar( array( […]

Read More »

Create Custom Sidebar in WordPress,

19 Oct 2022 in PHP & Wordpress

In this post i am going to show you how to create custom sidebar in wordpress. First of all go to theme editor (Appearance > theme editor). select your activated theme and open functions.php file. Step 1: Add this code to your functions file. add_action( 'widgets_init', 'my_register_sidebars' ); function my_register_sidebars() { register_sidebar( array( 'id' => […]

Read More »

What is JSX in React,

14 Oct 2022 in React JS & React Native

All of the React components have a render function. The render function specifies the HTML output of a React component. JSX(JavaScript Extension), is a React extension which allows writing JavaScript code that looks like HTML. In other words, JSX is an HTML-like syntax used by React that extends ECMAScript so that HTML-like syntax can co-exist […]

Read More »

Create custom page template in WordPress,

14 Oct 2022 in PHP & Wordpress

The appearance of all the pages and posts that are created on a WordPress website is handled by a template file named page.php. Creating or editing a custom page template in WordPress requires basic knowledge of HTML, CSS, and PHP. Simply open any text editor and write the following code in it.

Read More »

How to disable Widget block editor in WordPress,

12 Oct 2022 in PHP & Wordpress

Do you want to disable the new widget block editor page of Gutenberg and bring back the old widget editor? You can do that simply by adding this line into your theme’s functions.php file: function example_theme_support() { remove_theme_support( 'widgets-block-editor' ); } add_action( 'after_setup_theme', 'example_theme_support' );

Read More »

Introduction to AngularJS,

09 Oct 2022 in Angular JS

AngularJS is a Javascript open-source front-end structural framework that is mainly used to develop single-page web applications(SPAs). It is a continuously growing and expanding framework which provides better ways for developing web applications. It changes the static HTML to dynamic HTML. Its features like dynamic binding and dependency injection eliminate the need for code that […]

Read More »

What is JavaScript Operators,

03 Oct 2022 in JavaScript

function gfg() { let val1 = 5; // Equality Operators document.write(val1 == 5); document.write(""); // Relational Operators document.write(val1 > 0); } gfg(); Output true true An operator is capable of manipulating a certain value or operand. Operators are used to perform specific mathematical and logical computations on operands. In other words, we can say that […]

Read More »

How to Convert an image into grayscale by CSS,

03 Oct 2022 in CSS & HTML

convert the image into grayscale image using CSS property. In CSS, filter property is used to convert an image into grayscale image. Filter property is mainly used to set the visual effect of an image. img { -webkit-filter: grayscale(100%); filter: grayscale(100%); }

Read More »