Responsive Web Design Frameworks : A Review

Authors

  • Wari Denyefa Cletus  Department of Computer Science, School of Applied Sciences/ Federal Polytechnic Ekowe, Bayelsa State, Nigeria
  • Adoubara Kakandar  Department of Computer Science, School of Applied Sciences/ Federal Polytechnic Ekowe, Bayelsa State, Nigeria
  • Chukwu Nnaemeka Paul  Department of Computer Science, School of Applied Sciences/ Federal Polytechnic Ekowe, Bayelsa State, Nigeria

Keywords:

Responsive Design, Framework, Application, Front-end, Library

Abstract

As internet users continue to grow, numerous web application frameworks have been developed that best satisfy the user’s needs. The responsive web design (RWD) framework is a framework that can dynamically adapt and fluidly display a webpage in different sizes and resolution. Many RWD frameworks are available in the market to facilitate the responsive webpage layout. This paper compares the top three frameworks available based on their CSS feature, their grid and responsiveness and user interface (UI) and widget. Bootstrap, Foundation and Skeleton was likened as the case study of this paper. We also discussed some demerits of responsive web design.

References

  1. "2014 Intenet trends," Kleiner Perkins Caufield Byers, Online]. Available: http://www.kpcb.com/intenet-trends. Accessed 20 April 2017].
  2. K. D. Adam Lella, Andrew Lipsman, "2014 U.S. digital future in focus," 2015, Accessed 20 April 2017]. Online]. Available: http://www.comscore.com/Insights/ Presentations-and-Whitepapers/2014/2014-US-Digital-Future-in-Focus
  3. M. Fisch, "Mobile-friendly sites turn visitors into customers - google mobile ads blog," 2015, Accessed 20 April 2017]. Online]. Available: http://googlemobileads.blogspot.se/2012/ 09/mobile-friendly-sites-turn-visitors.html
  4. M. Vijayan, "3 Responsive Web Design Issues and Solutions" 2016, Accessed: 14-March-2017]. Online]. Available: http://www. Responsive-WebDesign-Issues-and-Solutions.html
  5. Pakorn Ieamsirinoppakun
  6. S. Amatya and A. Kurti, "Cross-platform mobile development: Challenges and opportunities," ICT Innovations 2013, pp. 219–229, 2014.
  7. P. Zervas, A. Trichos, D. Sampson, and N. Li, "A responsive design approach for supporting mobile access to virtual and remote laboratories," in IEEE 14th International Conference on Advanced Learning Technologies (ICALT), July 2014, pp. 11–13. Online]. Available: https://www.computer.org/csdl/proceedings/icalt/2014/4038/00/index. Accessed 20 April 2017]
  8. "Cross-site scripting", Accessed: 14-March-2017]. Online]. Available: https://en.wikipedia.org/wiki/Cross-site_scripting
  9. "Bootstrap - the world’s most popular mobile-first and responsive front-end framework." 2015, Accessed: 14-April-2017]. Online]. Available: http://getbootstrap.com/
  10. "Foundation - the most advanced responsive front-end framework from zurb," 2015, Accessed: 14-April-2017]. Online]. Available: http://foundation.zurb.com/index.html
  11. A. Team, "What are Frameworks? 22 Best Responsive CSS Frameworks for Web Design", Accessed: 14-April-2017]. Online]. Available: http://www.awwwards.com/what-are-frameworks-22best-responsive-css-frameworks-for-web-design.html
  12. "Responsive CSS Framework Comparison", Accessed: 14-March-2017]. Online]. Available: http://responsive.vermilion.com/compare.php
  13. "11 reasons why Responsive Design isn’t that cool!", Accessed: 14-March-2017]. Online]. Available: http://www.bypeople.com/11-reasons-why-Responsive-Design-isnt-that-cool.html
  14. M. Schenker, "BootstrapBay -Bootstrap vs. Foundation: Which Framework is Better?" Accessed: 11-May-2017]. Online]. Available: https://www.bootstrapbay.com/blog/bootstrap-vs-foundation

Downloads

Published

2017-10-31

Issue

Section

Research Articles

How to Cite

[1]
Wari Denyefa Cletus, Adoubara Kakandar, Chukwu Nnaemeka Paul, " Responsive Web Design Frameworks : A Review, IInternational Journal of Scientific Research in Computer Science, Engineering and Information Technology(IJSRCSEIT), ISSN : 2456-3307, Volume 2, Issue 5, pp.132-136, September-October-2017.