prikaz prve stranice dokumenta Programska prilagodba web stranice dnevnom i noćnom prikazu
  Download
PDF 1.98 MB
undergraduate thesis
Programska prilagodba web stranice dnevnom i noćnom prikazu
2022. urn:nbn:hr:122:771647
Vukman, Sara
University North
University centre Varaždin
Department of Multimedia, Design and Application

Cite this document

Vukman, S. (2022). Programska prilagodba web stranice dnevnom i noćnom prikazu (Undergraduate thesis). Koprivnica: University North. Retrieved from https://urn.nsk.hr/urn:nbn:hr:122:771647

Vukman, Sara. "Programska prilagodba web stranice dnevnom i noćnom prikazu." Undergraduate thesis, University North, 2022. https://urn.nsk.hr/urn:nbn:hr:122:771647

Vukman, Sara. "Programska prilagodba web stranice dnevnom i noćnom prikazu." Undergraduate thesis, University North, 2022. https://urn.nsk.hr/urn:nbn:hr:122:771647

Vukman, S. (2022). 'Programska prilagodba web stranice dnevnom i noćnom prikazu', Undergraduate thesis, University North, accessed 21 December 2024, https://urn.nsk.hr/urn:nbn:hr:122:771647

Vukman S. Programska prilagodba web stranice dnevnom i noćnom prikazu [Undergraduate thesis]. Koprivnica: University North; 2022 [cited 2024 December 21] Available at: https://urn.nsk.hr/urn:nbn:hr:122:771647

S. Vukman, "Programska prilagodba web stranice dnevnom i noćnom prikazu", Undergraduate thesis, University North, Koprivnica, 2022. Available at: https://urn.nsk.hr/urn:nbn:hr:122:771647

Please login to the repository to save this object to your list.
Metadata
TitleProgramska prilagodba web stranice dnevnom i noćnom prikazu
Title (english)Programmatic adjustment of the web page to light and dark mode
AuthorSara Vukman
MentorVladimir Stanisavljević (mentor)
Committee memberDean Valdec (predsjednik povjerenstva)
Committee memberVladimir Stanisavljević (član povjerenstva)
Committee memberSnježana Ivančić Valenko (član povjerenstva)
GranterUniversity North
(University centre Varaždin)
(Department of Multimedia, Design and Application)
Koprivnica
Defense date and country2022-09-29, Croatia
Scientific / art field,
discipline and subdiscipline		TECHNICAL SCIENCES
Graphic Technology
Processes of Graphic Reproduction
Abstract
U ovom radu, među ostalim, objašnjena je povijest dnevnog i noćnog načina rada. Opisan je utjecaj dnevne i noćne teme na vid. Definirane su smjernice, komponenti i alata koji podržavaju najbolje prakse dizajna korisničkog sučelja tamne teme prema Materijalnom dizajnu. Navedena su i objašnjena svojstva i medijski upiti u CSS-u koji su konstruirani posebno za prilagođavanje web stranica različitim temama boja. Prikazani su različiti načini postavljanja noćne i dnevne teme pomoću samo CSS-a, te pomoću CSS-a i JavaScripta. Zatim je opisan localStorage pomoću kojeg se sprema korisnikov izbor u željenu temu. U praktičnom dijelu ovog rada dizajnirana je i osmišljena web stranica sa dnevnom i noćnom temom prema navedenim smjernicama i pravilima. Zatim je stranica izrađena tako da ima dnevnu i noćnu temu koja se prilagođava postavkama operativnog sustava korisnika i koju će korisnik moći promijeniti klikom na ikonu.
Abstract (english)
In this work, among other things, the history of dark and light mode is explained. The influence of dark and light theme on vision is described. Guidelines, components and tools that support the best practices of designing a dark theme user interface according to Material Design are defined. Properties and media queries in CSS that are constructed specifically to adapt web pages to different color themes are listed and explained. Different ways of implementing a dark and light theme using only CSS, and using CSS and JavaScript are shown. Next, localStorage is described, with which the user's choice of desired theme is saved. In the practical part of this work, a website with light and dark theme is designed and developed according to the specified guidelines and rules. The page is then made to have a light and dark theme that adapts to the user's operating system settings and that the user will have the option to change by clicking on the icon.
Keywords
Keywords (english)
Languagecroatian
URN:NBNurn:nbn:hr:122:771647
Study programmeTitle: Graphical Studies: Multimedia, Design and Application
Study programme type: professional
Study level: undergraduate
Academic / professional title: stručni/a prvostupnik/prvostupnica (baccalaureus/baccalaurea) inženjer/inženjerka multimedijske i grafičke tehnologije (stručni/a prvostupnik/prvostupnica (baccalaureus/baccalaurea) inženjer/inženjerka multimedijske i grafičke tehnologije)
Type of resourceText
File originBorn digital
Access conditionsOpen access
Terms of useLicence In copyright icon
Created on2022-11-11 13:52:35