Web Development

Recent posts

  1. CSS Solutions to Fix FOUC

    I've finally decided to fix a bug I've been seeing for a long time, which I always would leave for later as it was a minor bug. This bug is called FOUC or Flash of Unpainted Content, so I decided to share with you these 2 solutions to this simple problem.

    Theater curtain

    Today, I’ve finally decided to fix a bug I’ve been seeing for a long time, which I always would leave for later as it was a minor bug. This bug is called FOUC or Flash of Unpainted Content, so I decided to share with you these 2 solutions to this simple problem.

    The problem is relatively simple, avoid showing unstyled HTML elements scattered through the page while the CSS file is being …

    Show more
    15:53 (+0200)

  2. Embedding YouTube Videos Without Impacting Web Perf

    Improve the page loading performances caused by YouTube iframes with a few simple HTML and CSS tricks.

    Yesterday I had to embed some YouTube videos in one of the articles I was writing about Raspberry Pi’s, and since I usually do not embed videos that often and rarely multiple of them, I never really upset about the performances penalty for one iframe, but after I added multiple of them I saw a massive web page loading degradation.

    So it occurred to me how could I embed YouTube videos more …

    Show more
    19:42 (+0200)

  3. Speeding up static websites with PJAX

    How to improve the performances and enhance the user's experience of static websites (Hugo, Jekyll..) using the PJAX technique.

    With the fast-growing trend of static websites, many people are moving their blogs from WordPress, Medium, etc, to static websites built with Hugo or Jekyll. And there is a good reason for that. One of the reasons is security, cutting down server costs, ease of maintenance, performances, and many others. But in this article, I would like to focus on performances.

    As everybody knows, static …

    Show more
    16:27 (+0200)

  4. My static website updates in 2020

    Implementing more advanced features to the static website made with Hugo

    Some time ago I decided to build a personal website that would last through time. So nothing fancy, no cool animations, no pages, almost no JavaScript and 3rd party services just a plain single page with my basic who-i-am Infos and contact information. And I realized that plan with a static website built with Hugo.

    But today after some planning and brainstorming, I decided to make updates to this …

    Show more
    00:00 (+0000)