2021 The 49th week of website development and link sharing - CSS style technology with high error tolerance, the size of the input box is automatically adapted to the JS library, and the portrait random generator

This week continues to produce four teaching texts. I found that I really shared what I have learned, and then I can help others, and I can also better understand if there is anything I don't understand by explaining it myself, so that I can learn from each other and teach each other. Even if something is obvious to us, someone can benefit by saying it. For example , the use of the .new domain name. My colleague called me immediately after the post and said that this move is very useful. In addition, I shared one of my API examples in the Python class, which can also bring out different usage scenarios .

It seems that I have to share more examples of my Python class, such as searching Macau Daily headlines to find keywords, listing today's AAStocks front page news, finding out how many days until the next public holiday, using Pandas to read website table data and processing Wikipedia tabular data, etc. Or open a series of writing iPhone shortcut application examples to share.

→ CSS Styling / Error-tolerant CSS Styling Tips
https://ishadeed.com/article/defensive-css/

20 useful CSS tricks to help build fault-tolerant styles, such as white text with image backgrounds, and in case the image doesn't load, the default white background will make the text unreadable.

→ The size of the tool/input box is automatically adapted
https://stretchy.verou.me/

Another tool of Lea Verou , the size of the input box automatically adapts to the tool. She has launched many useful tools before, such as Prism for Syntax Highlighter, Contrast Ratio for barrier-free color contrast, and CSS3 background pattern library .

→ Tools/ Portrait Random Generator
https://loremfaces.com/

Like Lorem Ipsum's placeholder text generator, but this generates an imaginary human figure.

→ tools/ rclone — file copy rsync for cloud storage services
https://github.com/rclone/rclone

Cloud storage service copy tool used like rsync

→ Teaching /making interface animation teaching
https://tilda.education/en/web-animation-course

A detailed interface animation tutorial. Unfortunately, it is not CSS-oriented, but design software-oriented. But what animation skills can be mastered and then applied to website projects by themselves.

→ Impressions of working / working remotely for seven years
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.

Agree. Writing is thinking. And writing starts with pen and paper.

→ Realistic size of Emoji / Emoji
https://javier.xyz/emoji-to-scale/

Very interesting comparison, arranging various emojis by realistic height,

→ Emoji/Statistics of the most commonly used emoji
https://home.unicode.org/emoji/emoji-frequency/

2019: 😂 ❤️ 😍 🤣 😊 🙏 💕 😭 😘 👍
2021: 😂 ❤️ 🤣 👍 😭 🙏 😘 🥰 😍 😊

—2021 week 49, Mai Cheng.

My name is Makzan . In addition to my full-time job, I usually hold local competitions and world competitions, or teach on-the-job training in programming and website development. Now he is transforming the face-to-face training content into e-books, online teaching materials, etc. So far, he has written 7 books and 2 video teaching courses.

If my article is valuable, please subscribe to sponsor me to continue to create and share.

Subscription Sponsorship: https://liker.land/thomasmak/civic