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

Tooltip Styles Inspiration

In Playground,

A small collection of various hover tooltip styles and effects for your inspiration. Using CSS transforms, border-radius and SVG shapes we can create modern looking ... read more

Tab Styles Inspiration

In Playground,

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.... read more

Page Preloading Effect

In Tutorials,

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.... read more

Fullscreen Form Interface

In Playground,

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

Morphing Buttons Concept

In Playground,

Some inspiration for a morphing button concept where the action element (button) morphs into a component. The examples show different types of components, i.e. fulls... read more

Page Loading Effects

In Playground,

A set of creative page loading effects that use SVG animations with Snap.svg. The idea is to show an overlay with a interesting shape animation while new content get... read more

Minimal Form Interface

In Playground,

A very simplistic form interface that shows only one text input at a time and reveals the next input with a subtle transition. The concept is based on the form at th... read more