Graduate papers
  
Description of the graduate paper
Form of studies Bachelor
Title of the study programm Computer Systems
Title in original language CSS ietvaru izvērtējums mūsdienu tīmekļa dizainā un izstrādē
Title in English Evaluation of CSS Frameworks in Modern Web Design and Development
Department Faculty Of Computer Science Information Tehnology And Energy
Scientific advisor Padmaraj Nidagundi
Reviewer Eduards Lipiniks
Abstract Šajā bakalaura darbā ir veikts Tailwind CSS, Bootstrap, Bulma un Foundation salīdzinošs novērtējums responsīvā priekšgala tīmekļa izstrādē. Darba mērķis ir novērtēt šos ietvarus līdzvērtīgos īstenošanas apstākļos un noteikt to piemērotību pēc veiktspējas, responsivitātes, pielāgošanas iespējām, uzturamības, HTML lasāmības, īstenošanas piepūles, izstrādātāja darbplūsmas un priekšgala integrācijas. Šim nolūkam viens un tas pats standartizēts informācijas paneļa tipa prototips tika īstenots atsevišķi ar katru ietvaru. Visās versijās tika saglabāta viena un tā pati struktūra, saturs, sadaļu secība un responsīvās prasības. Novērtējumā tika izmantoti Lighthouse, Chrome DevTools resursu analīze, uz skatloga balstītas responsivitātes pārbaudes, koda un pielāgotā CSS analīze, atkarību pārbaude, kā arī React, Angular un Vue integrācijas fragmenti. Rezultāti rāda, ka visi četri ietvari veiksmīgi īstenoja vienu un to pašu responsīvo prototipu un darbvirsmas testēšanas apstākļos sasniedza Lighthouse veiktspējas vērtējumu 100. Tailwind CSS izveidoja mazāko ģenerēto CSS resursu — 9,71 KB — un neprasīja pielāgotu CSS, taču radīja arī visaugstāko HTML klašu blīvumu. Bootstrap nodrošināja vislīdzsvarotāko rezultātu, apvienojot gatavus komponentus, responsīvu režģa darbību, mērenu pielāgošanas piepūli un lasāmu marķējumu. Bulma piedāvāja lasāmu tikai CSS balstītu īstenojumu ar zemu JavaScript atkarību, taču ielādēja lielāko CSS resursu un uzrādīja atšķirīgu pārtraukumpunktu darbību tieši pie 768 px. Foundation efektīvi atbalstīja responsīvo struktūru, taču prasīja lielāko pielāgotā CSS bloku un visaugstāko JavaScript atkarību piepūli. Darbā secināts, ka CSS ietvara izvēlei jābalstās uz projekta kontekstu, nevis uz vienu universālu klasifikāciju. Tailwind CSS ir piemērots mazam ģenerētā CSS izmēram un dizaina elastībai, Bootstrap — ātrai komponentos balstītai izstrādei, Bulma — tikai CSS darbplūsmām ar lasāmu marķējumu, savukārt Foundation — gadījumos, kad īpaši nepieciešama tā režģa sistēma un ir pieņemama papildu pielāgošanas piepūle. Bakalaura darbs sastāv no 94 lappusēm, 27 tabulām, 4 attēliem, 38 izmantotās literatūras avotiem un 3 pielikumiem.
Keywords CSS ietvari, responsīvais tīmekļa dizains, Tailwind CSS, Bootstrap, priekšgala izstrāde.
Keywords in English CSS frameworks, responsive web design, Tailwind CSS, Bootstrap, front-end development.
Language eng
Year 2026
Date and time of uploading 26.05.2026 23:20:29