How To Write Text Over Images

Text Over Images You may need to display text or title over an image or images to hint about the particular image. People will understand by looking at the title or text what the image about. I will use CSS (Cascading Style Sheet) to decorate text over images. The title or text over images are written in the HTML content…

HTML Table Conditional Cell Color

Introduction In this example I am going to show you how to color HTML table’s cells based on condition. The condition may be a value range, for example, HTML table cells (<td/>) have certain values and based on values you can choose background color of the cells. I am using pure JavaScript to iterate through rows and columns of the…

HTML Script Integrity Attribute – SubRresource Integrity (SRI)

What is integrity attribute? You might have seen the integrity attribute as well as crossorigin attribute in web page source code. The integrity and crossorigin attributes are used in the <script> and <link> tags. This is also called subresource integrity because it is included into the third party resources which are parts of the HTML pages. An integrity attribute’s value…

Angular Check/Uncheck Individual/All Checkbox On HTML Table Rows

Introduction Here I will create an example on how to check/uncheck individual/all checkbox on HTML table rows. You might have seen how to display data from server using Angular and alternate row color using CSS. I will put checkbox against each row on the table so that user will be able to select a particular row. I will also put…

Display Data On HTML Table From Server Using Angular And Alternate Row Color

Introduction In this tutorial I am going to show you how to display data from server using Angular 9 and how to apply two different colors on alternate rows using css (cascading style sheet). I will use Spring Boot REST API to send data on client side and consume using client side technology Angular 9. I will use ngIf, else,…

How to use CSS in WordPress Plugin

Introduction We will discuss here how to use CSS in WordPress plugin. We will use the same plugin we created in the example. We have seen how to use AJAX, jQuery in our previous tutorial. This example will also show you how to en-queue CSS file. Till now our simple email subscription form does the necessary things what it required. But in this…

Sticky footer at bottom using CSS and HTML

I am going to show you how to create sticky footer. In other words, this tutorial demonstrates how to keep the footer at the bottom of the page on short documents or pages with little content using CSS and HTML.