Using animated GIFs (or not)

The GIF image format is pretty old, but still very popular. Generally, it is recommended to convert GIF to PNG8, because it results in a 21% smaller file size. But PNG images do not support animations. So that is probably the main reason that GIFs are still in use. Especially on sites or in apps…

Adding PHP 7 to your Linux server

PHP 7 has been released for some time now and it seems pretty solid. Besides new features like return type hints, it is up to 3× faster than PHP 5.6. Luckily, for most Linux distributions there are PHP 7 repositories available. Ubuntu On Ubuntu 14.04 and later you have to ensure you can add a…

Removing audio from video with FFmpeg

At the moment it’s quite popular to use a video as a background. I have been looking at examples of web sites that use it. I was curious how large these videos typically are and if the videos could be better compressed. One thing I noticed is, that most videos contain audio even if the…

Using the picture element to load WebP images with fallback

The performance of web pages depends for a significant part on images. According to the HTTP Archive, images contribute 63% to the weight of the average web page (August 2015). Google has developed a new image format called WebP, that promises smaller file size at equivalent image quality. But not all browsers support it. Luckily,…

Create better looking underlined links with CSS3 box-shadow and text-shadow

Unstyled links are by default underlined (with the exception of Opera Mini). Browsers simply use a 1 pixel solid line in the same colour as the text. You can change the appearance of the underline. There is a specification, but not with full browser support and somewhat limited possibilities. For a long time using a…

Back to top