Mobile Discussion Boards

First Prev Next

Animation on Mobile friendly websites?

Member 1260029623-Jun-16 4:38

Member 12600296

23-Jun-16 4:38

What's the best way designing animated web content for a mobile friendly website?

Re: Animation on Mobile friendly websites?

Afzaal Ahmad Zeeshan26-Jul-16 10:52

Afzaal Ahmad Zeeshan

26-Jul-16 10:52

What sort of animations? Simple animations on the web page can be performed using jQuery (or JavaScript itself). Even CSS can do these things, such as animating the elements and their properties of view. JavaScript Animation[^], Using CSS animations - CSS | MDN[^].

If you somehow want to run animations that are other than simple ones like HTML element based animations, then OpenGL would be where you should go. Most of the browsers support it, Three.js[^] is also one of such framework which support animations using JavaScript. But note that however you write, whichever framework you support, JavaScript is based on an engine that interprets the script and runs it, and that is going to take a lot of CPU power and RAM, so basically JavaScript would be a monster eating: 1) CPU, 2) RAM, 3) Battery. If your animations are promising, don't worry about these.

The sh*t I complain about
It's like there ain't a cloud in the sky and it's raining out - Eminem
~! Firewall !~

Re: Animation on Mobile friendly websites?

Eric Moose31-Oct-16 0:27

Eric Moose

31-Oct-16 0:27

For mobile friendly website whatever your content is. you should compressed all high resolution images & banners. It is increase you user experience, it is the best way to optimize your animated design for mobile devices.

Xamarin Forms Mobile App

Kevin Marois14-Jun-16 6:08

Kevin Marois

14-Jun-16 6:08

This is my first attempt evet at Xamarin or Mobile Apps. Using VS2015 Enterprise on Win 7.

I'm following this page[^].

I select Blank App (Xamarin.Forms.Portable) and click OK. It then starts creating 4 projects.

I get prompted to connect to a Mac. No.
I get prompted for the target (Win 10 is the only choice)

First Issue
I get the message "A problem was encountered creating the sub project 'App1.Windows'. This project requires a Visual Studio update to load. Right-click on the project and choose "Download Update"."

VS is still busy creating things so I can't click Download Update yet so I click OK

VS finishes creating things.

Second Issue
I look for "Download Updates" on the Windows project - it's not there

All 4 projects are there - PCL, Droid, iOS, and Windows. So I try to compile.

Third Issue
Now the fun begins. I get 37 compilation errors, all in the Android project.

There are a bunch of thses:

"Download failed. Please download https://dl-ssl.google.com/android/repository/android_m2repository_r22.zip and put it to the C:\Users\Me\AppData\Local\Xamarin\Xamarin.Android.Support.Design\23.0.1.3 directory.

There are a bunch of "Please install package...." messages - When I go to NuGet, they're already installed.

I also get a bunch of "The remote server returned an error: (407) Proxy Authentication Required." errors.

All I did was try to create the projects? Any ideas on what's wrong?

If it's not broken, fix it until it is