Web Banners Web Banner HTML5 and Animation 2

Question 1

What does 'easing' refer to in the context of HTML5 banner animation?

Accepted Answer

The acceleration and deceleration of an animated element over time

Answer

Easing controls how an animation speeds up or slows down, making motion feel natural rather than mechanical.

Question 2

What is a 'timeline' in HTML5 banner animation development?

Accepted Answer

A sequence that controls when and how multiple animation events play

Answer

A timeline organizes multiple animation events in sequence or in parallel, controlling the overall playback of the banner.

Question 3

Why are retina/HiDPI assets important in modern HTML5 banner design?

Accepted Answer

They ensure images appear sharp on high-resolution screens

Answer

Retina displays have twice the pixel density, so @2x images prevent logos and photos from appearing blurry.

Question 4

What is the recommended maximum animation duration for a standard HTML5 banner per IAB guidelines?

Accepted Answer

30 seconds

Answer

IAB recommends a maximum animation duration of 30 seconds for standard display HTML5 banners.

Question 5

What does 'SVG' stand for and why is it used in HTML5 banners?

Accepted Answer

Scalable Vector Graphic; used for resolution-independent logos and icons

Answer

SVG is an XML-based vector image format that scales perfectly at any size, ideal for logos and icons in responsive banners.

Web Banners Practice Test