Estimated Time to Read: 3 minutes
1. What Is the Difference Between UI and UX?
UI stands for User Interface while UX stands for User Experience. UI is primarily related to layout, colors, look and feel while UX is primarily related to how UI is used, interaction with UI, wireframing, and usability.
This is one of the common questions related to UI development. The candidate should have a clear understanding of the difference between UI and UX.
2. How Would You Test Website Performance?
According to Google, the website performance is good if its loading time is below 5 seconds and fair if the loading time is between 5 to 8 seconds. The website is considered having poor performance if the loading time is greater than 8 seconds. If the candidate does not have this basic knowledge, it is a red flag.
3. What Are the Most Important Things to Consider When Developing Multilingual Websites?
Some of the important aspects you need to focus while developing multilingual websites are:
· Using Unicode encoding
· Setting default language
· Using the lang attribute
· Being aware of the standard font sizes and text redirection
· Language word length as it may affect the layout
4. Tell the difference Between HTML Tags and Elements
The HTML tags tell the browser that this is an HTML document. It represents the root of the HTML document. The <html> tag is the container of all HTML elements except for the <!DOCTYPE> tag.
An HTML element contains start tag and end tag and the content is inserted in between. For example
· <tagname>Content goes here</tagname>
· <h1> My first heading </h1>
· <p> My first page</p>
5. What Is Difference Between Standards Mode and Quirks Mode?
It is one of the common UI developer interview questions and also an important one. To maintain compatibility with the greatest number of web pages, modern web browsers are developed with multiple rendering modes.
In Standards mode, the pages are rendered according to HTML and CSS specifications. In Quirks mode, attempts are made to emulate the behavior of older browsers.
6. Which Is the Best HTML Debugging Tool?
Developers generally use browser’s inbuilt debugging tool in Chrome, Safari, and Firefox. However, according to some developers, W3C Validation is the best debugging tool.
7. What is Web Accessibility?
Web Accessibility refers to creating web products for differently abled and disabled people. HTML5 introduced WAI-ARIA which stands for Web Accessibility Initiative – Accessible Rich Internet Applications. It helps in the use of assistive technologies like screen readers when developing web applications.
8. What Is Difference Between <strong> and <b> Tags?
<b> tag is a presentation HTML element that is used to give a bolder look to the text. The <strong> tag provides bolder look and strong importance in search results.
9. What Is Difference Between <i> and <em> Tag?
<i> tag is a presentation HTML element that is used to give an italic look to the text. The <em> tag gives an italic look and emphasizes the importance in search results.
10. What Is the Difference Between normalize.css and reset.css?
reset.css removes every built-in browser styling like border, padding, and margin. normalize.css renders a common book-like appearance like margin between two paragraphs, bold heading, common font-family etc.
11. How to Center Align a Div Tag in CSS?
Div tag is a block level element. By default, div occupy 100% width of parent element. Here is the syntax to center align a div tag in CSS
12. What Is Output of 20 + “20”?
The answer is “2020”. First 20 is numeric and the second 20 is string type. For addition, both should be numeric.
Some common UI developer interview questions in the list will help see how candidates think on their feet. Did we miss any vital UI developer question that should be part of our list? Please feel free to comment.