Comparative analysis of Bootstrap and Foundation CSS frameworks
Dawid Pawelec
s100789@pollub.edu.plLublin University of Technology (Poland)
Tomasz Szymczyk
Lublin University of Technology (Poland)
Abstract
The article presents a comparative analysis of the CSS frameworks Bootstrap and Foundation, determining which technology is the most effective for creating responsive websites. For the purposes of conducting research experiments, two analogous websites were created using the aforementioned technologies. Both technologies were subjected to comparative evaluation based on criteria such as: compatibility with mobile and desktop devices, website loading time, file size and number of code lines, browser compatibility, available components, and support.
Keywords:
bootstrap, foundation, responsiveness, websitesReferences
B. Frain, Responsive Web Design with HTML5 and CSS, Third Edition, Packt Publishing, 2020.
Google Scholar
A. Parlakkiliç, Evaluating the effects of responsive design on the usability of academic websites in the pandemic, Education and Information Technologies 27 (1) (2022) 1307-1322, https://doi.org/10.1007/s10639-021-10650-9.
Google Scholar
N. Bhanarkar, A. Paul, A. Mehta, Responsive Web Design and Its Impact on User Experience, International Journal of Advanced Research in Science, Communication and Technology 3 (4) (2023) 50-55.
Google Scholar
A. Shenoy, A. Prabhu, CSS Framework Alternatives: Explore Five Lightweight Alternatives to Bootstrap and Foundation with Project Examples, Packt Publishing, 2018.
Google Scholar
M. Laaziri, K. Benmoussa, S. Khoulji, K. M. Larbi, A. El Yamami, Analyzing bootsrap and foundation font-end frameworks: a comparative study, International Journal of Electrical and Computer Engineering (IJECE) 9 (1) (2019) 713-722.
Google Scholar
T. K. Mohd, J. Thompson, A. Carmine, G. Reuter, Comparative Analysis on Various CSS and JavaScript Frameworks, Springer, 2022.
Google Scholar
M. R. Anwar, M. Hardini, M. Anggraeni, Review of responsive design concept based on framework materialize on the website, ADI Journal on Recent Innovation 3 (1) (2021) 59-66.
Google Scholar
A. Aryan, A. SV, B. Maloo, M. B, Dr. R. M. Babu KN, Build Student Forum Website Using UI Concepts, International Research Journal of Modernization in Engineering Technology and Science 5 (2023) 9353-9356, https://www.doi.org/10.56726/IRJMETS40989.
Google Scholar
R. Pamungkas, N. Asnawi, Y. D. Wijaya, Analisis Pengaruh Teknik Responsive Web Design (RWD) Terhadap Kualitas Website Dengan Metode PIECES, In Prosiding Seminar Nasional Teknologi Informasi dan Komunikasi (SENATIK) 2 (2019) 149-154.
Google Scholar
M. Laine, Y. Zhang, S. Santala, J. P. Jokinen, A. Oulasvirta, Responsive and personalized web layouts with integer programming, Proceedings of the ACM on Human-Computer Interaction 5 (EICS) (2021) 1-23, https://doi.org/10.1145/3461735.
Google Scholar
CT8.PL Homepage, https://www.ct8.pl/, [28.03.2024].
Google Scholar
Bootstrap Framework Documentation - Browser Compatibility, https://getbootstrap.com/docs/5.0/getting-started/browsers-devices/, [23.02.2024].
Google Scholar
Foundation Framework Documentation - Browser Compatibility, https://get.foundation/sites/docs/
Google Scholar
compatibility.html, [23.02.2024].
Google Scholar
The CSS Bootstrap framework repository on the GitHub platform, https://github.com/twbs, [23.02.2024].
Google Scholar
The CSS Foundation framework repository on the GitHub platform, https://github.com/foundation, [23.02.2024].
Google Scholar
Authors
Tomasz SzymczykLublin University of Technology Poland
Statistics
Abstract views: 68PDF downloads: 50
