Profile

Cover photo
Manoela Ilic
Attended Universidade Nova de Lisboa
6,683 followers|442,628 views
AboutPostsPhotos+1's

Stream

Manoela Ilic

Shared publicly  - 
36
3
Beatriz Harnois's profile photoMiroslav Košík's profile photoStephan de Vries's profile photoLakshman Palitha's profile photo
10 comments
 
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: http://tympanus.net/codrops/2013/10/29/multi-item-selection/

Medium-Style Page Transitions
See +Brian Gonzalez's excellent remake of the beautiful Medium effect: http://tympanus.net/codrops/2013/10/30/medium-style-page-transition/

Animated SVG Icons with Snap.svg
An experiment using Snap.svg for making little animations on SVG icons: http://tympanus.net/codrops/2013/11/05/animated-svg-icons-with-snap-svg/

CSS Overlay Techniques
+Sara Soueidan explores all possibilities for creating overlays using CSS: http://tympanus.net/codrops/2013/11/07/css-overlay-techniques/

Elastic Stack: Elastic Dragging Interaction
A script that allows navigating through images by dragging them, with an elastic feel: http://tympanus.net/codrops/2013/11/12/elastic-stack-elastic-dragging-interaction/

Animated Opening Type
+Diego Pardo creates a beautiful animated 3D opening type effect with pseudo-elements: http://tympanus.net/codrops/2013/11/14/animated-opening-type/

Techniques for Responsive Typography
A wonderful write-up by +Sara Soueidan on how to make responsive typography work: http://tympanus.net/codrops/2013/11/19/techniques-for-responsive-typography/

Applying App Design Concepts to Website Design
+Kayla Knight shows how principles and techniques of app design can be beneficial for website design: http://tympanus.net/codrops/2013/11/22/applying-app-design-concepts-to-website-design/

SVG Icons FTW
+Oleg Solomka shows why SVG icons rock: http://tympanus.net/codrops/2013/11/27/svg-icons-ftw/

Techniques for Creating Textured Text
Another great article by +Sara Soueidan on how to create text with image or texture backgrounds: http://tympanus.net/codrops/2013/12/02/techniques-for-creating-textured-text/
19
usman ramzan's profile photoKaan Özcan's profile photo
2 comments
 
i have check them all out and desperately need new ones :)
Add a comment...

Manoela Ilic

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

Manoela Ilic

Shared publicly  - 
50
5
विवेक मिश्र's profile photoDenny Dzulkarnaen's profile photoivan starkov's profile photoManoela Ilic's profile photo
3 comments
 
Looks like stroke-dashoffset in 'input[type="checkbox"]+svg path' must be equal to path stroke-dasharray params
Example:
http://jsfiddle.net/6MR2z/4/
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. 
89
40
Kler Roger's profile photoIlse Slater's profile photoELIZABETH ALEJANDRE's profile photoDavid Conner's profile photo
7 comments
 
fun
Add a comment...

Manoela Ilic

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

http://mardigrastraditions.com/colorful-characters/

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 
31
2
Явор Желязков's profile photoविवेक मिश्र's profile photojames f's profile photo
james f
 
Very nice work
Add a comment...

Manoela Ilic

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

Manoela Ilic

Shared publicly  - 
 
Some ideas for modern looking loading effects
43
5
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 http://patriciaesteves.com.br, can you help me to fix it?

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

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

Mashable
plus.google.com

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

Codrops
plus.google.com

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

Anariel Design
plus.google.com

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

rOtal
market.android.com

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

Happy Sheep
market.android.com

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
tympanus.net

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
tympanus.net

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
subtlepatterns.com

Free high quality patterns for your next web project.

25 Examples of Perfect Color Combinations in Web Design
tympanus.net

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
tympanus.net

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
tympanus.net

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
css-plus.com

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
tympanus.net

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を使ったエフェクト
jsdo.it

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

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

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

Draggable Image Boxes Grid
tympanus.net

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
tympanus.net

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
tympanus.net

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
www.google.com

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