A Virtual Collage

The website opens with a simple and elegant landing page featuring a personal banner images of my dad - Urs Glaser. As the user scrolls sideways, they are greeted by a series of animated elements powered by GSAP, including subtle skew effects for each section and smooth scrolling animations between each section. Overall, this website would be a touching and heartfelt tribute to my dad on his birthday, incorporating interactive elements and animations that make the experience engaging and memorable.

urs glaser mockup typography

Stacks

HTML5 HTML5is the latest version of the markup language used for creating web pages. It includes new features and improvements that allow for more complex and interactive web applications. HTML is the backbone of any website and is used to define the structure of the content on a page.
CSS3 CSS3 on the other hand, is a style sheet language used to add styling and layout to HTML documents. CSS3 includes new features and improvements that allow for more advanced styling and responsive design.
JavaScript Vanilla JavaScriptis a high-level programming language that is commonly used for adding interactivity to web pages. It allows for the creation of dynamic content and the ability to manipulate HTML and CSS on the fly. JavaScript is often used for creating animations, validation, and other interactive features.
GSAP GSAP or the GreenSock Animation Platform, is a JavaScript library that is specifically designed for creating high-performance animations. It includes a suite of tools and functions that make it easier to create complex animations with smooth performance across different browsers and devices.

Together, these technologies form a powerful stack for creating modern, interactive websites that are optimized for performance and usability. Each technology has its own strengths and capabilities, and when used together, they can create dynamic and engaging user experiences on the web.

Urs Glaser | N°75