Ivr-YouTube Embed for WordPress
About This plugin is developed for TheDesignOrder website in the 2023 revamp project. it provides a shortcode to…
Control of Page Anchor Offset
Propose To have more control on the scrolling to an anchor point (<a> tag) on the page, it…
Maintain the aspect ratio of images/videos
Introduction To create a box with the required Width : Height ratio, so that image or video inside…
CSS List with Custom Bullets
Purpose This article describes two methods using CSS to change the bullet type / shape of the unorder…
Create Rotated Text using Elementor
Introduction Create an Inner Section to contain 2 columns and added with a Heading element at each column…
Free Images/Icons/Placeholders Download & Compression
Icons Iconarchive.com Search through 735,802 icons / 2,458 iconsetsizes. IconScout.com Over 4.5 Million+ Design Assets Curated SVGs, Vector…
Get YouTube video aspect ratio
The below link will return a json response which contains the video dimensions and other details: https://www.youtube.com/oembed?url=https://www.youtube.com/watch?v=[video_ID ]&format=json…
Create HTML Emails
HTML Email Development The site Good Email Code provides very good sample codes for html emails with detailed…
Tags: html
Web Typography
0. Introduction This article tries to answer some of the common questions related to font. Most of the…
Create Custom Buttons
Introduction This article describes 2 methods for creating buttons on web pages. Method 1 is applicable in all…
Add button at a fixed position
To add a button with a fixed postion on the page: <style> .fixRegBtn { position: fixed; right: 10px;…
Centering elements using CSS
Center text within a container Use text-align: center; <div class="container"> <p>Text line in the center</p> </div> p {…
URLs for sharing pages on social platforms
The following links are embedded into the three icons on the Back-on Track-ebook-new page and its landing page.…
Basic HTML boilerplate
Reference: HTML5 Template: A Basic Boilerplate for Any Project <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>The…
Offset Anchor Point scrolling
To have a more precise control of the scrolling to an 'a' tag, or anchor point, two methods…