Mobile First

Multiple studies show that more people surf the internet via their mobiles than from a desktop PC. According to Stone Temple research from 2017:

  • The percentage of visitors that use their mobile devices to surf the internet increased from 57% to 63%.
  • The time spent on the Internet via mobile devices also increased from 40% to 49%.

In 2019 (as well as in 2018), more people will switch to mobile devices to access the Internet. Therefore, optimizing a website for mobile users is the next goal of all web designers, developers, and other related personalities.

Source: templatemonster



you can easily check if your website meets the requirements.

Remove google fonts from Divi Theme

I tried several ways to remove google fonts from Divi like described here:


or here:

But I did not get them to work.

Divi adds the google font with the function

And one can remove a function from a parent theme in a child theme with the remove_action() function from wordpress. So I added the following code to the child themes function.php:

And that worked!

I found this solution at:–cms-22623

To make use of web fonts it is best to host them on your own server. You can find many fonts and a description on how to use them here:

Useful websites

This page presents a collection of websites which I find guide useful and informative. I just add links as I come across sites by chance. I do no research about these topics.

You can find free images on or on Pixabay

Nice color palettes can be found at Flat UI Colors

The Stocks: a website with many links to images, videos, icons, colors and fonts

If you need some user data for test cases you can get random data from Random User Generator.


On the one hand, this website is outdated because it creates grids with floats, but on the other hand this site can still be useful for creating css for your fonts.

HTML & CSS Templates:
Templates for free under the Creative Commons Attribution 3.0 license:

Play around with CSS Grid:

Grid by example


Email testing can be done with:

Draw a polygon:


Check your page speed: or even better with:


Page Speed Insights Rules (from google):

which is part of:

Other stuff:

An article about anonymous web surfing from Bill Hess on Pixel Privacy

A list of styleguides can be found at:

I consider webflow worth to look at.


Spaceship Operator, The Null Coalesce Operator and the Splat Operator


that’s it for the spaceship operator. Consider its use with usort

The null coalesce operator is used like this (e.g. check if a get var is set):

$id = $_GET[‚id‘] ?? 0;

This is much shorter than $id = isset($_GET[‚id‘]) ? $_GET[‚id‘] : 0;

Splat Operator for unpacking an array:

See also:

For more information and other new features in PHP 7 visit:

Splat Operator was introduced in php 5.6 as far as I remember.