CSS Grid mehanizam kao nov pristup responzivnom web dizajnu

završni rad

• Autor: Ana Grguric
• Mentor: Tajana Koren Ivančević (mentor)
• Član povjerenstva: Maja Rudolf (član povjerenstva)
• Član povjerenstva: Tajana Koren Ivančević (član povjerenstva)
• Član povjerenstva: Nikolina Stanić Loknar (član povjerenstva)
• Ustanova koja je dodijelila akademski / stručni stupanj: Sveučilište u Zagrebu; Grafički fakultet; Zagreb
• Datum i država obrane: 2019-9-23, Hrvatska
• Znanstveno / umjetničko područje, polje i grana: TEHNIČKE ZNANOSTI; Grafička tehnologija

Sažetak

Danas pomoću raznih tehnologija pronalaze se pristupačna rješenja koja omogućuju

responzivnost, odnosno pravilnu prilagodbu prijeloma web sadržaja različitim dimenzijama

ekrana. CSS Grid zasada je najfleksibilnija tehnologija koja omogućuje stvaranje diverznih

prijeloma web stranica te je podupiru svi pretraživači.

Rad će ukratko prikazati slijed razvoja različitih mehanizama za automatski prijelom

uključenih u suvremene web standarde kroz W3C-ove CSS specifikacije, te će na praktičnom

primjeru responzivnog izbornika prikazati širinu mogućnosti koje novi CSS Grid mehanizam

unosi u dizajn web stranica i njegov doprinos uspostavi fleksibilnog i intuitvnog razvojnog

procesa.

Sažetak (engleski)

Nowadays, using various different technologies, many affordable and accesible solutions are

being discovered regarding responsivity, meaning proper and correct adaptation of the web

content layout to a plethora of screen dimensions. Up till now, the most flexible technology is

CSS Grid. It allows the creation of diverse layouts of websites and in the same time is

supported by all browsers.

Work will briefly show the course of different automatic mechanisms development, which are

involved in contemporary web standards through W3C specifications. Practic example of a

responsive menu will show the spectre of the new CSS Grid's possibilities as well as its

contribution to the establishment of the flexsible and intuitive developmental proces.

• Ključne riječi: HTML; CSS Grid; responzivni dizajn; web stranica; Flexbox
• Ključne riječi (engleski): HTML; CSS Grid; responsive design; website; Flexbox
• Jezik: hrvatski
• URN:NBN: urn:nbn:hr:216:332860
• Studijski program: Naziv: Grafička tehnologija; Smjer: Tehničko-tehnološki; Vrsta studija: sveučilišni; Stupanj studija: preddiplomski; Akademski / stručni naziv: sveučilišni/a prvostupnik/prvostupnica (baccalaureus/baccalaurea) inženjer/inženjerka grafičke tehnologije (bacc. ing.)
• Vrsta resursa: Tekst
• Način izrade datoteke: Izvorno digitalna
• Prava pristupa: Zatvoreni pristup
• Datum i vrijeme pohrane: 2024-04-16 15:42:53