Menu Search
Jump to the content X
X

Posts Tagged ‘Animation’.

We are pleased to present below all posts tagged with ‘Animation’.

An Introduction To CSS3 Keyframe Animations

By now you’ve probably heard at least something about animation in CSS3 using keyframe-based syntax. The CSS3 animations module in the specification has been around for a couple of years now, and it has the potential to become a big part of Web design. Using CSS3 keyframe animations, developers can create smooth, maintainable animations that perform relatively well and that don’t require reams of scripting. It’s just another way that CSS3 is helping to solve a real-world problem in an elegant manner.

Screenshot

If you haven’t yet started learning the syntax for CSS3 animations, here’s your chance to prepare for when this part of the CSS3 spec moves past the working draft. In this article, we’ll cover all the important parts of the syntax, and we’ll fill you in on browser support so that you’ll know when to start using it.

Read more...

Bringing Interactivity To Your Website With Web Standards

Adding interactivity and animations to a design doesn't have to be complicated or make the website inaccessible when you use modern Web standards. In this article, we’ll explore several examples and theories that employ CSS, HTML, SVG, the canvas element and JavaScript. Some of these techniques you'll know, others you may not have considered. Let's start with the basics.

Screenshot

[fblike]

Manipulating HTML with JavaScript is the most common method of adding interactivity to a website. But before you start using JavaScript, having a strong understanding of the CSS visual formatting model and box model is important. They are vital to making sense of how HTML elements can be manipulated visually. When you dynamically change the style of an HTML element, it will flow with and react to the rest of the document. Learning to anticipate and control what is affected can be difficult.

Read more...

Eye-Candy For The Weekend: Particle Animation Music Videos

Just like a couple of weeks ago, this weekend again we’ve got something unusual and creative to lift up your spirits and challenge your creativity over a lousy Sunday. Particle animation is a beautiful concept from motion graphics. Using specialized software, you can simulate the movements of particles depending on the environment — for instance, music rhythm.

Screenshot

In today's post we present selected particle animation music videos. Be prepared: the page may take a while to load. Please make sure to visit the sources of videos to enjoy the viewing experience in HD, and don't forget to turn on your hi-fi-system. We also feature some tutorials in the end of this post: and here you go — now you have something fun to do over the weekend!

Read more...

39 Creative Flash Designs

Flash is powerful. Using it properly, you can create stunning visual experience and offer your visitors incredible user interaction. Although Flash is definitely not the favourite medium for usability and accessibility advocates, it has its advantages. With Flash designers can achieve results which simply aren’t possible with (X)HTML and CSS. Whether you like Flash or not, it empowers the Web with functionalities which make it an incredibly interactive medium.

Flash Screenshot

Flash-based web-sites can look not like web-sites at all; Flash-designers tend to use colorful, dynamic, loud and extremely vibrant approaches, with effects and animation, music and videos, stunning visual elements and interactive navigation menus. Below you'll find 39 examples of creative, beautiful, shocking, unusual, but always outstanding Flash-based designs.

You might also want to take a look at the articles

Read more...

Showcase Of Creative Flash Preloaders

When it comes to Flash, images, animation, videos and sound effects are often used on large scale. Consequence: in most cases Flash takes quite much time to load and requires a good dose of patience from users. Users know it and are often willing to give a Flash-site some time to load. However, to count on user's patience, Flash-designers need to inform site visitors how much patience is actually required. If it isn't done, the latter have no anchor point to estimate how much more time is needed and consequently close the browser window thinking that the site simply doesn't work properly.

Screenshot

In this post you'll find some creative Flash-preloaders which may serve as an inspiration for your Flash-projects. Please notice that sometimes you need to look closely and precisely in order to find the preloader. Depending on the server load and your connection preloaders may quickly disappear. In most cases it's not a disadvantage — well, at least it shouldn't be.

Please notice that

  • you might also want to take a look at the article 65 excellent Flash-designs we've published earlier,
  • this selection is not ultimate and isn't supposed to be the best of; it is intended to provide you with some ideas for creating your Flash-preloaders once you need to — please share your favourite Flash-preloaders in the comments to this post.
Read more...

25 Brilliant Animated Short Movies

Animated short movies are excellent for tedious coffee breaks and uninspiring monday mornings. To put some beautiful story in a short 2-5 minutes sequence isn't easy, but even in this case designers and artists are quite creative and manage to come up with very surprising and unusual results. The selection below is supposed to make you cry, laugh, feel bizarre or even shocked — in every case being absolutely smashed.

Screenshot

Let's take a look at the collection of 25 brilliant animated short movies. Among them you'll find funny cartoons, typography-related movies as well as artistic masterpieces — hopefully everybody will find something interesting and unusual for his/her personal taste.

Please take a look at the related articles

Read more...

Funny and Creative Animated Videos

The new year is just few days away; however, not all parties are planned, not all presents are packed and not all work is done. If you feel under the weather, bored or overwhelmed by the late shopping or working chaos, it's just the right time to take a short break and get into the right mood.

To help you to achieve just that we've collected some excellent, funny and touching animations and videos — for you, your colleagues, your friends and your family. You probably have seen some of them, but it doesn't make them less funnier. You can also click on the images — they lead to the sites from which the screenshots have been taken.

For The Birds

Enjoy the last days of the year 2007. Smashing 2008, folks!

Read more...

↑ Back to top