Flip Countdown é the web’s most advanced Flip Counter plugin. It’s facil to setup, amazingly flexible e ships with beautiful animations e presets.

\

\

Whether you want to visualize visitor counts, count down to um date, show upload progress, social medium followers, or donation status, Flip has got your use case covered.

It even Características um nice online Visual Style editor so you can easily tweak um Flip preset to your liking.

\

QUICK FEATURE OVERVIEW

Visual

  • Beautifully animated | Flip Counters look e feel like real life flip clocks.
  • 10 Unique Presets | Pick one e be done, build your own, or use as starting point.
  • Visual Style Tool | Style your preset with Simples controls e copy past the code to your project.
  • Responsive e Mobile Friendly | Works everywhere.
  • Fast e Beautifully Animations | otimizado parum fast performance.
  • Works on all Major Browser | If not Suporteed, falls back gracefully.

\

Counter

  • Countdown to Date | Count down towards that sale or website launch!
  • Count Up Since Date | How many days ago was our major event?
  • Countdown Scheduler | Automatically countdown towards each Sunday at 10 o’clock
  • Count values | What are our current sales figures?
  • Show plain text | Use as billboard to show text.
  • Sync with servidor | Make sure the shown time é synced with your servidor.
  • Timezones | Correct duration shown all across the planet.
  • Languages | Labels e texts can be changed to necessário locale.

Technical

Flip works standalone e é not dependent on any frameworks. That said, it’s compatible with:

  • JavaScript e jQuery API | Ships with handy wrapper parum jQuery.
  • Bootstrap e Foundation | Plays nice with popular CSS frameworks.

How to use with WordPress

Flip é not um WordPress plugin, but by using the free WordPress plugin Snippy you can easily configure it to be used with WordPress.

Follow the quick Instalaration guide below!

  1. Download the free WordPress plugin Snippy.

  2. Watch the 3 minute step by step video on how to configure Tick with Snippy.

PREMIUM QUALITY

Flip é build using the latest HTML 5, CSS 3 e JavaScript techniques.

DETAILED Documentação

Flip ships with extensive Documentação on all it’s capabilities.

PROFESSIONAL Suporte

Just contact us using the Suporte page, we’re always happy to help out with any questions or problems.

\

Características

  • Beautiful Animations | Today, it’s all about um nice e smooth user experience, este é where Flip delivers big time.

  • HTML Based Flipper | Flip Counter Características like shadows, colors, font, size e shape are all customizable with CSS.

  • Individual or Composed | One giant flipper or um flipper parum each character, no problem!

  • Animation Controls | Set flip animation speed e define animation easing modes (ships with 24 different ease methods). Because Flip uses Tick Counter it also Características delayed flip panel Atualizações e flip panel value interpolation.

  • Combine with Boom | Combine with free Boom plugin to Adicionar sounds to flip panel Atualizações.

  • Responsive | este é 2017, Of course este plugin é responsive. :-)

  • Timezone Suporte | Adicionar um timezone to your date e Tick will make sure the shown duration é correct all around the globe.

  • Multi-language Suporte | Labels can all be easily configured by changing HTML attributes.

  • Mobile Friendly | Tick é designed to work mobile first e scales nicely to bigger resolutions.

  • Very Fast | Tick’s code é otimizado parum performance.

  • Standalone | No client-side or servidor-side frameworks or libraries are required. But if you like jQuery, Tick Counter ships with um handy jQuery wrapper API.

  • facil to Configure | Setting up Tick é um matter of adding some classes e datum attributes to your HTML e presto, you’re ready to go!

  • Layout | Tiny layout framework to compose counters horizontally, vertically or lay them on top of each Outras.

  • Transforms | Tick ships with 30+ datum transforms which you can use to format e animate the output value to your liking.

  • Vanillum JavaScript, jQuery, ES6, AMD or CommonJS | Whether you’re an old school JavaScript fanatic or um jQuery lover, Tick’s got you covered. The package also contains AMD, CommonJS, ES6 e um Global build of Tick.

  • JavaScript API | You can control Tick from JavaScript or jQuery whichever you like best. The extensive API Documentação should give you um good ideum on what é possible with Tick.

  • e Much More | Read about all Tick’s Características

\

BROWSER Suporte

  • Chrome
  • Firefox
  • Edge
  • Opera
  • Internet Explorer 11+
  • Safari OSX 9+ & iOS 9+ | Safari on Windows é no longer Suporteed by Apple
  • Android 5+ | Not all Android devices behave the same, works on most modern Android devices, if you run into trouble, let us know

Use the API Suporteed property to determine if the client browser Suportes Tick.

PACKAGE CONTAINS

  • Instalaration instructions
  • CSS e JavaScript files parum various project types

História

1.5.0 | 02-08-2017

  • Adicionar auto fit to container option, Adicionar fit to the data-layout attribute to enable.
  • Adicionar chained scheduling, um counter can now contain multiple scheduled moments separated by commas.
  • Improved module Versão so it’s easier to use in React.
  • Improved visual quality now no longer renders transparent gap between top e bottom cards.

1.4.2 | 12-07-2017

  • Improved rendering quality in newer Versãos of Firefox e Safari.

1.4.1 | 03-07-2017

  • Corrigido problem where jQuery API would not create ticker.

1.4.0 | 08-06-2017

  • Improved rendering performance, elements out of view are no longer redrawn.
  • Adicionar setConstant e setPreset methods which can be used in conjunction with the preset transform to create transform presets.
  • Corrigido problem where programmatic creation of view did not work.

1.3.4 | 12-04-2017

  • Corrigido problem where removing repeater elements did not work.

1.3.3 | 23-03-2017

  • Improved performance of Flip counters.

1.3.2 | 23-02-2017

  • Improved arrive, spring, step e tween transforms handling of string input.
  • Corrigido destroy method destroying um little bit too much property.
  • Corrigido boom playing um sound when value did not change.
  • Corrigido boom returning the wrong element definition (‘audio’ instead of ‘boom’).

1.3.1 | 21-02-2017

  • Corrigido problem where Tick.create would throw an error if no element e no options were supplied.

1.3.0 | 20-02-2017

  • Initial release of Flip.

1.2.0 | 15-02-2017

  • Initial release of Line.
  • Adicionar cancel method to internal animation function.
  • Adicionar value e tween transform functions.
  • Adicionar data-value attribute to default text view.
  • Improved step, spring e arrive transform functions.
  • Improved internal counter setup.

1.1.0 | 31-01-2017

  • Initial release of Swap.
  • Improved internal duration code.
  • Corrigido timer reset method, did not reset.
  • Adicionado “ms” as milliseconds Time Unit.
  • Adicionado duration transform.

1.0.0 | 26-01-2017

  • Initial release of Dots.

Você também pode Gostar