CSS Based UI Developer Interview Questions:

Submitted by: Muhammad
☛ What is the difference between classes and ID's in CSS?
☛ What's the difference between "resetting" and "normalizing" CSS? Which would you choose, and why?
☛ Describe Floats and how they work.
☛ Describe z-index and how stacking context is formed.
☛ Describe BFC(Block Formatting Context) and how it works.
☛ What are the various clearing techniques and which is appropriate for what context?
☛ Explain CSS sprites, and how you would implement them on a page or site.
☛ What are your favourite image replacement techniques and which do you use when?
☛ How would you approach fixing browser-specific styling issues?
☛ How do you serve your pages for feature-constrained browsers?
☛ What techniques/processes do you use?
☛ What are the different ways to visually hide content (and make it available only for screen readers)?
☛ Have you ever used a grid system, and if so, what do you prefer?
☛ Have you used or implemented media queries or mobile specific layouts/CSS?
☛ Are you familiar with styling SVG?
☛ How do you optimize your webpages for print?
☛ What are some of the "gotchas" for writing efficient CSS?
☛ What are the advantages/disadvantages of using CSS preprocessors?
☛ Describe what you like and dislike about the CSS preprocessors you have used.
☛ How would you implement a web design comp that uses non-standard fonts?
☛ Explain how a browser determines what elements match a CSS selector.
☛ Describe pseudo-elements and discuss what they are used for.
☛ Explain your understanding of the box model and how you would tell the browser in CSS to render your layout in different box models.
☛ What does * { box-sizing: border-box; } do? What are its advantages?
☛ List as many values for the display property that you can remember.
☛ What's the difference between inline and inline-block?
☛ What's the difference between a relative, fixed, absolute and statically positioned element?
☛ The 'C' in CSS stands for Cascading. How is priority determined in assigning styles (a few examples)? How can you use this system to your advantage?
☛ What existing CSS frameworks have you used locally, or in production? How would you change/improve them?
☛ Have you played around with the new CSS Flexbox or Grid specs?
☛ How is responsive design different from adaptive design?
☛ Have you ever worked with retina graphics? If so, when and what techniques did you use?
☛ Is there any reason you'd want to use translate() instead of absolute positioning, or vice-versa? And why?
Submitted by: Muhammad

Read Online User Interface Expert Job Interview Questions And Answers