World Webmasters Blog

Responsive design and CSS 3

What is it really about?

Responsive, which means adaptable, is a term used for a technique that originated not so long ago, in 2011 when Ethan Marcotte published an article about this, it would turn out later, revolutionary technology in the world of web design. It is a cascading website design, adaptable to all devices, from mobile phones to tablets, laptops to desktops with screens of all resolutions.

With the advent of Responsive design, the development of Android and Apple applications for mobile phones, which have taken off in recent years, is somewhat “failed”, because the site is readable on every device, which fits all screen sizes, and has become an almost perfect alternative for them. . In a word, it is easier to create them, the content is completely identical to the internet presentation (of course, if the site owner wants it), and it is compatible with all systems because I only need a mobile internet browser, and of course an internet connection. . What is behind the customizable design? First of all, CSS media queries through which site components such as font size, margins, height, width and much more are adapted for devices. CSS media queries appeared in the latest version of CSS, CSS 3, and they gave web designers a much greater sense of control over the content and components of the site than before.

As for web browsers, they strive through their plugins to enable validation of the site’s adaptability, so, for example, Google Chrome and Mozilla Firefox offer a suitable window design that can be resized and where you can easily see how customizable your site is. different screen sizes. However, as in previous versions, there are differences in web browsers both in terms of page design and in terms of flexibility. Some new features in CSS 3 read differently in Google Chrome than in Mozilla Firefox, but they are negligible and there is always an alternative to them. With flexibility, these differences are easier to overcome and not so noticeable. One thing is for sure, responsive design is gaining momentum and in the future it will be difficult to imagine a site that cannot adapt to different types of screens after loading. Being available on any device, at any time is one of the most important items of today’s internet business and marketing.