Tag Archives: digital

Naming Things In CSS Grid Layout

When first learning how to use Grid Layout, you might begin by addressing positions on the grid by their line number. This requires that you keep track of where various lines are on the grid, and also be aware of the fact the line numbers reverse if your site is displayed for a right-to-left language.

Naming Things In CSS Grid Layout

Built on top of this system of lines, however, are methods that enable the naming of lines and even grid areas. Using these methods enables easier placement of items by name rather than number, but also brings additional possibilities when creating systems for layout. In this article, I’ll take an in-depth look at the various ways to name lines and areas in CSS Grid Layout, and some of the interesting possibilities this creates.

The post Naming Things In CSS Grid Layout appeared first on Smashing Magazine.

Taken from – 

Naming Things In CSS Grid Layout

Implementing A Service Worker For Single-Page App WordPress Sites

With so many JavaScript frameworks around, single-page application (SPA) websites seem to be all the rage nowadays. However, an SPA architecture has the drawback of having a slower first-page load than a server-based application, because all of the JavaScript templates used to render the HTML view must be downloaded before the required view can be generated.

Implementing A Service Worker For Single-Page App WordPress Sites
Enter service workers. Through service workers, all framework and application code to output the HTML view can be precached in the browser, thus speeding up both the first meaningful paint and the time to interact. In this article, I will share my experience with implementing service workers for PoP, an SPA website that runs on WordPress, with the goal of speeding up the loading time and providing offline-first capabilities.

The post Implementing A Service Worker For Single-Page App WordPress Sites appeared first on Smashing Magazine.

See more here – 

Implementing A Service Worker For Single-Page App WordPress Sites

What is Web Spam?

Web Spam: Intentional attempts to manipulate search engine rankings for specific keywords or keyword phrase queries. But isn’t that what SEO is? Trying to get your website content to rank better in search engine results? Well… There’s a fine line between doing everything you can to give your website content the best shot at ranking well in the search engines, vs. trying every sneaky trick possible. The Old Days of Web Spam – Keywords, Keywords, Keywords Everywhere! The first search engines (Lycos, HotBot, AltaVista to name a few) used a fairly basic approach to ranking webpages. For the most part,…

The post What is Web Spam? appeared first on The Daily Egg.

Read the article: 

What is Web Spam?

Exploring Animation And Interaction Techniques With WebGL (A Case Study)

Two years ago, I decided to start a series of short WebGL experiments on Codepen. Earlier this year, I finally found the time to compile them all together on a single website named “Moments of Happiness”. Since its incarnation, I’ve found ways to explore and learn different animation and interaction techniques, which I’ve implemented in these interactive toys.

Exploring Animation And Interaction Techniques With WebGL (A Case Study)

As you’ll see, the gameplay is very different in each one, but all of the experiments share one principle: The behavior of each character responds programmatically to user input. No precalculated animation — every movement is defined at runtime. Breathing life into these characters with only a few lines of code was the main challenge.

The post Exploring Animation And Interaction Techniques With WebGL (A Case Study) appeared first on Smashing Magazine.

View this article:  

Exploring Animation And Interaction Techniques With WebGL (A Case Study)

User Authentication For Web And iOS Apps With AWS Cognito (Part 1)

Developers and organizations alike are looking for a way to have more agility with mobile solutions. There is a desire to decrease the time from idea to test. As a developer, I often run up against one hurdle that can slow down the initial build of a mobile hypothesis: user management.

User Authentication For Web And iOS Apps With AWS Cognito (Part 1)

Over the years, I have built at least three user management systems from scratch. Much of the approach can be based on a boilerplate, but there are always a few key items that need to be customized for a particular client. This is enough of a concern that an entire category of user management, authentication and authorization services have sprung up to meet this need. Services like Auth0 have entire solutions based on user and identity management that developers can integrate with.

The post User Authentication For Web And iOS Apps With AWS Cognito (Part 1) appeared first on Smashing Magazine.

Read this article:

User Authentication For Web And iOS Apps With AWS Cognito (Part 1)

Friendly, Frictionless Work: Best Practices For Enterprise Messaging UX, From Slack

Creating good user experiences for apps inside messaging platforms poses a relatively new design challenge. When moving from desktop web to mobile interfaces, developers have had to rethink interaction design to work around a constrained screen size, a new set of input gestures and unreliable network connections.

Friendly, Frictionless Work: Best Practices For Enterprise Messaging UX, From Slack

Like our tiny touchscreens, messaging platforms also shake up the types of input that apps can accept, change designers’ canvas size, and demand a different set of assumptions about how users communicate.

The post Friendly, Frictionless Work: Best Practices For Enterprise Messaging UX, From Slack appeared first on Smashing Magazine.

Source: 

Friendly, Frictionless Work: Best Practices For Enterprise Messaging UX, From Slack

Building A Simple AI Chatbot With Web Speech API And Node.js

Using voice commands has become pretty ubiquitous nowadays, as more mobile phone users use voice assistants such as Siri and Cortana, and as devices such as Amazon Echo and Google Home have been invading our living rooms.

