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 个视频教学课程。
如果我的文章有价值,请订阅赞助我持续创作分享。
喜欢我的作品吗?别忘了给予支持与赞赏,让我知道在创作的路上有你陪伴,一起延续这份热忱!
- 来自作者
- 相关推荐