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…

HTML5 video autoplay on mobile

There is a follow-up to this blog post. Based on Steve Souders’ blog post on video preload, I have been telling people that autoplay does not work on mobile. Recently, the inevitable happened. I had to implement an autoplaying background video for a project. A background video did not make much sense on mobile, because…

Back to top