The MarTech Digest
563.0K views | +0 today
Follow
Your new post is loading...
Scooped by Marteq
Scoop.it!

The Ultimate Email CSS Animation Guide: Part 2 - EmailOnAcid

The Ultimate Email CSS Animation Guide: Part 2 - EmailOnAcid | The MarTech Digest | Scoop.it
Let's look at what CSS animations really are. By using CSS we can add animation to most HTML elements without using common web practices such as JavaScript or Flash. What that means for us email developers is that we can use it as an enhancement for email clients that support CSS.

So, what can we actually do? We'll cover each of these points more thoroughly later in the blog but for now we have a brief overview:

  • Specify which HTML elements we'd like to animate
  • Set timing (easing) functions to change the rate we switch between properties
  • Specify the duration of how long the animation should take
  • Animate the elements using a small variety of CSS properties
Marteq's insight:

CT for the coding.

 

NEW: Experience Remarkable Planning Accuracy With New, FREE Growth Hacking Tool. Go here: http://goo.gl/UjcA8x 

Yu PANG's curator insight, November 10, 2016 2:45 AM

The Ultimate Email #CSSAnimation Guide: Part 2 - EmailOnAcid #tutoriel #CSS #animation via @ineomktg

Scooped by Marteq
Scoop.it!

Brain-Based Whiteboard Animation Sparks Customer Engagement

Brain-Based Whiteboard Animation Sparks Customer Engagement | The MarTech Digest | Scoop.it
When whiteboard animation videos unite the latest discoveries in neuroscience, psychology, and marketing research, they can become one of the most lucrative mediums in your Web marketing toolkit.

Let's look at the science behind attention spans.

1. Simplicity secures highly focused attention

2. Metaphors maximize memory retention and universal understanding

3. Whiteboard animation ignites emotion-fueled mentalizing and a desire to share, share, and share

The attention, memory, emotion, and mentalizing networks in the brain are hooked up to decision-making and motivational centers that control our actions. By designing a fully customizable whiteboard video, you are harnessing the potential to set all those networks on fire, successfully inspiring and promoting customer action.
Marteq's insight:

Superb! CT for details.

 

NEW: Experience Remarkable Planning Accuracy With New, FREE Growth Hacking Tool. Go here: http://goo.gl/UjcA8x   

No comment yet.
Scooped by Marteq
Scoop.it!

CSS Animations, Part 1 - Email on Acid

CSS Animations, Part 1 - Email on Acid | The MarTech Digest | Scoop.it
I believe there is a time and place to use CSS animations and animated GIFs, but it may seem confusing at first. Let’s weigh up the pros and cons of using each type of animation.

Animated GIFs

+ Easy to create if you have the know-how

+ Show off products in restricted space

+ Good support across major email clients

- Outlook 2007/2010/2013/2016 will only show the first frame of the animation

– File size can be slow to load and eat into a subscriber’s data plan if viewed on a mobile



CSS Animations

+ Lightweight and fast to load

+ Animations are much smoother compared to other methods of animating 

+ Looks very good on high quality mobile screens

– Knowledge required on how to create and troubleshoot

– Limited client support
Marteq's insight:

And that's the big problem with animated GIFs: not useful when hitting Outlook clients.

 

marketingIO: One Source for All Marketing Technology Challenges. See our solutions.  

No comment yet.
Scooped by Marteq
Scoop.it!

7 Examples of Innovative B2B Content Marketing - Social Media B2B | #TheMarketingAutomationAlert

7 Examples of Innovative B2B Content Marketing - Social Media B2B | #TheMarketingAutomationAlert | The MarTech Digest | Scoop.it

Key excerpt...

4. UberFlip Video Infographic

UberFlip helps companies present and distribute their content in dynamic ways, so when they wanted to tell the visual story of the growth of online video, they created a video infographic. This drove tremendous awareness and traffic with 800% increase in blog traffic.


Marteq's insight:

Some excellent examples, but none better than the above. Motion, infographic, audio. Entertain!


  • See the article at from socialmediab2b.com
  • Receive a daily summary of The Marketing Automation Alert directly to your inbox. Subscribe here (your privacy is protected).
  • If you like this scoop, PLEASE share by using the links below.
  • iNeoMarketing drives more revenue and opportunities for B2B companies using marketing technologies. Contact us
No comment yet.