Mary Lou

ML is a freelance web designer and developer with a passion for interaction design. She studied Cognitive Science and Computational Logic and has a weakness for the smell of freshly ground peppercorns.

Page Flip Layout

In Playground,

A template with a two-sided, magazine-like layout and a flat page flip animation. The layout is powered by CSS Grid.... read more

Animated Grid Previews

In Playground,

A template where one can switch between little image previews that are scattered around the page. The images animate to a grid once an "explore" link is clicked.... read more

Multibox Menu

In Playground,

A simple grid-powered multibox menu where the boxes get shown with a reveal animation coming from different directions. ... read more

Diagonal Slideshow

In Playground,

A slideshow with a "diagonal" look and three visible slides. A decorative background element expands to fullscreen when opening the content preview.... read more

Slide Out Box Menu

In Playground,

A details menu with boxes that slide out in an irregular grid. The grid items get revealed individually with delays from the top right corner of the page.... read more

Collapsing Logo Effect

In Playground,

A recreation of the collapsing logo effect seen on PracticalVR. The idea is to have an initial view that animates to a logo in the top left corner of the page.... read more