Staff View: Comparison of Utility-First CSS Framework

Comparison of Utility-First CSS Framework

Utility-first CSS frameworks have revolutionized web development by offering predefined utility classes that streamline the design process and reduce the need for custom CSS. However, selecting the right framework can be challenging due to the variety of available options. This paper addresses th...

Full description

Saved in:

Bibliographic Details
Main Authors:	Nandan, S., Usha, Sree R., Priyanka, Mohan
Format:	Article
Language:	English English
Published:	INTI International University 2024
Subjects:	QA75 Electronic computers. Computer science QA76 Computer software T Technology (General) TA Engineering (General). Civil engineering (General)
Online Access:	http://eprints.intimal.edu.my/2069/1/joit2024_32.pdf http://eprints.intimal.edu.my/2069/2/610 http://eprints.intimal.edu.my/2069/ http://ipublishing.intimal.edu.my/joint.html
Tags:	Add Tag No Tags, Be the first to tag this record!

id	my-inti-eprints.2069
record_format	eprints
spelling	my-inti-eprints.20692024-12-02T01:42:57Z http://eprints.intimal.edu.my/2069/ Comparison of Utility-First CSS Framework Nandan, S. Usha, Sree R. Priyanka, Mohan QA75 Electronic computers. Computer science QA76 Computer software T Technology (General) TA Engineering (General). Civil engineering (General) Utility-first CSS frameworks have revolutionized web development by offering predefined utility classes that streamline the design process and reduce the need for custom CSS. However, selecting the right framework can be challenging due to the variety of available options. This paper addresses the problem of choosing between two of the leading utility-first CSS frameworks Tailwind CSS and Tachyons by providing a comparative analysis based on key factors such as size, load speed, flexibility, ease of use, and community support. The objective of this research is to identify the strengths and weaknesses of both frameworks, helping developers make informed decisions based on project needs. Our methodology involved testing load speeds using Locust for performance analysis, reviewing community support through GitHub repositories and forums, and assessing the flexibility and ease of use through practical development tasks. The results revealed that while both frameworks are robust, Tachyons excels in performance and simplicity due to its smaller size, whereas Tailwind CSS offers greater customization and flexibility, making it more suitable for complex projects. The novelty of this research lies in its direct comparison of utility-first frameworks, highlighting how developer preferences and project requirements play a crucial role in framework selection. In summary, this study provides valuable insights for developers looking to optimize web development workflows by selecting the most appropriate CSS framework based on specific project goals. INTI International University 2024-11 Article PeerReviewed text en cc_by_4 http://eprints.intimal.edu.my/2069/1/joit2024_32.pdf text en cc_by_4 http://eprints.intimal.edu.my/2069/2/610 Nandan, S. and Usha, Sree R. and Priyanka, Mohan (2024) Comparison of Utility-First CSS Framework. Journal of Innovation and Technology, 2024 (32). pp. 1-6. ISSN 2805-5179 http://ipublishing.intimal.edu.my/joint.html
institution	INTI International University
building	INTI Library
collection	Institutional Repository
continent	Asia
country	Malaysia
content_provider	INTI International University
content_source	INTI Institutional Repository
url_provider	http://eprints.intimal.edu.my
language	English English
topic	QA75 Electronic computers. Computer science QA76 Computer software T Technology (General) TA Engineering (General). Civil engineering (General)
spellingShingle	QA75 Electronic computers. Computer science QA76 Computer software T Technology (General) TA Engineering (General). Civil engineering (General) Nandan, S. Usha, Sree R. Priyanka, Mohan Comparison of Utility-First CSS Framework
description	Utility-first CSS frameworks have revolutionized web development by offering predefined utility classes that streamline the design process and reduce the need for custom CSS. However, selecting the right framework can be challenging due to the variety of available options. This paper addresses the problem of choosing between two of the leading utility-first CSS frameworks Tailwind CSS and Tachyons by providing a comparative analysis based on key factors such as size, load speed, flexibility, ease of use, and community support. The objective of this research is to identify the strengths and weaknesses of both frameworks, helping developers make informed decisions based on project needs. Our methodology involved testing load speeds using Locust for performance analysis, reviewing community support through GitHub repositories and forums, and assessing the flexibility and ease of use through practical development tasks. The results revealed that while both frameworks are robust, Tachyons excels in performance and simplicity due to its smaller size, whereas Tailwind CSS offers greater customization and flexibility, making it more suitable for complex projects. The novelty of this research lies in its direct comparison of utility-first frameworks, highlighting how developer preferences and project requirements play a crucial role in framework selection. In summary, this study provides valuable insights for developers looking to optimize web development workflows by selecting the most appropriate CSS framework based on specific project goals.
format	Article
author	Nandan, S. Usha, Sree R. Priyanka, Mohan
author_facet	Nandan, S. Usha, Sree R. Priyanka, Mohan
author_sort	Nandan, S.
title	Comparison of Utility-First CSS Framework
title_short	Comparison of Utility-First CSS Framework
title_full	Comparison of Utility-First CSS Framework
title_fullStr	Comparison of Utility-First CSS Framework
title_full_unstemmed	Comparison of Utility-First CSS Framework
title_sort	comparison of utility-first css framework
publisher	INTI International University
publishDate	2024
url	http://eprints.intimal.edu.my/2069/1/joit2024_32.pdf http://eprints.intimal.edu.my/2069/2/610 http://eprints.intimal.edu.my/2069/ http://ipublishing.intimal.edu.my/joint.html
_version_	1817849529257426944
score	13.223943

Comparison of Utility-First CSS Framework

Similar Items