One of many key abilities of a front-end developer is to have the ability to take designs and switch them into code. These designs are sometimes introduced as static mock-ups, which visualize the “best” expertise of searching the web site.
In the actual world, content material typically differs vastly from the neat, completely becoming content material introduced in designs. Added to that, on the trendy internet, customers have an ever-increasing vary of choices for the way they entry the websites we construct.
On this article, we’ll stroll by the method of taking a seemingly easy design for a text-and-media element and deciding how finest to translate it into code, maintaining in thoughts the wants of each customers and content material authors. We’re not going to delve into tips on how to code it — fairly, the components that may decide our growth selections. We’ll take into account the questions we have to ask (each ourselves and different stakeholders) at each step.