Comparing 6 different approaches to achieving momentum / inertia scrolling. 

Version 1: SmoothScrolling.JS
Version 2: Luxy.JS
Version 3: Rolly.JS
Version 4: Tweenmax.JS (Greensock)
Version 5: Vanilla JS (A)
Version 6: Vanilla JS (B)

*Make sure you preserve the native scrollbar (ie don't use virtual scroll option) when project contains IX2 scroll-based interactions.

*These are proof of concepts that may need further tweaking/optimizing (especially for mobile browsers). In addition, they override native scrolling behavior which can result in unintended consequences - especially on older browsers.

Inertia / Momentum Scrolling

Animated css bg from this codepen:

https://codepen.io/P1N2O/pen/pyBNzX

css-animated-gradient

I'm a User Experience Designer, in love with virtual reality and coding, based in Berlin.

https://www.kerstinstepper.com/

Kerstins Portfolio – UX Designer for Other Realities

Replicated from Sidney's old Typed.Js project on webflow. There is also code for fullscreen scrolling in the custom code.

Typed & Fullpage Scrolling JS

Built in Webflow, a scroll controlled interaction. Liked the idea that see an excerpt from a book, you'd have to scroll.

Haven't tried Webflow yet!? Try it here: http://bit.ly/2zey7dS

Book Interaction Experiment

This is demo of some "sticky on scroll" elements I created completely within Webflow. I tried my best to explain how I did it, but I'm happy to answer any questions you have about the setup.

NOTE: This setup may not work in older browsers.

Sticky On Scroll

Artpress is a Berlin based international PR agency for visual arts, photography, architecture, music and design.

(imagery not finalised, yet)

ARTPRESS

This is a responsive dashboard I put together and it was based on a dribble post that you can see here:

https://dribbble.com/shots/3781660-Dashboard-Meeting

Divan's design is beautiful and I was excited to recreate it in Webflow!

Responsive Dashboard

A simple one page template.

⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃⁃
➊ Website @ www.fouroom.co
➋ Templates @ https://webflow.com/templates/designers/fouroom
➌ Twitter @ www.twitter.com/foouroomdotco
➍ Instagram @ www.instagram.com/fouroom.co
➎ Dribbble @ www.dribbble.com/fouroom

Function of Beauty

Airbnb

apple-homepage

Heco is the Chicago-based studio of JT Helms and Matt Cowen. We make better user experiences and more interesting brands, and try to find inner peace.

Heco

A Google Material Design Sandbox, thats based on the official Material Design Guidelines.

Google Material Design - UI Kit

Interactive scrollable 3D isometric Grid. 
Build 100% in Webflow. 
Inspired by Codrops Article (http://tympanus.net/Development/IsometricGrids)

3disometric-grid

Gradients.io

A site created for a competition at my workplace. It's still somewhat of a work in progress, I want to continue to make updates on it.

Gonçalo Melo

About

Skills

About