2021 week 49—Defensive CSS, Stretchy input size, Lorem Faces
Links worth sharing for web technologies.
Hi there,
This week, I participated in the Asia Pacific ICT Alliance reward judging. Also took some more time to write in both pens & paper and Google Docs.
I also discovered new path walking to work, with some nice views.
Links worth sharing
→ CSS / Defensive CSS
https://ishadeed.com/article/defensive-css/
There are 20 CSS tips and tricks to create defensive CSS styles, which allows the content to be readable even there are unpredicted errors or layout. For example, when having a white text above a dark image, the text is readable only when the image is correctly loaded. Otherwise, the text becomes unreadable. In such case, we may put a dark gray background color on this element just in case the image is not loaded, the text is still readable.
→ JS Library / Stretchy
https://stretchy.verou.me/
> Form element autosizing, the way it should be.
Another useful tool from Lea Verou. She has been creating tools such as Prism for syntax highlighting, Contrast Ratio for accessibility checking, CSS background patterns etc.
→ Tool / Lorem Faces
https://loremfaces.com/
Lorem Ipsum generator but for faces. I almost can't believe that those faces are not real.
→ Tool / rclone — rsync but for cloud storage services
https://github.com/rclone/rclone
This tool mounts 40+ cloud storage services as virtual desks and allows copying files between file systems just like using rsync.
→ Course / Web animation course
https://tilda.education/en/web-animation-course
A very good guide to create great quality animation.
→ Work / Lessons from seven years of remote work
https://tylercipriani.com/blog/2021/12/01/lessons-from-seven-years-of-remote-work/
Writing is thinking, and you’ll find your thinking is sharper if you start with pen-and-paper first.
→ Fun / Emoji to Scale
https://javier.xyz/emoji-to-scale/
Fun to see the emoji scaling in proportion of its real world size.
→ Fun / The Most Frequently Used Emoji of 2021
https://home.unicode.org/emoji/emoji-frequency/
Another emoji-topic web page.
2019: 😂 ❤️ 😍 🤣 😊 🙏 💕 😭 😘 👍
2021: 😂 ❤️ 🤣 👍 😭 🙏 😘 🥰 😍 😊
Book Quote
“Notes build up while you think, read, understand and generate ideas, because you have to have a pen in your hand if you want to think, read, understand and generate ideas properly anyway. If you want to learn something for the long run, you have to write it down. If you want to really understand something, you have to translate it into your own words. Thinking takes place as much on paper as in your own head.”
— Sönke Ahrens, How to Take Smart Notes.
Until next week,
Thomas Mak
