Cover photo
Manoela Ilic
Attended Universidade Nova de Lisboa
6,683 followers|442,628 views


Manoela Ilic

Shared publicly  - 
Beatriz Harnois's profile photoMiroslav Košík's profile photoStephan de Vries's profile photoLakshman Palitha's profile photo
Hi +Manoela Ilic, great work. I would like container (actual page content) to stay scrolled where it was when menu pops open. I've made nav fixed, so it follows page as it scrolls, but I can't get rid of content jumping to start of the page. Can U suggest any solution? Or at least what makes it jump? THX.
Add a comment...

Manoela Ilic

Shared publicly  - 
And here is a summery of all the latest articles on Codrops:

Multi-Item Selection
A little script by Pedro that allows the swift selection of multiple checkboxes:

Medium-Style Page Transitions
See +Brian Gonzalez's excellent remake of the beautiful Medium effect:

Animated SVG Icons with Snap.svg
An experiment using Snap.svg for making little animations on SVG icons:

CSS Overlay Techniques
+Sara Soueidan explores all possibilities for creating overlays using CSS:

Elastic Stack: Elastic Dragging Interaction
A script that allows navigating through images by dragging them, with an elastic feel:

Animated Opening Type
+Diego Pardo creates a beautiful animated 3D opening type effect with pseudo-elements:

Techniques for Responsive Typography
A wonderful write-up by +Sara Soueidan on how to make responsive typography work:

Applying App Design Concepts to Website Design
+Kayla Knight shows how principles and techniques of app design can be beneficial for website design:

+Oleg Solomka shows why SVG icons rock:

Techniques for Creating Textured Text
Another great article by +Sara Soueidan on how to create text with image or texture backgrounds:
usman ramzan's profile photoKaan Özcan's profile photo
i have check them all out and desperately need new ones :)
Add a comment...

Manoela Ilic

Shared publicly  - 
Love the deep bass...
Sheryar Nizar's profile photodominik schopper's profile photoaaron hensley's profile photo
Nice and mellow... Haunting lyrics. Thanks for sharing!
Add a comment...

Manoela Ilic

Shared publicly  - 
विवेक मिश्र's profile photoDenny Dzulkarnaen's profile photoivan starkov's profile photoManoela Ilic's profile photo
Looks like stroke-dashoffset in 'input[type="checkbox"]+svg path' must be equal to path stroke-dasharray params
Add a comment...
Have her in circles
6,683 people

Manoela Ilic

Shared publicly  - 
This is the Virtuix Omni, a virtual reality setup which features 40 capacitive sensors in its base to track your every step and move your character inside a game. It offers analog motion: the faster you walk, the faster your virtual character walks or runs, offering an unlimited number of possible speeds. 
Kler Roger's profile photoIlse Slater's profile photoELIZABETH ALEJANDRE's profile photoDavid Conner's profile photo
Add a comment...

Manoela Ilic

Shared publicly  - 
Mark Sottek's profile photoJuan Saborido's profile photoEmrah Erol's profile photo
I must say, you're even more awesome than those pepper corns you love.  I made good use of these.

Thank you for being so generous with your work.

Happy Mardi Gras!
Add a comment...

Manoela Ilic

Shared publicly  - 
Some animation ideas for thumbnail grids with illustrations by +Isaac Montemayor 
Явор Желязков's profile photoविवेक मिश्र's profile photojames f's profile photo
james f
Very nice work
Add a comment...

Manoela Ilic

Shared publicly  - 
Very nice...
Victor Alberto Gil's profile photoStan Williams's profile photoRafael Ivanir Costa Oliveira's profile photoDwi Rianto's profile photo
+Renée V asgeir*
Add a comment...

Manoela Ilic

Shared publicly  - 
Some ideas for modern looking loading effects
aaron hensley's profile photoTARIK TURAN's profile photoविवेक मिश्र's profile photoandre felipe Santos's profile photo
manoela, hi , i copy the photostack code that you show, but i having a problem may be you can help me, when i first click on the albun, the image dont pullover, just a blank ico, but when i do click again the images show up, my site is, can you help me to fix it?

Add a comment...
Have her in circles
6,683 people
  • Universidade Nova de Lisboa
    Computational Logic, 2005 - 2008
  • University of Osnabrück
    Cognitive Science, 2001 - 2005
I create fun stuff @codrops. I enjoy Cognitive Science, Artificial Intelligence and UI Design. 
Basic Information
Manoela Ilic's +1's are the things they like, agree with, or want to recommend.

PHP, Wordpress, jQuery, CSS and HTML5 Tutorials And Snippets


Empowering and inspiring people by spreading knowledge of social media and technology


Codrops is dedicated to provide useful tutorials, insightful articles, creative inspiration and free resources for web designers and developers

Anariel Design

WordPress themes, site templates, responsive design ,web design,different, unique,creative


With this application you can train your mental rotation skills.Mental rotation is somewhat localized to the right cerebral hemisphere. It i

Happy Sheep

Happy Sheep is a fun game with jumping sheep and it's different everytime!Happy Sheep will give you and your kids loads of fun. The sheep ar

Experiments with background-clip: text

With the CSS property background-clip: text (which is currently only supported in Webkit browsers), we can add a background image to a text

Hover and Click Trigger for Circular Elements with jQuery

Today we want to share one possible solution to the circle hovering problem. We'll create a plugin that will take care of the 'mouseenter',

Subtle Patterns

Free high quality patterns for your next web project.

25 Examples of Perfect Color Combinations in Web Design

Today we will show you some examples of websites that are using beautiful and inspiring color combinations that match perfectly and create a

Experimental CSS3 Animations for Image Transitions

Today we want to share some experimental 3D image transitions with you that use CSS3 animations and jQuery. We'll be using CSS3 3D Transform

Inspiring Examples of Symbol and Metaphor Use in Web Design

There are many creative ways of showing what a website is about: the use of images, videos, descriptions and more. Symbolic graphics and met

Use :pseudo-elements as list-style-image alternatives | CSS-Plus

Styling lists with CSS can be a bit of a pain from time to time. If I require an kind of customized bullet, the first CSS property I think o

Multi-level Photo Map

This multi-level map based image gallery makes it possible to show images related to their location. The first level indicates the location


borderとtransitionを使ったエフェクト by ksk1015 @ - share JavaScript, HTML5 and CSS - is a service to write JavaScript, HTML5, CSS in

Find New York Restaurants, Bars, Hotels, Shopping, Movies, Deals, Parkin...

Jump To. Brooklyn. Bay Ridge; Boerum Hill; Carroll Gardens; Cobble Hill; Downtown; Fort Green; Park Slope; Red Hook; Williamsburg. Manhattan

Draggable Image Boxes Grid

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

Item Blur Effect with CSS3 and jQuery

Today we want to show you how to create a simple blur effect for text-based items. The idea is to have a set of text boxes that will get blu

Circle Navigation Effect with CSS3

Today we want to show you how to create a beautiful hover effect for an image navigation using CSS3. The idea is to expand a circular naviga

A free and open world depends on a free and open web. | Google

A free and open world depends on a free and open Internet. Governments alone, working behind closed doors, should not direct its future. The