Responsive Design & Threekit Player

Introduction

The purpose of this article is to give guidance on best practices when it comes to the Threekit Player & responsive design.

3D Player

• The player size should be set using absolute values. Relative values may cause unexpected or undesirable effects on screen resizing.

• Absolute values should be set for pre-determined breakpoints.

• In-player behavior: 3D object will resize itself to retain 'padding' around the object.

2D Player

• Player size should be set using absolute values.

• Absolute values should be set for pre-determined breakpoints.

• Keep underlying image aspect ratios in mind. May need additional breakpoints to avoid vertical white bars (for images without plain white/whitesweep background) for certain sizes.