Research of key approaches to responsive website development and their practical application

Authors

DOI:

https://doi.org/10.15587/2312-8372.2016.86086

Keywords:

web site, Internet, responsive web design, site development, responsive web development, responsive page layout

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.

Author Biographies

Lyubov Filippova, University of State Fiscal Service of Ukraine, Universitetska 31, Irpin, Kyiv region, 08201

Candidate of Pedagogical Science, Associate Professor

Department of Economic Cybernetics

Rostislav Svidelskyi, University of State Fiscal Service of Ukraine, Universitetska 31, Irpin, Kyiv region, 08201

Department of Economic Cybernetics

References

  1. Eisenberg, J. D. (01.09.2009). Get Ready for HTML5. Alist Apart. Available: http://alistapart.com/article/get-ready-for-html-5
  2. Frain, B. (2015). Responsive Web Design with HTML5 and CSS3. Ed. 2. Packt Publishing, 312.
  3. Verou, L. (2015). CSS Secrets: Better Solutions to Everyday Web Design Problems. O'Reilly Media, 392.
  4. McFarland, D. S. (2015). CSS: The Missing Manual. Ed. 4. O'Reilly Media, 718.
  5. Marcotte, E. (2014). Responsive Web Design (Brief Books for People Who Make Websites). Ed. 2. A Book Apart, 153.
  6. Gardner, L. D. (06.03.2014). What We Mean When We Say “responsive”. Alist Apart. Available: http://alistapart.com/column/what-we-mean-when-we-say-responsive
  7. Jing, C. H. (06.10.2015). Using Responsive Images (Now). Alist Apart. Available: http://alistapart.com/article/using-responsive-images-now
  8. Portis, E. (04.11.2014). Responsive Images in Practice. Alist Apart. Available: http://alistapart.com/article/responsive-images-in-practice
  9. Spurlock, J. (2013). Bootstrap: Responsive Web Development. O'Reilly Media, 128.
  10. Patsai, B. D. (2013). Peredumovy rozvytku khmarnykh obchyslen v Ukraini. Ekonomichnyi visnyk universytetu, 20/4, 56–61.
  11. Clark, J. (24.04.2014). The Seven Deadly Myths of Mobile. BDConf, April 2012. Available: https://vimeo.com/48327889
  12. Wroblewski, L. (2011). Mobile First. A Book Apart, 123.

Downloads

Published

2016-11-24

How to Cite

Filippova, L., & Svidelskyi, R. (2016). Research of key approaches to responsive website development and their practical application. Technology Audit and Production Reserves, 6(1(32), 31–35. https://doi.org/10.15587/2312-8372.2016.86086

Issue

Vol. 6 No. 1(32) (2016): Mechanical engineering and machine building. Electrical engineering and industrial electronics. Information technologies

Section

Information Technologies: Original Research

License

Copyright (c) 2016 Rostislav Svidelskyi, Lyubov Filippova

Creative Commons License

This work is licensed under a Creative Commons Attribution 4.0 International License.

The consolidation and conditions for the transfer of copyright (identification of authorship) is carried out in the License Agreement. In particular, the authors reserve the right to the authorship of their manuscript and transfer the first publication of this work to the journal under the terms of the Creative Commons CC BY license. At the same time, they have the right to conclude on their own additional agreements concerning the non-exclusive distribution of the work in the form in which it was published by this journal, but provided that the link to the first publication of the article in this journal is preserved.