How to print a specific HTML element

/in , , /by

Text flickering when Google Maps loads

/in , /by

The solution to this issue is easier than you think. You have the Roboto font in your CSS but the user maybe doesn’t so the browser falls back to another font. As soon as Google Maps loads Roboto is available producing a kind of flickering effect when changing fonts.

One of the many solutions is to ensure the user gets Roboto in first place. Just add the next code into your head tag.

<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700">

Renaming Files in a folder to Sequential Numbers with a Prefix

/in /by

First of all, we have to order our files using ls -v and concatenate them to a standar output with cat -n. From this ouput we read the sequence (n) and the name of each file (f). Finally, we rename the files using mv, adding a prefix and the sequence (n)

ls -v | cat -n | while read n f; do mv "$f" "prefix$n.jpg"; done

If we want to add a zero pad (p) to our sequence (n) we can do it easily with printf.

ls -v | cat -n | while read n f; do printf -v p %03d $n; mv "$f" "prefix$p.jpg"; done

Hello Covid

/in , , , /by

Hello Covid is an interactive story, built to support and reassure children under the age of 7, regarding the COVID-19.

This content is a resource for families and educators to allow discussions and conversations with kids regarding the current situation and how they feel about it.

It also try to tell the children who the coronavirus is and how we can deal with it to avoid anxiety and frustration.

It is important to point out that this resource does not seek to be a source of scientific information.

Here are some screenshot examples:

Codebase in GitLab repositories
Read the interactive story online
Download the app on any Android device