Comparative Analysis on Various CSS and JavaScript Frameworks

Mohd, Tauheed Khan; Thompson, Jordan M.; Carmine, Amedeo; Reuter, Grant

doi:10.17706/jsw.17.6.282-291

Cited by 3 publications

(1 citation statement)

References 0 publications

Supporting

Mentioning

Contrasting

Unclassified

Order By: Relevance

“…Bootstrap дозволяє легко та швидко розробити веб-сайт, оскільки він містить безліч корисних інструментів форматування, а також передбачає постійне оновлення з виправленнями у попередніх версіях. Завдяки постійному оновленню щороку випускаються дедалі новіші версії цього фреймворку, в яких враховуються недоліки з попередніх версій, що робить його більш сучасним у вебпрограмуванні з веб-дизайном [9]. Варто зазначити, що Bootstrap у комплексі з HTML, CSS та JavaScript відноситься до фронтенд-розробки.…”

Section: виклад основного матеріалуunclassified

Web Design and Web Programming in the Modern Internet World

Fedorchuk,

Usata,

Nakonechna

2023

MEC

View full text Add to dashboard Cite

Modern web content development capabilities are undergoing characteristic changes due to the improvement of web technologies in programming. The origin of web technologies began in the early 80s of the last century when the Hypertext Transfer Protocol (HTTP) and the Hypertext Markup Language (HTML) made a significant contribution to the development of Internet capabilities. The web evolution, characterised by scientific and technological progress in information technology, has opened up new opportunities for the development of web programming, which has led to the emergence of programming languages, frameworks, cascading style sheets, and hypertext markup languages. This research aims to study and analyse the key aspects of web programming and web design with a combination of modern features of the Internet environment. To analyse web design, the article considers the possibilities of using the Bootstrap framework, which combines and contains the HTML5 hypertext markup language, CSS3 cascading style sheets, and the JavaScript programming language. Having analysed two web development technologies—front-end and back-end—we can conclude that the presentation level (front-end development) corresponds to the client side, with which the client can interact and where dynamic elements can be added to an HTML page using JavaScript with the visual definition of a web page using CSS. In the case of back-end development, the application layer corresponds to the server side, with which the client cannot interact, as the shell is hidden. Using the modern capabilities of the programming language, its code, and a set of auxiliary tools in website development, the paper presents a development algorithm where each stage contains separate processes and operations during website development, which makes it impossible for them to exist independently. Thus, tools for designing and laying out websites using modern technologies can greatly simplify the development process, which can create higher-quality web content. Keywords: Web, web environment, web technologies, front-end, framework, Bootstrap, CSS3, HTML5, CCS3, JavaScript.

show abstract

Section: виклад основного матеріалуunclassified

Web Design and Web Programming in the Modern Internet World

Fedorchuk,

Usata,

Nakonechna

2023

MEC

View full text Add to dashboard Cite

show abstract

The Impact of JavaScript Frameworks on Website Performance and User Experience

Tulsyan,

Shukla,

Singh

et al. 2024

2024 IEEE International Conference on Big Data &Amp;amp; Machine Learning (ICBDML)

View full text Add to dashboard Cite

Comparison of Utility-First CSS Framework

S.,

Sree R.,

Mohan

2024

joit

View full text Add to dashboard Cite

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.

show abstract

Comparative Analysis on Various CSS and JavaScript Frameworks

Cited by 3 publications

References 0 publications

Web Design and Web Programming in the Modern Internet World

Web Design and Web Programming in the Modern Internet World

The Impact of JavaScript Frameworks on Website Performance and User Experience

Comparison of Utility-First CSS Framework

Contact Info

Product

Resources

About