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