Mary Lou

Mary Lou (Manoela Ilic) 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://tympanus.net/

Manoela's Articles (253)

Product Grid Layout

In Blueprints May 17, 2013 6 Comments

A responsive product grid layout with some UI details for inspiration. ... read more

Morphing Devices

In Playground May 15, 2013 16 Comments

An experimental morphing devices slideshow with CSS Transitions for showcasing responsive web design screenshots. ... read more

Vertical Timeline

In Blueprints May 2, 2013 18 Comments

A responsive vertical timeline layout with icons and example media queries.... read more

Fixed Background Scrolling Layout

In Blueprints May 2, 2013 12 Comments

A fixed background image scrolling layout with 100% height panels and smooth scrolling.... read more

Text Opening Sequence with CSS Animations

In Playground April 30, 2013 38 Comments

A simple and fun text opening sequence effect with blurry letters using CSS animations.... read more

Fullscreen Layout with Page Transitions

In Playground April 23, 2013 81 Comments

A simple responsive layout with some fancy page transitions. The idea is to show four items initially and expand them. Some additional page transitions are added for... read more

Background Slideshow

In Blueprints April 17, 2013 8 Comments

A fullscreen background slideshow with autoplay functionality.... read more

Responsive Full Width Grid

In Blueprints April 17, 2013 9 Comments

A responsive grid layout for multiple items in a row that fill all the available width. ... read more

App Showcase with Grid Overlay

In Tutorials April 1, 2013 27 Comments

A tutorial about creating a simple grid overlay with subtle transitions for an app showcase. ... read more

Quotes Rotator

In Blueprints March 29, 2013 10 Comments

A simple automatic quotes rotator with progress bar and example media query.... read more

Nested Accordion

In Blueprints March 29, 2013 9 Comments

A simple, nestable accordion with some examples of nesting levels and a media query. ... read more

Thumbnail Grid with Expanding Preview

In Tutorials March 19, 2013 185 Comments

A tutorial on how to create a thumbnail grid with an expanding image preview similar to the effect seen on Google Images.... read more

Introducing Blueprints – A New Section on Codrops

In News & Updates February 26, 2013 53 Comments

We are introducing a new section on Codrops which will contain basic templates and components, called Blueprints.... read more

Full Width Image Slider

In Blueprints February 26, 2013 66 Comments

A very simple 100% width slider that scales down to mobile. ... read more

Elastic Content Slider

In Blueprints February 26, 2013 23 Comments

A fluid content slider that will adjust in width and height depending on the size of its parent. ... read more

Flipping Circle Slideshow

In Playground January 28, 2013 48 Comments

A simple circular slideshow where we flip the image in order to navigate. ... read more

Putting CSS Clip to Work: Expanding Overlay Effect

In Tutorials January 17, 2013 60 Comments

A tutorial about how to create a simple expanding overlay effect using the CSS clip property and CSS transitions.... read more

3D Image Gallery Room

In Playground January 15, 2013 33 Comments

An experimental image gallery with a realistic touch: the images are displayed in a 3D room with walls.... read more

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

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.