CSS Grid mehanizam kao nov pristup responzivnom web dizajnu

undergraduate thesis

• Author: Ana Grguric
• Mentor: Tajana Koren Ivančević (mentor)
• Committee member: Maja Rudolf (član povjerenstva)
• Committee member: Tajana Koren Ivančević (član povjerenstva)
• Committee member: Nikolina Stanić Loknar (član povjerenstva)
• Granter: University of Zagreb; Faculty of Graphic Arts; Zagreb
• Defense date and country: 2019-09-23, Croatia
• Scientific / art field, discipline and subdiscipline: TECHNICAL SCIENCES; Graphic Technology

Abstract

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.

Abstract (english)

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.

• Keywords: HTML; CSS Grid; responzivni dizajn; web stranica; Flexbox
• Keywords (english): HTML; CSS Grid; responsive design; website; Flexbox
• Language: croatian
• URN:NBN: urn:nbn:hr:216:359714
• Study programme: Title: Printing technology, course Technical - technological; Study programme type: university; Study level: undergraduate; Academic / professional title: sveučilišni/a prvostupnik/prvostupnica (baccalaureus/baccalaurea) inženjer/inženjerka grafičke tehnologije (sveučilišni/a prvostupnik/prvostupnica (baccalaureus/baccalaurea) inženjer/inženjerka grafičke tehnologije)
• Type of resource: Text
• File origin: Born digital
• Access conditions: Closed access
• Created on: 2024-04-16 15:42:53