Who Needs AMP? How to Lazy Load Responsive Images Quick and Easy with Layzr.js

AtoZ CSS Quick Tip: Keyframe Animations

K is for @keyframes

In this week's tip, we look at ways to handle vendor prefixes and a quick tip for refactoring your @keyframes into a more condensed format.

We talked a lot about @keyframes in the video about the letter K. Here are some extra tips that you might find useful when working with CSS animations (and any current or future experimental properties).

Tip 1

When setting up your keyframes for an animation, it's quite common for certain points of the animation to share the same values for particular properties. Instead of having a long list of keyframes, you can combine them into a comma separated list, just like you would with selectors that share the same properties and values.

[code language="css"]
@keyframes pulse {
0%, 50% { font-size: 10px }
25%, 100% {font-size: 20px }
}

/* just like */
h1, h2, h3 {
font-family: 'Avenir', sans-serif;
}
[/code]

Tip 2

Support for CSS animations is very good -- at the time of writing the global support is 89.5% and all supporting browsers have both @keyframes and animation unprefixed.

Continue reading %AtoZ CSS Quick Tip: Keyframe Animations%

by Guy Routledge via SitePoint

Get Started With Firebase for Android

List Building: How to Grow Your Email List Using Facebook Live

Do you want a bigger email list? Looking for list building techniques? To explore how to grow your email list using Facebook Live and podcasts, I interview Amy Porterfield. More About This Show The Social Media Marketing podcast is an on-demand talk radio show from Social Media Examiner. It’s designed to help busy marketers and [...]

This post List Building: How to Grow Your Email List Using Facebook Live first appeared on .
- Your Guide to the Social Media Jungle

by Michael Stelzner via

Lavazza Jolie

Dedicated landing page promoting the new 'Jolie' coffee machine by Lavazza. Lots of neat elements in here like parallax scrolling "pods", an interactive section that compares common kitchen sounds to the machine, size comparison slider, pod deconstruction infographic and of course good promo videos.

by Rob Hope via One Page Love

City of Val-d'Or

Gateway to the Abitibi-Témiscamingue, Val-d'Or has a population of some 33 000 inhabitants which enjoys a natural resource-based economy and a unique culture.
by via Awwwards - Sites of the day

Important Social Media Statistics That Influence Business Decisions (infographic)

One of the main reasons why social media marketing is important for business is because of the huge number of users. Around 70% of the U.S population has at least one frequently used profile, and more than half of them use numerous social networks. On a global scale, the number of people who actively uses social networks is around 2.307 billion and that number is expected to rise up to 3 billion by 2019.

Of course, when we talk about social networks, the first thing that comes to mind is selfies and pictures of meals, however, there is so much more than that. Even B2B purchases are affected by social media sales and they can play a vital role in any purchasing decision. Consumers even claim that their buying process is largely influenced by positive feedback in the comment section.

The only real problem with social media is that its ROI is hard to measure; however, it is more than clear that they are a vital part of a good advertising campaign. And, as the population on social networks grows, so will the amount of resources invested in social media marketing. Here are some of the statistics that every business owner should be aware of.

by Guest Author via Digital Information World