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-67370c411f9f6227493500/] Inspect elements HTML view Add
Read moreThis 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-67370c411fdff562105640/] In createElement() method it takes first parameter as tagName or nodeName to create Element. An optional ElementCreationOptions object, In createElement() method it
Read moreSEO 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.
Read moreWhy 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
Read more[crayon-67370c411ff2b428433127/] [crayon-67370c411ff2e284810682/] Download Demo here Tested on: Chrome,Firefox,Edge, Internet Explorer 9+.
Read moresemantic elements Elements has meaning. Describes its meaning to browser and developer. Example [crayon-67370c412008d553704511/] Some of semantic elements <section> - <section> element is grouping content. We can split page into different sections. [crayon-67370c4120090583372932/] <article> - <article> element is independent and has self-contained content. <article> element used to write Forum post, Blog post, Newspaper article. [crayon-67370c4120092825058398/] <header> - <header> element specifies header
Read moreWeb 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) -
Read moreFlex 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
Read moreParent 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-67370c41205ad091621762/] HTML [crayon-67370c41205b1918906060/] In
Read moreClick 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
Read more