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 grounded peppercorns.

Website: http://tympanus.net/

Manoela's Articles (157)

Flexible Slide-to-top Accordion

In Tutorials October 12, 2011 77 Comments

In today's tutorial we'll be creating a simple responsive accordion that, when opened, will slide to the top of the viewport and reveal the content by fading it in. ... read more

Draggable Image Boxes Grid

In Tutorials October 7, 2011 67 Comments

Today we want to create a template with a fullscreen grid of images and content areas. The idea is to have a draggable grid that shows boxes of thumbnails and menu l... read more

Scrollbar Visibility with jScrollPane

In Tutorials September 30, 2011 40 Comments

Sometimes it can be very useful to hide the scrollbar of elements in a website and only show it when the user really needs it. The real-time activity feed in Faceboo... read more

Responsive Image Gallery with Thumbnail Carousel

In Tutorials September 20, 2011 97 Comments

A tutorial on how to create a responsive image gallery with a thumbnail carousel using Elastislide. Inspired by Twitter's "user gallery" and upon a request to show a... read more

Elastislide – A Responsive jQuery Carousel Plugin

In Development September 12, 2011 76 Comments

With the responsive awakening in web design it becomes important to not only take care of the visual part of a website but also of the functionality. Elastislide is ... read more

Image Zoom Tour with jQuery

In Development August 23, 2011 50 Comments

Today we want to share a little zoom tour script with you. Showing a main image initially, we want to be able to zoom into certain parts of the image by clicking on ... read more

Circular Content Carousel with jQuery

In Development August 16, 2011 127 Comments

Today we want to share a simple circular content carousel with you. The idea is to have some content boxes that we can slide infinitely (circular). When clicking on ... read more

Expanding Fullscreen Grid Portfolio

In Development August 4, 2011 59 Comments

Today we want to share a neat experimental portfolio template with you. The main idea is to have a grid layout that we create with jQuery Masonry. Clicking to view m... read more

Minimal and Contrasty Color Schemes in Web Design

In Web Design August 3, 2011 17 Comments

Making a web design with contrasty colors will allow for a better focus on certain areas of a web site. With a minimal color scheme, more contrast can be achieved an... read more

Content Rotator with jQuery

In Development July 29, 2011 39 Comments

Today we want to share a fancy content rotator with you. It shows some image with a headline and sub-headline in each slide and allows navigating through the slides ... read more

Vertical Sliding Accordion with jQuery

In Development July 22, 2011 78 Comments

Today we want to share a slick and flexible vertical jQuery accordion with you. The main idea is to expand the accordion slices on click and show some more informati... read more

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

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.