“Lege”: Play without fixed rules for creative and freedom

Makzan’s Weekly Dispatch 2020 week 10

This week I finished Rob Moore’s Start now, get perfect later book. This is a book full of useful tips and most of them I already know. But still, it is good to have someone reminding us of the most obvious tips that we will easily forget during daily busywork.

I also finished the Lifelong Kindergarten book. My key takeaway from the book is the word “play” in Danish is two separate words: spille and lege. For games with rules and regulation, it is spille. For creative and freedom play without fixed rules, it is lege. And this is why LEGO is called LEGO by mixing the word “lege” and “godt”, which means “play well” (and freely).

Links worth sharing

Four First Public Working Drafts published by the CSS Working Group

There are new working drafts from the CSS Working Group. The media query level 5 will be useful. It includes light-level, inverted-colors, prefer-contrast, prefers-reduced-motion, prefers-reduced-transparency, prefers-reduced-data in addition to the prefer-color-scheme.

There will also be custom media queries which are like CSS variable but works on the media queries.

Some example usages from LogRocket blog: New media queries you need to know.

Why and how to use WebP images today

WebP is widely supported in modern web browsers and mobile browsers except for Safari. But we don’t need to wait for the Safari support to start using WebP. We can use the picture tag to support both webp and jpeg/png.

    <source type="image/webp" srcset="image.webp">
    <source type="image/jpeg" srcset="image.jpg">
    <img src="image.jpg" alt="My Image">

Why the GOV.UK Design System team changed the input type for numbers

Another accessibility tips from Gov.uk. In my mobile web class, I also told my students to be careful of the input type=number.

Beautiful Dingbats’ Pattern Generator

Beautiful background patterns.

Typography Terms Poster: The A-Z of Typographic Terms Infographic Designed by Fontsmith

Nice poster for the office wall.


This is an automatic email digest for following important news on social networks, blogs, and news websites. I use it to catch the news that I don’t want to miss from twitters and hacker news. Useful for me to have a glimpse of what my industry is going on while keeping away from the Twitter feed distraction.

Here is my daily twitter digest for my lunch reading.

What does the BMW logo mean?

BMW gets a new logo, and here is the logo story.

Until next week,