Web Design Interview Questions and Answers
Question - 31 : - Explain what is the difference between “visibility:hidden” and “display:none”?
Answer - 31 : -
They are both style properties
- visibility:hidden: This property hides the element, but it still takes up space in the layout
- display:none: It eliminates the element completely from the document. It does not take up any space, even though the HTML for it is still in the source code.
Question - 32 : - In CSS when you will use CSS float?
Answer - 32 : -
In CSS, you would use CSS float when you want to make an element of your page be pushed to the right or left and make other elements wrap around it.
Question - 33 : - Why should a graphic containing several words should be saved in GIF instead of JPG?
Answer - 33 : -
It is preferable to store the image in GIF format if image consists of certain words because JPG has file compression features which may render the fonts unreadable.
Question - 34 : - While writing an error message what all things you need to take into consideration?
Answer - 34 : -
You need to take following things in consideration
- Don’t use negative words
- Clearly mention the error so that the user knows what to correct
- Give user a clue or link to solve the error
- Put the blame on yourself and not on the user
Question - 35 : - Explain what is Grid system?
Answer - 35 : -
A grid system is a structure comprising a series of horizontal and vertical lines which intersect and used to arrange content. It is a way of providing a system that designers can work with the structure and present content. For web design beginners, it is always suggested that they use the pre-made framework for web design as they are relatively easy to use.
Question - 36 : - Mention why is the mouse cursor slightly tilted and not straight?
Answer - 36 : -
During beginning of mouse technology, it was found that given the low resolution of the screens in those days, drawing a straight line and a line at a 45 degree angle was easier to do and more recognizable than the straight cursor. Also, the tilted arrow can help the click position easier to calculate because the origin of the cursors bitmap was in the upper left. This saved the mouse tracking subroutine a calculation on every click.
Question - 37 : - Explain why do people clear the screen multiple times when using a calculator?
Answer - 37 : -
The older version of calculators have several “cancel” button (C, CE). The CE button will only clear the last entry but does not interrupt with the current computation. For instance, if you enter 2+1 and then press CE, it would show 0, but the calculator expects a second operand for the addition. (2+ is still there in memory). So to ensure that nothing remains left in memory and to start a new calculation we often see people hitting clear button couple of times. It is not due to a flaw in the calculator’s design.
Question - 38 : - Explain how can a developer learn about web design?
Answer - 38 : -
Developer can learn about web design by following tips
- Visit website like “Smashing Magazine” to get better idea about web design
- Another website is “ Best Web Gallery” can also be helpful to get insight of quality design and layouts
- Try your hands on tools like Adobe Illustrator
- Create dynamic website using MySQL and PHP
- Learn basic languages as HTML, CSS, JavaScript, PHP or jQuery
Question - 39 : - As a web-designer while declaring “delete” button what would be your color choice?
Answer - 39 : -
Make the “Delete” button more prominent by using color like Red, especially when you have to show two button side by side. Red is sign of caution, so that will definitely help the user to draw their attention.
Question - 40 : - List out some of the JQuery function used for webpage designing?
Answer - 40 : -
Some of the JQuery function used for webpage designing include
- Simple slide panel
- Simple disappearing effect
- Chainable transition effect
- Accordion#1 and Accordion#2
- Animated hover effect
- Entire block clickable
- Collapsible panels
- Image replacement gallery
- Styling different link types