What’s „Responsive Design“ actually about?

Does this sound familiar to you? You are opening a Website using your smartphone. The font is so tiny that you’d have to have eagle eyes to read it. And anyone past the years of early childhood has fingers too thick to hit a button. So you start zooming. You constantly have to scroll from left to right and back in order to see and read the entire page.


Is there a better solution?

There is an excellent solution today to cope with this nerve-racking issue: We at EASY have been offering our solutions as Web-based and in responsive design for quite some time now. This means that the user accesses the EASY application via browser and the output dynamically adapts to the output medium. Let’s take a closer look at this…


What does Wikipedia say?

According to Wikipedia, responsive (Web) design is „an approach to web design aimed at allowing desktop webpages to be viewed in response to the size of the device one is viewing with.“  (https://en.wikipedia.org/wiki/Responsive_web_design)


So what does this actually mean?

It means that responsive design changes the output, depending on the device and screen size.  Different fonts, narrower text, smaller images, larger buttons – these allow users flexible access to Web pages (or even to the EASY Client) via smartphone, tablet, or laptop. Responsive design provides excellent services for any mobile device. All functions and contents are therefore also available when you travel, and always come in a visually appealing design for the viewer.


For which platforms does this apply?

Responsive design is platform independent. This technology always provides its service – regardless of which browser or which operating system the user prefers. This is a genuine advantage in an age in which various devices, systems and manufacturers are used.


So how exactly does this work from a technological point of view?

Responsive design is based on HTML 5. The layout of a Web page is designed using a flexible grid. The individual elements are arranged dynamically to match the size of the output medium. CSS 3 Media Queries and Cascading Stylesheets ensure that, depending on the output device and screen size, best-fit representation of the content of a Web page is presented.

Of course, other mobile access capabilities are available besides responsive design:  for instance, via our first EASY Contract – Mobile app, for who has eagle eyes and baby fingers?