Izrada mrežnih animacija: CSS ili JavaScript?

undergraduate thesis

• Title (english): Creating web animations: CSS or JavaScript?
• Author: Iva Ledinščak
• Mentor: Kristina Kocijan (mentor)
• Committee member: Vedran Juričić (predsjednik povjerenstva)
• Committee member: Ivan Dunđer (član povjerenstva)
• Committee member: Kristina Kocijan (član povjerenstva)
• Granter: University of Zagreb; Faculty of Humanities and Social Sciences; (Department of information and Communication sciences); Zagreb
• Defense date and country: 2021-06-28, Croatia
• Scientific / art field, discipline and subdiscipline: SOCIAL SCIENCES; Information and Communication Sciences

Abstract

Tema rada je izrada mrežnih animacija. U njemu su objašnjene vrste animacija i njihova uloga na mrežnim stranicama. Rad je fokusiran na izradu animacija u CSS-u i JavaScript-u. Objašnjene su osnove izrade mrežnih animacija pomoću spomenutih tehnologija. Spomenuta je važnost smještaja i vremenskog trajanja animacije na mrežnoj stranici. Prikazani su primjeri jednostavnih animacija (kadrovi animacija u pokretu) te opisan kȏd kojim su izrađene. Navedene su i objašnjene razlike između oba načina izrade mrežnih animacija te uočene prednosti svakog od njih. Cilj rada je istražiti mogućnosti koje pružaju CSS i JavaScript i olakšati odabir između navedenih tehnologija za kreiranje animacija.

Abstract (english)

The subject of this paper is making Web animation. Different types of animations and their role on Web sites are explained. The focus of the paper is on the comparison of creating Web animation using two different tools: CSS and JavaScript. Basics of making Web animation with mentioned tools are presented. The importance of the position and time duration of animation are mentioned. The examples of simple animation are shown through photographs of frames and their programming code is described. The main differences of both methods are stated and explained, and the advantages of each method are noticed. The aim is to explore the possibilities of CSS and JavaScript in order to facilitate the choice between these technologies for animation.

• Keywords: animacija; HTML; CSS; JavaScript; Web
• Keywords (english): animation; HTML; CSS; JavaScript; Web
• Language: croatian
• URN:NBN: urn:nbn:hr:131:926341
• Study programme: Title: Information Sciences; Study programme type: university; Study level: undergraduate; Academic / professional title: sveučilišni/a prvostupnik/prvostupnica (baccalaureus/baccalaurea) informacijskih znanosti (sveučilišni/a prvostupnik/prvostupnica (baccalaureus/baccalaurea) informacijskih znanosti)
• Type of resource: Text
• File origin: Born digital
• Access conditions: Open access
• Created on: 2021-06-28 15:26:52