Home > UI/UX Development (Page 2)

JavaScript: What is the difference between shift() and unshift() array methods?

Definition: shift(): this method is use to remove first element of an array and returns new array. unshift(): this array method is used to add one or more arrays in existing array list and returns new array. usages of shift(): [crayon-680a0c0e5d652232619934/] usages of unshift(): [crayon-680a0c0e5d658780549718/]  

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

jQuery: Custom responsive slider by using simple jQuery, CSS3 and HTML

The slider can use with different templates as a custom slider. As its developed using a simple query, CSS3, HTML5 as well as its support responsiveness up to 320px. Its tested on different and support almost all browsers, mainly Chrome, Mozilafox, Safari, IE, Edge & Opera. Here is the sample screenshot of the template.   JQuery used

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-680a0c0e5decc970893091/] Some of semantic elements <section> - <section> element is grouping content. We can split page into different sections. [crayon-680a0c0e5ded2142126433/] <article> - <article> element is independent and has self-contained content. <article> element used to write Forum post, Blog post, Newspaper article. [crayon-680a0c0e5ded5615861765/] <header> - <header> element specifies header

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-680a0c0e5e0f6761709119/]  

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

Array functions in javascript

Javascript array functions 1. toString() - convert array to string [crayon-680a0c0e5e3a9385942718/] 2. pop() - remove/delete last element from an array [crayon-680a0c0e5e3ad032284155/] 3. push() - add/insert element at the top [crayon-680a0c0e5e3b0698025167/] 4. shift() - remove/delete first element from an array [crayon-680a0c0e5e3b2899814883/] 5. unshift() - add/insert element at first position [crayon-680a0c0e5e3b5283270152/] 6. concat() - merged(concat) existing array and create new array [crayon-680a0c0e5e3b7167599299/] 7. slice() -

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