he image-rendering property specifies the type of algorithm to be used for image scaling. Note: This property has no effect on images that are not scaled. Image rendering Values: AutoThe scaling algorithm is UA dependent. SmoothThe image should be scaled with an algorithm that maximizes the appearance of the image. In particular, scaling algorithms that “smooth” colors are… Continue reading Image-rendering css
Author: Karishma K K
Filter v/s Backdrop-filter :- CSS
The main difference between a filter and a backdrop filter is that the filter will affect the element itself, and the backdrop filter will affect the elements beneath the element within the bounding box of the element. A sample difference with Blur() : Filter:blur(2px) backdrop-filter:blur(40px) So, if you want a blur effect on an image,… Continue reading Filter v/s Backdrop-filter :- CSS
Script to automatically create alternative text to each image tag
This function checks whether each image tag that contains alternative text or not. If it does not exist, then it will add ‘alt’ attribute. The value for that attribute will be the name of the image which fetches from the URL of the image. Advantages of this method compared with previous methods No need of… Continue reading Script to automatically create alternative text to each image tag
Fetching alternative text from image media URL.
We can fetch alternative text of an image using its corresponding media URL.
How to fetch Alternative text from ACF
→Go to ACF field creation settings→Set the Image field type to the ‘image array’ option.→We can get the URL and Alternative text from its get_field().
Jetpack Plugin in WordPress
Tools for WordPress performance, marketing, and design — WordPress professionals created Jetpack to speed up and secure WP sites while also increasing traffic. By default, it is already installed with the latest WordPress versions ( in 2022). Your website will automatically be backed up in real time, and you may quickly restore it to any… Continue reading Jetpack Plugin in WordPress
How to use relative URL’s in WordPress
Normally Relative URL’s we use:src(“/path/image.png”) This method is not applicable to WordPress.Use get_template_directory_uri() function in front of relative URL to work as same.src(“<?php echo get_template_directory_uri() ?>/path/image.png”) In some themes in wordpress, this may not work. Add the below code for its functioning: path: wp-includes/theme.php
OneSignal – Web Push Notifications – WP Plugin
Increasing user engagement may be accomplished quickly and painlessly using OneSignal. Sending visitors targeted push alerts with OneSignal will ensure that they continue to return to your site. The installation only takes a few minutes to complete. OneSignal is a WordPress VIP Gold Partner, which means that it has undergone extensive testing to ensure that… Continue reading OneSignal – Web Push Notifications – WP Plugin
Add fields to the job listing in Zoho
To add extra fields to your job listing, add the highlighted code on your website. Modify page name accountingly.
Remove fields from the job listing in Zoho
For your job listing, Zoho Recruit provides the following default fields: job type, city, country, date opened, job description, and experience. Add the following CSS to your website to remove them. Fields CSS Code Remove City .zrsite_City {display: none;} Remove Date .zrsite_Date_Opened {display: none;} Remove Job Type .zrsite_Job_Type {display: none;} RemoveJob Description .zrsite_Job_Description {display: none;}