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-62b7ec3ac0cee539675955/] Inspect elements HTML view Add

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

CSS3: Standard media queries for responsive design

We need media queries for responsive design. By using media queries we can define the view. We can able to design any element in different style for different size of the device. Following are the standard media queries for standard devices which developers used mostly. [crayon-62b7ec3ac1840244093534/]  

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-62b7ec3ac228e526887359/] HTML [crayon-62b7ec3ac2295064932944/] 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

Make Document Library Webpart Responsive in SharePoint 2013

Hello everyone, in this post we discuss on how to make document library web part responsive in SharePoint. Steps to make Responsive document library web part First, we need to create a document library and add some sample documents including folder. To display document library, here we create web part page and add document library list. Now edit

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

Contrast Level In Accessibility

What is contrast in Accessibility? Contrast is a visual difference used for distinguishing a certain object (or objects). Contrast in Accessibility is about finding colors that not only provide maximum contrast, but provide enough contrast between content and the background  so that it can be read by people with

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