Explore topic-wise InterviewSolutions in .

This section includes InterviewSolutions, each offering curated multiple-choice questions to sharpen your knowledge and support exam preparation. Choose a topic below to get started.

1.

Do you have any experience with UX design?

Answer»

This question is depends on your KNOWLEDGE. If you have the prior experience of UX DESIGNING, then share it with the INTERVIEWER. If not, then it is RECOMMENDED to read a bit about the UX design and its concept.

2.

What steps do you take during your design process and how much do you involve clients?

Answer»

By asking this question, the interviewer is keen to know about your approach towards the work. He or she wants to judge you that how it will be easier for them to work with you and WANT to judge your attitude regarding how you care and communicate with their clients.

Here you can tell about the steps that should be taken for the designing PROCESS:

  • STUDY on the client’s ask
  • Research it
  • Brainstorming on the things related to it
  • Create a rough sketch
  • Start implementation
3.

List out some of the JQuery features used for web page designing?

Answer»

Some Jquery FUNCTIONS used for web DESIGNING are:

  • HTML/DOM manipulation
  • CSS manipulation
  • HTML event methods
  • Effects and animations
  • AJAX
  • Utilities

The BEST THING about the JQuery is, it contains plugins for almost everything out there.

4.

How would you differentiate between “visibility: hidden” and “display: none”?

Answer»
visibility:hiddendisplay:none
This is the property which is used to hide the ELEMENT, HOWEVER, it occupies the SPACE in the ACTUAL LAYOUT.This is the property that is used to remove the element completely without occupying any space in the layout.
5.

Explain what do you mean with the Responsive design on a web page?

Answer»

The responsive design is the way to build websites that provides an excellent view and communicating EXPERIENCE. The AGENDA of the responsive design is to provide the best CUSTOMER experience by reducing the scrolling, RESIZING, and doing zoom in - zoom out on various devices.

The most trending framework is Bootstrap for creating a responsive web design.

6.

What is an external style sheet?

Answer»

It is used to be a document that CONTAINS all the information regarding the styling of many of the web PAGES or the HTML files.

This can be LINKED under the HEAD element with the LINK tag. Make sure the external CSS file has the correct extension such as style.css.

7.

Explain the term DOCTYPE.

Answer»

The term DOCTYPE is the method to convey to the BROWSER about the type of HTML which has been used on the web PAGE. With the help of this declaration, the browser determines how to RENDER the web page. If you are not declaring the DOCTYPE, then it may incorrectly load the page.

Related Article: Advanced JavaScript Interview QUESTIONS 2020
8.

How do you insert comments into HTML code without text being picked up?

Answer»

The reason behind putting the comment is to explain SOMETHING CONCERNING the code.
The SYNTAX of comment starts with “<!--” and ends at “ -->”

 < !-- Insert your comment here. -->

9.

In web design, explain the function of the Cascading Style Sheet?

Answer»

The function of the cascading style sheet is to provide the look and feel to any of the websites. They HELP manage and provide the font styles and sizes, color combinations as required to develop the web page. One thing to KEEP in MIND is a single CHANGE in the CSS code will impact the entire WEBSITE.

10.

Name some common languages and platforms which are being used for website designing?

Answer»

For the website designing, COMMONLY USED languages and platforms are:

  • HTML which is used to design the base templates
  • CSS which is used for STYLING the pages
  • JS is used to CODE the functionality
  • PHP is being used for server-side scripting.
11.

Explain what is Grid system?

Answer»

It is a structure that is USED to provide a system where designers can ARRANGE the content by encompassing the SERIES of vertical and horizontal LINES.

12.

How would you decide when to use JPEG compression and when you should opt PNG?

Answer»

All the image compressions have their purposes and techniques to use them.

JPEG Compression: It reduces the size of the image by targeting the AREAS of identical colors. This JPEG compression is useful for photos, gradients, illustrations, drawings, and other similar colorful or rich images.

PNG Compression: It works by MINIMIZING the NUMBER of colors used in the image. PNG compression is a great choice for logos, signs, ICONS, screenshots, and UI elements.

13.

How do you combine fonts? Which types of fonts work nicely together?

Answer»

For combining the two fonts accurately, we should LOOK out for the resemblance and discrepancies between them.

A combination of two fonts works very WELL if they both are different from each other but have one common thing to help them in connecting, this thing is generally KNOWN as “Complementary fonts”.

Some example of fonts which works nicely together are:
  • FUTURE Bold and Souvenir
  • Times new roman and Garamond
  • Future and Helvetica
14.

What number of H1 tags you can have on the single web page? Does it even matter?

Answer»

Ideally, the single web page should contain only ONE H1 tag, until and UNLESS there will be different “Article” and “Section” elements. In this scenario, they can have their H1 tags.

Yes, it MATTERS a lot for the search engines to read the code of the web page and to depicts it’s content. If the H1 tag is not being used properly then the WEBSITE’s SEO performance will be impacted.

15.

By what ways you can optimize a website. Where would you start?

Answer»

There are multiple ways by which a WEBSITE can be optimized.

Here you can SIMPLY SAY:

  • By reducing the JS and CSS CODE which will save hundreds of kilobytes for every page to get load.
  • All the assets must be compressed in the applicable format with excellent settings.
  • By serving responsive images
  • Enabling the caching mechanism at the server-side.