prikaz prve stranice dokumenta Izrada web animacija korištenjem CSS, SVG i JavaScript tehnologija
  Download
PDF 827.62 KB
undergraduate thesis
Izrada web animacija korištenjem CSS, SVG i JavaScript tehnologija
2024. urn:nbn:hr:122:193931
Martines, Valentino
University North

Cite this document

Martines, V. (2024). Izrada web animacija korištenjem CSS, SVG i JavaScript tehnologija (Undergraduate thesis). Koprivnica: University North. Retrieved from https://urn.nsk.hr/urn:nbn:hr:122:193931

Martines, Valentino. "Izrada web animacija korištenjem CSS, SVG i JavaScript tehnologija." Undergraduate thesis, University North, 2024. https://urn.nsk.hr/urn:nbn:hr:122:193931

Martines, Valentino. "Izrada web animacija korištenjem CSS, SVG i JavaScript tehnologija." Undergraduate thesis, University North, 2024. https://urn.nsk.hr/urn:nbn:hr:122:193931

Martines, V. (2024). 'Izrada web animacija korištenjem CSS, SVG i JavaScript tehnologija', Undergraduate thesis, University North, accessed 22 December 2024, https://urn.nsk.hr/urn:nbn:hr:122:193931

Martines V. Izrada web animacija korištenjem CSS, SVG i JavaScript tehnologija [Undergraduate thesis]. Koprivnica: University North; 2024 [cited 2024 December 22] Available at: https://urn.nsk.hr/urn:nbn:hr:122:193931

V. Martines, "Izrada web animacija korištenjem CSS, SVG i JavaScript tehnologija", Undergraduate thesis, University North, Koprivnica, 2024. Available at: https://urn.nsk.hr/urn:nbn:hr:122:193931

Please login to the repository to save this object to your list.
Metadata
TitleIzrada web animacija korištenjem CSS, SVG i JavaScript tehnologija
Title (english)Development of web animations using CSS, SVG and JavaScript technologies
AuthorValentino Martines
MentorDražen Crčić (mentor)
Committee memberDražen Crčić (član povjerenstva)
Committee memberTomislav Horvat (predsjednik povjerenstva)
Committee memberMatija Varga (član povjerenstva)
GranterUniversity North
Koprivnica
Defense date and country2024-10-28, Croatia
Scientific / art field,
discipline and subdiscipline		TECHNICAL SCIENCES
Computing
Abstract
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.
Abstract (english)
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.
Keywords
Keywords (english)
Languagecroatian
URN:NBNurn:nbn:hr:122:193931
Study programmeTitle: Computer Science and Informatics
Study programme type: professional
Study level: undergraduate
Academic / professional title: prvostupnik/prvostupnica (baccalaureus/baccalaurea) inženjer/inženjerka računarstva (prvostupnik/prvostupnica (baccalaureus/baccalaurea) inženjer/inženjerka računarstva)
Type of resourceText
File originBorn digital
Access conditionsOpen access
Terms of useLicence In copyright icon
Created on2024-12-13 11:12:22