1. Deployment Skills based Web Developer & Designer Job Interview Questions:
☛ What do you use xampp or wampp & why?
☛ What is cPanel?
☛ What will be your workaround deploying a local site to live url?
☛ Name some online resources that you reference when having CSS/HTML/JS issues.
☛ Favorite tools and IDEs?
☛ Why stack overflow so useful? and whats your rating?
2. Browser Compatibility based Web Developer & Designer Job Interview Questions:
☛ What tools do you use for cross-browser testing?
☛ Lets assume you have found a rendering issue in IE8 what will be your work around to solve that issue?
☛ How will you achieve same drop down menu UI in different browsers?
☛ How will you fix border-radius compatibility issue in IE8?
3. WordPress based Web Developer & Designer Job Interview Questions:
☛ What are basic necessities for a theme? How will you create a Hello World! WordPress theme?
☛ Do you have developed plug-in?
☛ How will you create a template page in WordPress?
☛ How can you create an empty plugin which have basic options like activate, deactivate etc.?
4. CSS / CSS3 based Web Developer & Designer Job Interview Questions:
☛ Difference between position absolute and fixed?
☛ What is the difference between inline, inline-block, and block?
☛ Difference between ID and Class?
☛ What are sprites and why they are recommended?
☛ what are media queries?
☛ What is responsiveness?
☛ How to select last li of ul via CSS?
☛ Difference between; .class.class2 & .class .class & .class > class ?
☛ What are CSS pre-processors?
☛ What is style reset sheet?
☛ What is float?
5. JQuery / JavaScript based Web Developer & Designer Job Interview Questions:
☛ What is jQuery?
☛ What is difference between onload and ready?
☛ How to select class in jQuery?
☛ Which selector has better performance id or class and why?
☛ How to add a class to HTML element?
☛ What is jQuery toggle function?
☛ Explain difference .empty() between .remove() ?
☛ How can I select 20th div with jQuery?
☛ What is difference between .setinterval() & .delay() ?
6. HTML / HTML5 as Web Developer & Designer Job Interview Questions:
☛ What is Doctype & why its important?
☛ What are meta tags?
☛ What does meta viewport tag do?
☛ Difference between div and span?
☛ What is html5?
☛ Name a few new tags in html5 and their advantages?
☛ What are the new media-related elements in HTML5?
☛ How can I create a div work like an input?
7. Do you know what is a Dreamweaver Template?
Dreamweaver Templates enables webmasters to define “non-editable” and “editable” regions of a webpage, only in Dreamweaver template the “non-editable” regions can be edited. Any changes implemented to the Dreamweaver Template will update any HTML pages that use the template.
8. Explain me do you make Custom Web Design or use Themes?
Web design and development companies offer both the options to satisfy their client needs. Some go for unique look and functionality built from scratch whiles others goes for the template to customize and save money. Discuss what you need for your website and compare the prices of both options before making any move.
9. Tell us what are the different JavaScript types?
There are six types of JavaScript: Object, null, string, undefined, Boolean and number. Objects include functions, array and ordinary objects. Numbers may include integers and real numbers, and also include special values such as NaN and infinity. Strings include empty strings, ““,
10. Tell me what are the possible values for “position”?
The type of positioning used for the webpages can be determined by using “position” element. These include static, relative, fixed, inherit and absolute.
11. Tell me in CSS when you will use CSS float?
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.
12. Explain me what is the use of local storage in HTML5?
Before the coming of HTML5, the local storage was used to be associated with cookies. Cookies was not really beneficial for usages that include a large amount of data. This was passed on from server to server and hence resulted in very slow and ineffective website performance. This is not the same case in HTML5 as data is not passed in every subsequent server and is used only when asked.
Hence, it can be possible to store large amounts of data by itself and still do not affect the website's performance. Such data is stored in different areas of the website and the website can access most of the data stored by itself.
13. Tell me what web standards and practices do they follow?
A web design and development company should follow latest design trends and web development standards so that your website functions in all web browsers and operating systems.
14. Tell me what does the NaN function do?
Return ‘true' if the argument is not a number.
15. Tell me do you provide case studies to showcase the results of your web designs?
Your website is not about only the online presence of your business but it should also get a return on investment and have the website deliver business results.
For that, ask for case studies. The case studies will provide you specific results like increased online sales, increased the lead and boosted conversion rate in certain time period.
16. Tell me what is Grid system?
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.
17. Explain me what will be their price and what is included in their price?
The pricing structure is of two types, flat project price, and second hourly rate. But do understand that prices depend on experience, expertise, and scope of the project.
The second most important thing to ask is that what are the items included in the prices and what is not.
18. Tell us what is the basic difference between HTML elements and tags?
The main difference between HTML elements and HTML tags is that elements are used to communicate with the website on how to render the information. They are represented within <>, these form the HTML tags. Tags usually come in pairs and surround text.
19. Tell us how will they handle your project?
A website design and development process includes research, design, site development, and launch and evaluate. While asking the questions, do remember to ask who will be the specific person you will be in touch with, what will be the timelines for the different phases in the development process, in which way you will get progress reports and is there any project management system going to manage the tasks.
20. Tell us what are some bad examples of web design?
☛ Blinking, spinning or flashing images
☛ Black background with white, light or pale text
☛ Black backgrounds with dark text
☛ Busy tiled background images with any color text
☛ Everything Centered
☛ Too many images or Huge images
☛ List of links
☛ Too many headlines or Blinking text
21. Tell us do they build search engine optimization into the websites?
Nowadays every websites are coded with SEO in mind. So if you are designing a new website, it's better to get a third party SEO firm do an SEO audit prior to launch to ensures that there are no technical issues.
22. List out some of the JQuery function used for webpage designing?
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
23. Explain me how long will it take to complete the Website?
Typically the website project timeline depends on the work required and how fast you can provide them with the required information. It will be worthy to discuss what they will do if they don't meet their deadline.
24. Tell me what does “1”+2+4 return?
Since the question contains strings and + sign is usually used for catenation, the answer returned will be 124.
25. Explain me what are the limitations seen when serving XHTML servers?
One of the biggest drawback is the poor browser support that the XHTML provides. Internet explorer and various other browsers cannot parse XHTML as XML. Thus, it is not as extensible as it was promised to be. There can also be a large number of other drawbacks. You can also define those problems.
26. Tell me how do you convert numbers between different bases in JavaScript?
Usually to convert the number in their different bases use the parseInt() function. This function parses a string and returns a function. The first parameter is the number and the second parameter is the base to be changed. For example: to covert a hexadecimal number to a decimal number we use this function as (“3F”, 16).
27. Tell me is CSS case sensitive?
No, CSS is not case sensitive. CSS is case insensitive under most of its control except for document mark-up language which is beyond its control.
28. Tell me how much time required to analyze the business, market and the competitors?
Planning out the website is the key to ensure its success. It requires researching in the industry, do a basic market analysis, before planning the functionality, content structure, element, and other things.
29. Tell us what services do they offer?
Commonly it assumes that a web design company offers web development, hosting, copywriting, e-commerce solutions, digital marketing services like SEO, social media or PPC management are related to each other whereas, in fact, these are different services from each other which require the different skillset.
Never assume that a company is good at one thing just because they are offering another. Almost every web design and development company are now offering digital marketing services too but don't rely on them and let them handle all the digital work unless you get a solid, the desired result.
30. Explain me what do you mean by Responsive design on a web page?
Responsive design is an approach to building sites to provide an optimal viewing and interaction experience. It focuses on easy navigation of site with a minimum of scrolling, panning and resizing across all devices.
Bootstrap is the most popular CSS, HTML and JS framework used for developing responsive web design
31. Tell us what is the difference between “visibility:hidden” and “display:none”?
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.
32. Explain me why is the mouse cursor slightly tilted and not straight?
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.
33. Do you know what is their policy for building websites in comparison with your competitors?
It is the most important question to ask and to use in the evaluation process. This can either be a good or bad thing, if the company has designed the website in the past similar to yours, they might have some better knowledge of what works the best and what doesn't.
34. Tell me what will you require from me and will you create the logo for my site?
Obviously, you are going to provide the Web Design and Development team the text, images, content and other required things for your site and if you want the content to be done by the web design company's copywriters then you need to give them a brief detail about the nature of your work.
Ask you Web Design Company how appealing they can make the logo for your website, seek for their experience in this area and look for their other logos created by them.
35. Tell me how to align pictures so that they are one above the other?
By using the align statement in the IMG SRC tag.
<img src=”abdc.gif” align=top>. Align can also be modified as align=top, align=middle, align=centre etc.
