HTML is the standard Hypertext Markup Language for creating Web pages with Cascading Style Sheets (CSS) and JavaScript, CSS handles the look and feel part of a web page. CSS is style language and designed primarily to enable the separation of presentation and content. You can write CSS once and then reuse same sheet in multiple HTML pages. You can define a style for each HTML element and apply it to as many Web pages as you want. CSS has a much wider array of attributes than HTML. The style definitions are normally saved in external .css files.

CSS underline animation left to right

Draw animated underline in your html text

Hmmm, Let's do it by some steps. These are CSS steps to run your underline from left to right. This is so simple, you just need to add your @keyframes in the stylesheet. @keyframes border-dance { ...

How to justify content in div

Just set your inner div in center

You can justify the content of your page or content within the layout. The justify-content property aligns the flexible container's items when the items do not use all available space on the main-axis...

How to find prefix and suffix of the word in javascript

Find start and end position of selected text

First of all, you have to know that how to get the currently selected text on the page by using the JavaScript. So, Javascript provided a method for retrieving the current selection of the page by usi...

How do I hide an element when printing a web page

Hide specific elements while printing web page

Sometime we need to show all content on the web page but hide some content for the print. So, you can use this trick for that. Hide specific elements while printing web page: To hide an element, you...

How to create arrows in CSS

Simple way to create arrow in your HTML page

Simple way to create arrow in your HTML page, just add few line of CSS and create it. There two step to add arrow in your page. 1. Your HTML code: <p>Left arrow: <i class="arrow left">&l...

How To Add a YouTube Video to Your Web Site

Playing a YouTube Video in HTML

Playing a YouTube Video in HTML To play a youtube video on a web page, do the following steps: Upload the video to your YouTube channel Take a note of the video id embedded tab Define an <ifr...

How To Create a Snackbar / Toast Bootstrap

Tooltips/Popups to show a message

Hi, Sometimes we need show a piece of information to the user as a popup, but I can't use the Bootstrap modal for that. So that time we need to create a Snackbar, or we can say that a Toast. ...

How to use a google font on your website

How to import Google Web Font in CSS file

For a better web designing every web designer as well as every programmer either beginners or experienced programmer want to create a unique webpage for the website. But few mistakes can generate a bi...

Short Notes