“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
https://www.w3.org/blog/news/archives/8343

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
https://bitsofco.de/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.

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

Why the GOV.UK Design System team changed the input type for numbers
https://technology.blog.gov.uk/2020/02/24/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
https://beautifuldingbats.com/pattern-generator/

Beautiful background patterns.

Typography Terms Poster: The A-Z of Typographic Terms Infographic Designed by Fontsmith
https://imjustcreative.com/typography-terms-poster/2020/02/28

Nice poster for the office wall.

Mailbrew
https://mailbrew.com/

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.
https://app.mailbrew.com/makzan/makzans-twitter-digest-4mowguwv52Vv

What does the BMW logo mean?
https://www.bmw.com/en/automotive-life/bmw-logo-meaning-history1.html

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

Until next week,
Makzan