This article was originally published on Tinloof.

In this article we’ll build an auto-playing slideshow using React.

The article is divided in two sections:

  1. The trick
  2. Functionality

Here’s the final result (Codepen link here and Codesandbox link here):

Our Slideshow component is divided in three containers:

  • slideshow
  • slideshowSlider
  • slide

Here’s a sketch to visualize the structure:


This article is originally posted on Tinloof.

This series of articles is made out of two parts:

In the first part, we built the stopwatch’s user interface with HTML and CSS.

In this second part, we’ll make the user interface functional with JavaScript (the stopwatch works).

Final result

Here’s the link to the GitHub repo.

Here’s the link to the stopwatch itself.

If you want to practice with JavaScript, you can download RunJS, a JS notepad that serves as an alternative to the browser’s console.

Before we get started with the stopwatch’s functionality, let’s take some time to understand two fundamental concepts…


This article is originally posted on Tinloof.

This series of articles is made out of two parts:

In this first part, we build the stopwatch’s user interface with HTML and CSS.

In the second part, we’ll make the user interface functional with JavaScript (the stopwatch works).

Final result

Here’s the link to the GitHub repo.

Here’s the link to the stopwatch itself.

Our folder contains an HTML file, a CSS file, a JavaScript file, and a folder (called “icons”) with 3 SVG icons:

├── icons | 
├── pause-button.svg |
├── play-button.svg |
└── reset-button.svg
├── index.html
├── script.js
└── style.css

Here is…


Insights into the B2B space & lessons on product, sales, and client relationships.

In this article, we will discuss how my team and I at Latana have developed a brand analytics tool used by brand managers to understand how their brand performs.

There are 3 parts in this piece:

  • Part 1: a problem brand managers face and the solution to it.
  • Part 2: a lesson from a failed product and a lesson from B2B sales.
  • Part 3: insights from speaking with brand managers.

For those who prefer a video format, click on this YouTube link.


Understand how certain types of people do perceive your brand by creating an interactive Data Studio dashboard

See what we did above? We managed to understand if women aged 26–35 consider using the brand Oreo. So specific!

If you want to know how your brand performs with different audiences, you can use Google Data Studio to combine different demographics or attributes to get a better understanding of who knows your brand and what certain groups of people do think about it.

This comes in very handy for the brand managers out there who need to understand how their brand is positioned. …


We explore SEO’s structured data, rich snippets, testing tools and best practices for a dentist’s website

When you ask Google how to whiten your teeth, because hey, you are probably not so happy with their current state, Google asks websites back how to whiten teeth.

Google will go through millions of websites and gather the correct information for you. Not only it will look for the correct information, but it will aim to present it to you in a good-looking display.

When you do your search, this is what you get:


Making sure all teeth are in order before biting big Google.

My favorite dentist has been in business since 1992 and has, unfortunately, and unsurprisingly, failed to adapt to digitalization. She hasn’t launched a website, she doesn’t advertise on Google and she doesn’t have a Facebook page to attract new patients either.

A few of her competitors did and eventually gained market share. She felt pressured to do the same in order to not close shop.

Fortunately, this dentist has a son who is keen to learn digital marketing, and particularly SEO. And this son knows Seif, a skilled developer who’s willing to launch a website for her. 🤓

The aim…


A data-delivery alternative to Google Sheets or PowerPoint

Who knows your cookie brand the best? A 40-year-old man who lives in Paris and likes eating cookies, or a 23-year-old woman who lives in Berlin and does not like eating cookies?

Thanks to Google Data Studio (GDS), you can now combine the different data variables you have collected in your brand awareness survey, and discover who is most aware of your brand.

In this article, we will use GDS to unlock insights for a fictionary brand, Cookie Monster, and create visualizations that will help us better understand its brand performance.

Btw, GDS is free to use.

How is the data structured?


On taking the challenge to learn a technical skill (SEO)

When I first started my career, I barely understood what digital marketing was about. That is, despite working for a tech start-up and then a workflow automation software company. In both instances, I was involved in sales, and somewhat felt useless when it came to lead generation.

Lead generation is a crucial element in sales

A lead is a business or a person that may eventually become a client.

This activity is usually taken care of by a department (marketing, sales, or both) and can mainly be distinguished by two parts:

  • Outbound lead generation = reaching out to people and businesses (e.g. you reach out to a professional…


Define the limits of machine-generated actions and know when to switch from “cyborg” to human

If you work in sales, or if your role involves a sales component, you will quickly realize that mundane and repetitive tasks are not little in quantity.

Having worked in both B2C (Business-to-Consumer) and B2B (Business-to-Business), I have often wound up doing a “monkey” task where my fingers did not really require much brainpower, except for the mechanical stimulus.

To give you an example, reaching out to 100 people with customized messages would consume a few hours from my time while automating the same outreach to 100 people would only take 5 minutes.

In this short piece, we will explore…

Omar Benseddik

-

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store