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.

http://www.codrops.com

Manoela's Articles (466)

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

Slice Revealer

In Playground,

A reveal effect where animated slices cover and uncover an image. Inspired by Zhenya Rynzhuk's transitions experiments.... read more