diff --git a/front-end/interview-questions.md b/front-end/interview-questions.md index e5f14d37..5ac75f59 100644 --- a/front-end/interview-questions.md +++ b/front-end/interview-questions.md @@ -298,6 +298,9 @@ CSS sprites combine multiple images into one single larger image. It is commonly - Reduce the number of HTTP requests for multiple images (only one single request is required per spritesheet). But with HTTP2, loading multiple images is no longer much of an issue. - Advance downloading of assets that won't be downloaded until needed, such as images that only appear upon `:hover` pseudo-states. Blinking wouldn't be seen. +###### References +- https://css-tricks.com/css-sprites/ + ### What are your favorite image replacement techniques and which do you use when? CSS image replacement is a technique of replacing a text element (usually a header tag like an `

`) with an image (often a logo). It has its origins in the time before web fonts and SVG. For years, web developers battled against browser inconsistencies to craft image replacement techniques that struck the right balance between design and accessibility.