Naslov Izrada web animacija korištenjem CSS, SVG i JavaScript tehnologija Naslov (engleski) Development of web animations using CSS, SVG and JavaScript technologies Autor Valentino Martines Mentor Dražen Crčić (mentor) Član povjerenstva Dražen Crčić (član povjerenstva) Član povjerenstva Tomislav Horvat (predsjednik povjerenstva)Član povjerenstva Matija Varga (član povjerenstva)Ustanova koja je dodijelila Sveučilište Sjever Datum i država obrane 2024-10-28, Hrvatska Znanstveno / umjetničko TEHNIČKE ZNANOSTI Sažetak Ovaj rad istražuje razne tehnologije animacija u web dizajnu, fokusirajući se na CSS, JavaScript i SVG. Svaka od ovih tehnologija ima svoje prednosti i nedostatke, a njihova kombinacija može značajno unaprijediti korisničko iskustvo. CSS animacije su jednostavne za implementaciju i idealne za osnovne, statične efekte, omogućujući glatke prijelaze i transformacije. Međutim, njihova fleksibilnost može biti ograničena kod složenijih animacija koje zahtijevaju dinamičko računanje.
JavaScript animacije nude visoku kontrolu i fleksibilnost, što ih čini pogodnim za kompleksne i interaktivne animacije. Koristeći razne metode programeri mogu manipulirati animacijama u stvarnom vremenu, prilagođavajući ih korisničkim interakcijama. No, složenost JavaScript animacija može rezultirati većim opterećenjem za preglednike, što utječe na performanse.
SVG animacije, s druge strane, omogućuju visoku kvalitetu vektorske grafike, skalabilnost i mogućnost izrade dinamičkih i interaktivnih elemenata. Koristeći SVG, dizajneri mogu stvarati privlačne vizualne efekte, ali upravljanje složenijim SVG animacijama može predstavljati izazov. Stariji preglednici također mogu imati problema s podrškom za nove SVG značajke.
Rad uspoređuje ove tri tehnologije kroz primjere animacija, demonstrirajući njihove jedinstvene osobitosti. CSS se koristi za jednostavne efekte, dok JavaScript radi kompleksnije zadatke koristeči dinamičke izračune. Izbor odgovarajuće tehnologije za animacije ovisi o specifičnim potrebama projekta, a kombinacija svih triju može rezultirati najefikasnijim rješenjem. Ova analiza ističe važnost razumijevanja mogućnosti svake tehnologije kako bi se postiglo optimalno korisničko iskustvo na webu.
Sažetak (engleski) This thesis explores various animation technologies in web design, focusing on CSS, JavaScript, and SVG. Each of these technologies has its own advantages and limitations, and their combination can significantly enhance the user experience. CSS animations are easy to implement and ideal for basic, static effects, allowing for smooth transitions and transformations. However, their flexibility may be limited for more complex animations that require dynamic calculations.
JavaScript animations offer high control and flexibility, making them suitable for complex and interactive animations. Using various methods, developers can manipulate animations in real-time, adapting them to user interactions. However, the complexity of JavaScript animations can lead to increased browser load, impacting performance.
SVG animations, on the other hand, allow for high-quality vector graphics, scalability, and the creation of dynamic and interactive elements. Using SVG, designers can create visually appealing effects, though managing more complex SVG animations can be challenging. Older browsers may also struggle with support for newer SVG features.
The thesis compares these three technologies through animation examples, highlighting their unique characteristics. CSS is used for simple effects, while JavaScript handles more complex tasks with dynamic calculations. Choosing the appropriate animation technology depends on the specific needs of a project, and a combination of all three can result in the most efficient solution. This analysis underscores the importance of understanding each technology's capabilities to achieve an optimal user experience on the web.
Ključne riječi
CSS
JavaScript
SVG
optimizacija performansi
korisničko iskustvo
skalabilnost
Ključne riječi (engleski)
CSS
JavaScript
SVG
performance optimization
user experience
scalability
Jezik hrvatski URN:NBN urn:nbn:hr:122:193931 Studijski program Naziv: Računarstvo i informatika Vrsta resursa Tekst Način izrade datoteke Izvorno digitalna Prava pristupa Otvoreni pristup Uvjeti korištenja Datum i vrijeme pohrane 2024-12-13 11:12:22
