Difference between JavaScript remove() method and CSS display none

This article provides information regarding the use of the remove() method in JavaScript and display: none property in CSS. remove() – JavaScript I am assuming you have an HTML page. Create div Element in the body tag, as shown below, I am passing this keyword (which means current Element). [crayon-660574e16231e092209616/] Inspect elements HTML view Add

This Article is TAGGED in , , , , . Read more

How to Create HTML Element using JavaScript?

This article provides information about creating HTML Elements dynamically instead of static HTML Elements using JavaScript. You can create HTML Element dynamically using document.createElement() method. It takes parameter as tag Name. Syntax [crayon-660574e16353e020135083/] In createElement() method it takes first parameter as tagName or nodeName to create Element. An optional ElementCreationOptions object, In createElement() method it

This Article is TAGGED in , , , . Read more

Important SEO tags to improve website visibility.

SEO important tags:  If we want to improve the visibility of our website, increase traffic and boost our brand’s revenue, we need to run a strong SEO campaign. While building backlinks, developing your social media presence, and other off-site practices are great for boosting our site’s rankings,  On-page optimization is still incredibly important.

This Article is TAGGED in , , , , . Read more

How To Improve Website Loading Speed?

Why it is important to Improve Website loading Speed? Page loading time is obviously an important part of any website’s user experience. And many times we’ll let it slide to accommodate better aesthetic design, new nifty functionality or to add more content to web pages. Page loading speed is a measurement

This Article is TAGGED in , , , , , , , , , , , , , , . Read more

Difference between semantic and non-semantic elements

semantic elements Elements has meaning. Describes its meaning to browser and developer. Example [crayon-660574e163d92014340681/] Some of semantic elements <section> - <section> element is grouping content. We can split page into different sections. [crayon-660574e163d9c416697765/] <article> - <article> element is independent and has self-contained content. <article> element used to write Forum post, Blog post, Newspaper article. [crayon-660574e163da0995796383/] <header> - <header> element specifies header

This Article is TAGGED in , . Read more

Web Storage in HTML5

Web Storage Using Web Storage we can store data within web browser. Within Web Storage we can stored large amount of data locally. Data within Web Storage is secured. Objects in Web Storage window.localStorage - can not expire data(even if we can removed it). window.sessionStorage - data lost when browser tab closed. Methods in Web Storage setItem(name, value) -

This Article is TAGGED in . Read more

CSS3: How to use flex properties? – Part 3

Flex container's children (flex items) properties order flex-grow flex-shrink flex-basis flex align-self 1. order By using "order" property we can change the order of each flex item available in the flex container. { order: <integer>; } We must set order value in number, by default order value is 0. We can also use negative numbers in this property. - See usage

This Article is TAGGED in , , , , , , , . Read more

CSS3: How to use flex properties? – Part 1

Parent flex container properties display flex-direction flex-wrap flex-flow 1. display { display: flex | inline-flex } "display" defines a flex container; when you specify "display" value to "flex" it consider as block container and if you specify "display" value to "inline-flex" it consider as inline-block container. - See usage and the differences shown in the below examples. display: flex CSS [crayon-660574e164d2d653396072/] HTML [crayon-660574e164d37786078104/] In

This Article is TAGGED in , , , , . Read more

How to use flex properties? – Part 2

Click here more details about "How to use flex properties? - Part 1" article Parent flex container properties justify-content align-items align-content 5. justify-content This property used to align the flex items. { justify-content: flex-start | flex-end | center | space-around | space-between | space-evenly } This property horizontally aligns all flex items when items do not use all

This Article is TAGGED in . Read more