Posts Tagged ‘Animation’
We are pleased to present below all posts tagged with ‘Animation’.
We are pleased to present below all posts tagged with ‘Animation’.
People in boardrooms across the world love a good graph. They go nuts for PowerPoint, bullet points and phrases like “run it up the flagpole,” “blue-sky thinking” and “low-hanging fruit,” and everything is always “moving forward.” Backwards is not an option for people who facilitate paradigm shifts in the zeitgeist. Graphs of financial projections, quarterly sales figures and market saturation are a middle-manager’s dream.
How can we as Web designers get in on all of this hot graph action? There are actually quite a few ways to display graphs on the Web. We could simply create an image and nail it to a Web page. But that’s not very accessible or interesting. We could use Flash, which is quite good for displaying graphs — but again, not very accessible. Besides, designers, developers and deities are falling out of love with Flash.Read more...
With CSS animation now supported in both Firefox and Webkit browsers, there is no better time to give it a try. Regardless of its technical form, whether traditional, computer-generated 3-D, Flash or CSS, animation always follows the same basic principles.
In this article, we will take our first steps with CSS animation and consider the main guidelines for creating animation with CSS. We’ll be working through an example, building up the animation using the principles of traditional animation. Finally, we’ll see some real-world usages.Read more...
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.
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...
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.
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...
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-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
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.
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
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.
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
Subscribe to our email newsletter for useful tips and valuable resources, sent out every second Tuesday.
Nothing is more frustrating than stubborn management. That's why we published Digital Adaptation, a new book by Paul Boag on how to help management overcome legacy practices — for good.
It's done. The Smashing Book #4, our brand new book with smart front-end techniques and design approaches. Written by respected designers and developers, neatly packed in a gorgeous hardcover.
Hungry for more content? Over 60 eBooks are waiting to be discovered in our lovely Smashing Library. And guess what? You can watch Smashing Conference talks there, too.
SkyVerge is looking for part-time Rails contractors with at least 10 available hours per week to join our team. You'll be responsible for contributing to projects...
Join our team to build cool stuff with WooCommerce. SkyVerge is looking for part-time WooCommerce contractors with 10-12 available hours per week to join ou...