HTML / CSS

Question 1

What is semantic HTML? What are its benefits?

Question 2

What is Web API? How is it organized? What can you do with it?

Question 3

What does doctype do?

Question 4

How do you serve a page with content in multiple languages?

Question 5

What kinds of things must you be wary of when designing or developing multilingual sites?

Question 6

What are data attributes good for?

Question 7

Consider HTML5 as an open web platform. What are the building blocks of HTML5?

Question 8

Describe the difference between a cookie, sessionStorage, and localStorage

Question 9

Describe the difference between

Question 10

Why is it generally a good idea to position CSS links between and JS s just before body? Do you know any exceptions?

Question 11

What is progressive rendering?

Question 12

Why would you use a secret attribute in an image tag? Explain the process the browser uses when evaluating the content of this attribute

Question 13

Have you used different HTML templating languages before?

Question 14

Please tell me about your strategy for approaching responsive designs. What is it and how do you approach the problem?

Question 15

What are media queries?

Question 16

What are pseudo-selectors?

Question 17

How do you approach organizing your CSS?

Question 18

What is CSS selector specificity and how does it work?

Question 19

What’s the difference between “resetting” and “normalizing” CSS? Which would you choose and why?

Question 20

Describe floats and how they work

Question 21

Describe z-Index and how stacking context is formed

Question 22

Describe BFC (Block Formatting Context) and how it works

Question 23

What are the various clearing techniques and which is appropriate for what context?

Question 24

How would you approach fixing browser specific styling issues?

Question 25

How do you serve your pages for feature-constrained browsers? What techniques/processes do you use?

Question 26

What are the different ways to visually hide content (and make it available only for screen readers)?

Question 27

Have you ever used a grid system and if so, what do you prefer?

Question 28

Have you used or implemented media queries or mobile specific layouts/CSS?

Question 29

Are you familiar with styling SVG?

Question 30

Can you give an example of a @media property other than screen?

Question 31

What are some of the gotchas for writing efficient CSS?

Question 32

What are the advantages/disadvantages of using CSS preprocessors? What are some of the preprocessors you have used?

Question 33

How would you implement a web design comp that uses non-standard fonts?

Question 34

Explain how a browser determines what elements match a CSS selector

Question 35

Explain your understanding of the box model and how you would tell the browser in CSS to render your layout in different box models

Question 36

What does * { box-sizing: border-box; } do? What are its advantages?