All geek questions in one place

Modeling drag and drop live tiles in html

I need to encode some html-square "live fragments" that periodically switch between 4 states. Basically what I need is what this plugin does http://www.drewgreenwell.com/projects/metrojs , but between 4 states, not just 2. Is there a final API / plugin that allows you to manage live snippets on html / jquery sites? I am not building an application for Windows 8, I am just trying to simulate Live Sheets in Html, and hopefully it works in all major browsers. Thanks.

+6
source share
5 answers

In the end, it seems that the Drew plug-in supports several tile states, it provided a couple of samples. Example 1 and Example 2 . It seems to be doing what I need to simulate live tiles.

+5
source

I'm just trying to simulate Live Tiles by turning over to Html and hope it will work in all major browsers

I think this is what you need. Flip! http://lab.smashup.it/flip/

+4
source

Perhaps you should read this article (below) on how to make shifts with CSS3 / HTML5 transitions. This is not Javascript (and therefore does not have an API), but in my experience transition effects seem a little more reliable in their smoothness.

Animated element wall with CSS

+1
source

This should be pretty easy. In particular:

  • Create a DIV with N-Tile Size Content
  • Fix it / size of the parent div to 1 tile size
  • Make sure the overflow is hidden.
  • Apply translation to previous content and new content using CSS

Then everything should be fine.

0
source

You can use jQuery or jQuery UI to get this effect. jQuery has .animate() , .show() , .hide() and other methods that may help.

-2
source

Source: https://habr.com/ru/post/921969/

More articles:


All Articles