Tag: Animation

Top 5 Scroll-to-Animate Effects in Online Animation

Online animation has become much more than a parlor trick for developers to show off their skills. Animation is used to create more sultry interfaces that feel smoother and easier to use. Natural animation gives off a certain vibe of corporeality to interface design. One area that’s seen a lot of attention is the scroll-to-animate technique.… Continue reading Top 5 Scroll-to-Animate Effects in Online Animation

40 Free CSS3 Animation Code Snippets

Nothing says modern web design quite like CSS-only animation. Just a decade ago this seemed like a common pipe dream. But thanks to some whizzes over at the W3C the world is now a better place with CSS-animated page elements. Below I’ve put together a huge gallery of 40+ open source CSS3 animation codes. Both… Continue reading 40 Free CSS3 Animation Code Snippets

10 Awesome Javascript Plugins with Cool Animation

Web development is pretty fun. I like it because it has so much to learn and so many solutions to solve a problem. It forces me to think creatively and think beyond the box. And one of the best thing – there are thousands of free solutions such as Javascript plugins out there available as… Continue reading 10 Awesome Javascript Plugins with Cool Animation

Google Web Designer ? Cool HTML5 and CSS3 Animation Made Easy

The web giant has released a tool called Google Web Designer. I downloaded it but haven’t got a time to play with it yet. After I run the app, first thing came into my mind- it looks like Adobe Flash. Second thing came into my mind – I think Google is trying to kill Flash… Continue reading Google Web Designer ? Cool HTML5 and CSS3 Animation Made Easy

Simplest Way to Create Cool CSS3 Animation Effects

CSS3 Animation are gaining tons of attention lately. Personally, I have started using it in some of my projects and I absolutely love how simple it is to create a smooth animation effect. One of the major advantages of CSS3 is – they’re hardware accelerated. It’s smoother and faster if compared with javascript generated animation.… Continue reading Simplest Way to Create Cool CSS3 Animation Effects

Beginners Guide to Working with jQuery Animation

In this tutorial, we are going explore the basics of jQuery animations for you to get prepared for advanced designs. Animations is the core functionality behind the interactive elements in web design. The design of a website plays a major role in attracting visitors on a consistent basis. Interactive designs get more attention compared to the… Continue reading Beginners Guide to Working with jQuery Animation

Create an Awesome Single-Page Website

Not every website needs to be complex or include multiple pages of content and information. Sometimes one page is enough. But just because you are creating a website with only one page, does not mean that it will be easy. Developing a single-page layout can require just as much thought and planning as some more complex… Continue reading Create an Awesome Single-Page Website

How to Create Bounce Effect with CSS3 Animation

This article is part of our “HTML5/CSS3 Tutorials series” – dedicated to help make you a better designer and/or developer. Click here to see more articles from the same series. Today, we are going to doing an experiment with CSS3 Animation. In our previous post, we discussed how to re-create “marquee” effect using CSS3 Animation.… Continue reading How to Create Bounce Effect with CSS3 Animation

Loading Circle Animation Using Photoshop CS6

In today’s tutorial, we’re going to be creating a very simple ‘loading circle’ animation using Photoshop CS6, which you can use on your websites, or before your video projects. This effect is going to take advantage of some of Photoshop CS6′s improved animation capabilities, leaving you with a silky smooth result. Written In terms of… Continue reading Loading Circle Animation Using Photoshop CS6