Building A Simple AI Chatbot With Web Speech API And Node.js

These systems are built with speech recognition software that allows their users to issue voice commands. Now, our web browsers will become familiar with to Web Speech API, which allows users to integrate voice data in web apps.

The post Building A Simple AI Chatbot With Web Speech API And Node.js appeared first on Smashing Magazine.

Taken from:

Building A Simple AI Chatbot With Web Speech API And Node.js

Glossary: Earned Media

what is earned media

Earned media (often regarded as free media) attributes the publicity of your brand to the recognition of its efforts and results. It includes publicity gained through word-of-mouth, buzz, reviews, news coverage, comments, feedbacks, likes, mentions, shares, and varied promotional efforts other than paid media advertising or owned media branding. Reputation is the biggest asset for any brand. A brand (both personal and corporate) can be either established through or demolished through the reputation it holds. This reputation comes from nowhere else other than earned media! In concise, earned media is any publicity created by a third party for your brand….

The post Glossary: Earned Media appeared first on The Daily Egg.

More here:

Glossary: Earned Media

Reinvent Your Marketing Funnels with Google Analytics Cohort Analysis and LTV Reports

cohort analysis report

There have been many published articles on marketing funnels emphasizing the need to track the full customer lifecycle, in order to determine the best return on campaign activity spend. Some provide tracking solutions through hacks (e.g. using customer variables), other articles suggest using an enterprise level solution (e.g. Salesforce or Google Analytics Premium). While there’s also a small number that argue the fact that the customer journey isn’t linear, which means it can’t be tracked. The main challenge is that multi-channel attribution was and is still (until the next update comes out) measured on assumptions on what the individual credited…

The post Reinvent Your Marketing Funnels with Google Analytics Cohort Analysis and LTV Reports appeared first on The Daily Egg.

Follow this link – 

Reinvent Your Marketing Funnels with Google Analytics Cohort Analysis and LTV Reports

How do ad agencies win a Cannes Lion award?

Reading Time: 2 minutes

As the Cannes Lions Festival is wrapping up this week, we’re seeing the annual breathless, self-congratulatory statements coming out of agencies with photos of their awards and sun-tanned creative teams sipping champagne.

Cannes Lions
Thanks for the trip to the south of France, clients!
We’d like to thank the little people who made this possible.

They should feel proud. They’ve achieved a huge accomplishment that has been the recognized stamp of credibility for advertising creativity since 1954.

How do agencies win at the Cannes Lions festival?

When I worked at the big ad agencies, I was often shocked at how they used clients’ budgets for the purpose of winning awards and self-promotion.

I’ve seen ad agency executives planning how to maximize their billings for minimal work and use their clients’ budgets to submit campaigns for awards.

I vividly remember, shortly before I walked away from my ad agency career, being part of a team that created a poster to promote a lightbulb.

It involved an elaborate set rental, professional photography shoot, intensive image editing, and ultimately cost the client $17,000. For a poster.

It did nothing to communicate the benefits of the lightbulb for consumers. And there was not a single conversation at the agency about how we should measure results, or even what the goal was for the poster.

Was it a failed poster campaign?

It certainly didn’t achieve the goals in the official creative brief.

But, it did win a prestigious award for that agency and the creative director.

It was certainly a clever (if not esoteric) concept with beautiful, subtle photography, but it was entirely useless as an ad.

I watched as the client contacts turned a blind eye to the waste, knowing that they would be repaid with lavish expense account dinners in exchange for handing over their company’s cash.

CMOs are turning against award-obsessed agencies

That’s why today’s CMO’s are rejecting traditional award-seeking agencies. They know those agencies don’t care about their clients. Much less their clients’ customers.

Today’s CMOs know award-seeking agencies don’t care about their clients. Much less their clients’ customers.

They know that too-clever ads often don’t achieve results. Their digital transformation is changing their priorities. Data-informed ad campaigns are now revealing how ineffective the old gut-feeling approach can be.

They are seeking alternatives, and finding them in the Zen Marketing approach that balances intuition with data, big ideas with bold experiments, inspiration with rigorous validation.

The alternative to cleverness is customer insights that are validated by robust data.

The alternative to awards for cleverness is measurable results lift.

I firmly believe that creativity is still required for advertising. And a rigorous experimentation program is enabling today’s marketing innovation.

I’m reminded again, in this Cannes Lions Festival season, of why I started WiderFunnel to be the “anti-agency.” And again, why we will never make a recommendation if we haven’t tested its ability to lift the client’s revenue.

So, the next time you’re in an agency pitch where they’re bragging about their awards, don’t walk; run away from hiring them. They’re telling you they don’t care about you.

Why we will never win a Cannes Lion award

Short answer: Because we will never submit for one.

The post How do ad agencies win a Cannes Lion award? appeared first on WiderFunnel Conversion Optimization.

View original post here – 

How do ad agencies win a Cannes Lion award?