Year-end Sale % OFF 
Abstract
The perspectives of responsive approach in web development in the design and layout implementation by web developers are analyzed. It is due to, primarily, a significant increase in mobile internet traffic and increase the diversity of electronic devices. The optimal responsive approach compared with the development of certain versions of websites for different devices is analyzed. It is shown that responsive approach provides greater website support by all devices. This is achieved thanks to its particular advantages, including the use of HTML and CSS code to display a website on all devices and adapting the content to the width of the browser. Definition of the term «responsive web design» by different authors and scholars are considered. The basic components using this approach are theoretically described and practical examples are given. In particular, the use of relative values for a given width of the container and child elements, use of media queries for laptops, tablets and mobile phones. «Mobile-first» approach is investigated as an independent web development philosophy and at the same time, as an integral part of responsive website page layout, its advantages and disadvantages. An example for the analysis of website responsibility was selected resource of the American newspaper «The Boston Globe». With a significant every year growth of screen resolution the issue of JPEG format feasibility for displaying graphics of the website is became actual. Therefore, the analysis of SVG format is carried out. Graphics clarity isn’t lost for it and the output file size much smaller as a result. It is shown that this is achieved through describing two-dimensional graphics in XML and using three types of objects: shapes, images and text. Despite the fact that today there is access to many popular frameworks that are already implemented responsibility, many companies continue to develop multiple versions of websites for different devices. This significantly increases the resource costs for their support, and as a result they are available for a small portion of users.
Highlights
Many years ago we could access the Internet only through the very large computers
We took into consideration an advice in HTML5 and CSS3 [2] there is a necessity to design responsive and future-proof websites that meet the demands of web users
We studied the other authors [5, 6] define the concept of responsive web design as well as we considered the options for making images more responsive [7, 8]
Summary
Many years ago we could access the Internet only through the very large computers. Nowadays we can connect to the Internet through our laptops, smartphones, TVs etc. It provides a high level of user experience to access the Internet from any device. With the huge variety of mobile screen sizes, we should develop web sites that will respond to all of them. It’s challenging and every app and web developer faces with it. Nowadays the users have possibility to access the Internet from the giant screen to the smartwatch. The best approach to responsive web development is designing for devices with different size or resolution ( for such as MacBook or Samsung Galaxy S7) with ability of design and text adaptation
Sign-in/Register to view highlights & summary Talk to us
Join us for a 30 min session where you can share your feedback and ask us any queries you have
Schedule a callDisclaimer: All third-party content on this website/platform is and will remain the property of their respective owners and is provided on "as is" basis without any warranties, express or implied. Use of third-party content does not indicate any affiliation, sponsorship with or endorsement by them. Any references to third-party content is to identify the corresponding services and shall be considered fair use under The CopyrightLaw.
