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.

Website: http://www.codrops.com

Manoela's Articles (404)

Interactive Room Display

In Playground November 10, 2015 26 Comments

An experimental interactive room slideshow based on the prototype concept by Bilal Mechairia's Dribbble shot "Spaces".... read more

Effect Ideas for Card Stacks

In Playground October 28, 2015 17 Comments

Some effect inspiration for card stacks. The idea is to show animation ideas for positive (accept) or negative (reject) feedback on a generic card element.... read more

Mobile “Pull to Share” Interaction Experiment

In Playground October 23, 2015 28 Comments

A mobile "pull to share" interaction that allows to share a page by using the familiar "pull to refresh" movement. Based on the action for refreshing and opening/clo... read more

Effect Ideas for Image Grids

In Playground October 15, 2015 69 Comments

Some inspiration for effects on image grids. The ideas include animations on the opening grid item, the disappearance of the grid and the resulting view.... read more

Playful Interaction for Draggable Elements

In Playground July 8, 2015 13 Comments

A little playful interaction idea where we add some bounciness to a draggable element and animate it depending on its position.... read more

Zoom Slider

In Blueprints July 6, 2015 46 Comments

A simple content slider with depth-like zoom functionality for a predefined area in each slide.... read more

Filterable Product Grid

In Blueprints June 16, 2015 29 Comments

A responsive product grid layout with touch-friendly Flickity galleries and Isotope-powered filter functionality.... read more

Color Extraction Effect

In Playground June 4, 2015 22 Comments

A little slideshow with a color palette creation effect using CSS Filters and Vibrant.js. ... read more

Image Tilt Effect

In Playground May 28, 2015 37 Comments

A subtle tilt effect for images. The idea is to move and rotate semi-transparent copies with the same background image in order to create a subtle motion or depth ef... read more

Product Comparison Layout & Effect

In Blueprints May 26, 2015 31 Comments

A basic responsive product grid layout with comparison functionality and a slide-in effect.... read more

Inspiration for Text Styles and Hover Effects

In Playground May 13, 2015 44 Comments

A couple of creative text styles and hover effects for your inspiration. Some effects use experimental techniques including SVG masking and Canvas.... read more

Photography Website Concept

In Playground May 6, 2015 40 Comments

A photography-inspired website layout with an expanding stack slider and a background image tilt effect.... read more

Interactive Drag and Drop Coloring Concept

In Playground April 22, 2015 64 Comments

A little fun experiment where you can color a website mockup by dragging and dropping a color droplet from a palette.... read more

Grid Item Animation Layout

In Playground April 15, 2015 80 Comments

A responsive, magazine-like website layout with a grid item animation effect that happens when opening the content.... read more

Some More Inspiration for Text Input Effects

In News & Updates March 18, 2015 28 Comments

A couple of more inspirational styles for text input effects including some new techniques and ideas.... read more

Playful Trampoline Effect

In Tutorials March 4, 2015 23 Comments

A little playful content navigation effect that uses the draggable Elastic Stack and Snap.svg for animating a background shape like a trampoline. The demos are a tri... read more

Inspiration for Button Styles and Effects

In Playground February 26, 2015 34 Comments

A collection of fresh button styles and effects for your inspiration. We use CSS transitions and pseudo-elements for most of the effects.... read more

Subtle Click Feedback Effects

In Playground February 11, 2015 48 Comments

A set of subtle effects for click or touch interactions inspired by the visualization of screen taps in mobile app showcases. The effects are done with CSS animation... read more

Some Ideas for Checkout Effects

In Playground January 22, 2015 31 Comments

Some fun effect and layout ideas for the first step of a checkout process in an online store. We are using the morphing buttons concept together with CSS transforms ... read more

Inspiration for Text Input Effects

In Playground January 8, 2015 90 Comments

Some inspiration for effects on text inputs using CSS transitions, animations and pseudo-elements.... read more

A Look Back at 2014: Round-up of Codrops Resources

In News & Updates December 30, 2014 45 Comments

A look back at the previous year with a summary of Codrops resources. Thank you all for supporting us!... read more

Sliding Header Layout

In Tutorials December 23, 2014 63 Comments

A tutorial on how to create a simple layout with a fullscreen header that slides up to reveal a content area with an image grid. ... read more

Page 3 of 16
<
1
2
3
4
5
6
7
8
9
10
...
16
>

Would you like to write for Codrops?

We are always searching for creative and bold minds that have extraordinary ideas and are happy to try out new things related to web design and web development. Become part of an amazing group of contributors and authors and start writing for us.

Get in touch with us and tell us what makes you crazy and innovative enough to join the Codrops team.