Archive

Here you can browse through all posts from the categories articles, tutorials and playground.

Playful Trampoline Effect

In Tutorials by Mary Lou on

A little playful content navigation effect that uses the draggable Elastic Stack and Snap.svg for animating a background shape like a trampoline. The demos are a tri

Subtle Click Feedback Effects

In Playground by Mary Lou on

A set of subtle effects for click or touch interactions inspired by the visualization of screen taps in mobile app showcases. The effects are done with CSS animation

Sliding Header Layout

In Tutorials by Mary Lou on

A tutorial on how to create a simple layout with a fullscreen header that slides up to reveal a content area with an image grid.

Simple Morphing Search

In Playground by Mary Lou on

A simple effect idea for a search input that morphs into a fullscreen overlay. The idea is to enlarge the search input and show some relevant content or search resul