2021 第49 周网站开发好连结分享—容错度高的CSS 样式技、输入框的尺寸自动适应JS 库、人像随机生成器

今个星期继续产出四篇教学文。我发现真的把所学所得都分享出来，然后就可以帮助别人， 而且自己解释一次也可以更了解有没有未弄明白的地方，互相增长见闻，教学相长。一些就算我们很明显之道的事情，说出来还是可以有人受惠。例如.new 域名的使用，贴文后我同事马上打电话给我说这招式非常实用，另外我把其中一个我在Python 班的API 范例分享，也能带出不同的使用情景。

看来我要再多分享一下我的Python 班例子，例如搜寻澳门日报标题寻找关键字、列出今日AAStocks 头版新闻、找出距离下次公众假多少日、使用Pandas 读取网站表格数据及处理维基百科表格数据等。又或者开个系列写iPhone 捷径应用例子分享。

→ CSS 样式/ 容错度高的CSS 样式技巧
https://ishadeed.com/article/defensive-css/

很实用的20 个CSS 技巧，帮助构建容错度高的样式，例如白色字配搭图片背景，万一图片不能载入，预设白色背景底就会使文字也不可读。

→ 工具/输入框的尺寸自动适应
https://stretchy.verou.me/

Lea Verou大神的又一工具，输入框的尺寸自动适应工具。她之前已推出不少实用工具，例如语法上色(Syntax Highlighter) 的Prism 、无障碍颜色对比的Contrast Ratio 、及CSS3 背景图案库等。

→ 工具/人像随机生成器
https://loremfaces.com/

就像Lorem Ipsum 的占位文字生成器般，但这是生成一个虚构的人像。

→ 工具/ rclone — 专为云端储存服务而设的档案复制rsync
https://github.com/rclone/rclone

像rsync 般使用的云端储存服务复制工具

→ 教学/制作界面动画教学
https://tilda.education/en/web-animation-course

一个详细的界面动画教学。可惜不是CSS 导向，而是设计软件导向。但可以掌握有哪些动画技巧，再自行应用于网站项目上。

→ 工作/ 七年遥距工作的感想
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.

赞同。写作就是思考。而且写作从纸笔开始。

→ 表情符号/ Emoji 表情符号的现实大小
https://javier.xyz/emoji-to-scale/

很有趣的比较，将各种表情符号按现实高度排列，

→ 表情符号/大家最常用的表情符号统计
https://home.unicode.org/emoji/emoji-frequency/

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

—2021 week 49, 麦诚。

我是麦诚轩（ Makzan )，除了正职外，平常我要么办本地赛与办世界赛，要么任教编程与网站开发的在职培训。现正转型将面授培训内容写成电子书、网上教材等，至今撰写了7 本书， 2 个视频教学课程。

如果我的文章有价值，请订阅赞助我持续创作分享。

订阅赞助： https://liker.land/thomasmak/civic