Archive

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

Tab Styles Inspiration

In Playground by Mary Lou on

A couple of modern and subtle tab styles and effects for your inspiration. We use pseudo-elements, SVGs and CSS transitions for some of the techniques.

Page Preloading Effect

In Tutorials by Mary Lou on

A tutorial on how to re-create the page preloading effect seen on the website of Fontface Ninja. We are going to use CSS animations, 3D transforms and SVGs.

Fullscreen Form Interface

In Playground by Mary Lou on

An experimental fullscreen form concept where the idea is to allow distraction-free form filling with some fancy animations when moving between form fields.

Arrow Navigation Styles

In Playground by Mary Lou on

Some inspiration for arrow navigation styles and hover effects using SVG icons for the arrows, and CSS transitions and animations for the effects.