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 (462)

Simple Morphing Search

In Playground,

A simple effect idea for a search input that morphs into a fullscreen overlay. The idea is to enlarge the search input and show some relevant content or search resul... read more

Wobbly Slideshow Effect

In Playground,

The slides in this slideshow wobble as they move. The effect is based on Sergey Valiukh's Dribbble shot and was made using Snap.svg and morphing SVG paths.... read more

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