Today's Question:  What does your personal desk look like?        GIVE A SHOUT

 ALL


  6 amazing HTML5 animation effects

HTML5 is rapidly developed in WEB world, it puts all kinds of pressure to browser development, but at the same time it also brings us lots of unexpected page effects. If we can use some HTML5 elements on our web apps,  we may get different user experience. However, for HTML5, there are lots of places need to improved. The following HTML5 animation effects are very attractive.1. HTML5 mouseover image effectThis HTML5 animation effect can be used in photo gallery, users can preview the photo while mouseover the photo.Online Demo / Source code2. Falling leaves animation based on HTML5 W...

17,707 1       HTML5 ANIMATION


  Create animated refresh button in Android

In Android, we can have drawings on a button, also we can put animated drawings on a button as well. Today we will show how to create an animated refresh button with an animated spinner on it.We need to create an animated drawing first. Here we name it as progress.xml and put it in the res/drawable folder:<?xml version="1.0" encoding="utf-8"?><animation-list xmlns:android="http://schemas.android.com/apk/res/android"    android:id="@+id/spin_refresh" android:oneshot="false">    <item android:drawable="@drawable/ic_action_refresh1" android:duration="4...

35,999 3       ANDROID ANIMATION SPINNER REFRESH BUTTON


  CSS3 animated dropdown menu

It’s a sure thing that CSS3 features like transitions, animations and transforms can add extra spice to your designs.In this article you will see how you can build an awesome CSS3 animated dropdown menu with some of these cool features.View demoHere’s a quick preview for the CSS3 animated dropdown menu that we’re going to create today:Remember the previous CSS3 dropdown menu? That menu is awesome, and thanks to you is the most popular tutorial around here (at this time).Perhaps the best title for this article would have been: CSS3 dropdown menu – Revisited...

3,314 0       ANIMATION CSS3 DROP DOWN MENU ANIMATED MENU


  CSS3 Animation With jQuery Fallbacks

In today's post, we'll be taking a look at how you can use CSS3 transitions to power your application's animations with jQuery's .animate() method as a fallback where transitions aren't supported. The benefit of transitions is that unlike JavaScript based animations, they're hardware accelerated in certain browsers and mobile devices, resulting in a potentially smoother overall animation than you would normally experience. In a lot of cases your code will work seamlessly with the solutions presented today, so the effort involved in applying them is minimal. Before we get started, if ...

8,641 0       JAVASCRIPT JQUERY ANIMATION DEMO CSS3


  Simple Animation in the HTML5 Canvas Element

HTML5 is generating all kinds of buzz these days. Some of the buzz is about HTML5 being a replacement for Adobe’s Flash. I don’t think it’s there yet but it’s certainly on the way to changing the way content is presented on the web. This is a description of a very simple animation in an HTML5 canvas element. It is coded for readability and not for optimized operation.We’ll add a canvas element to a web page and then use javascript to draw on it. We will redraw it all every 10 milliseconds with minor changes to create the magical illusion of animation. Using j...

3,604 0       HTML5 CANVAS ANIMATION SAMPLE CODE