Archive

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

Page Flip Layout

In Playground by Mary Lou on

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

Animated Grid Previews

In Playground by Mary Lou on

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.

Multibox Menu

In Playground by Mary Lou on

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

Diagonal Slideshow

In Playground by Mary Lou on

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

Slide Out Box Menu

In Playground by Mary Lou on

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.