109 欸!UI 设计师不可不了解(違う)的文档输出格式

今天的节目内容主要是由自称 18 流前端开发的应姓主播来向大家道歉,中间穿插一些他在近期 coding 工作时接触的事例所组成。啊,可叹还差一流就是我大 SOS 团的朝比奈 1096 学姐了… >.<


一号主播花了 5 个小时剪辑 2 个小时找链接 1 个小时给时间轴配图而二号主播只需要负责写一段简介结果凑了两天只凑了上面这么一句半,好了,现在被一号主播凑满字数了。


内容提要

01:46 久违了的道歉环节

09:57 本期开始的话题.SVG

22:13 没有过时的技术,只有过时的观念

32:43 以「老铁」为代表的动画们确实让我们的 app 体验丰富了不少

43:03 支持还行但未普及的 APNG 和曾经的 Flash 有那么点儿精神传承

49:00 本期充满了道歉的气息,Leon 为前面的不严谨进行自我反省

50:31 剩下的时间,就留给 JJ 尽情吐槽 WebP


参考链接

  1. 三年前那期聊图片格式的本台播客 2:57
  2. 听众 alphaArgon 提供的网点背景实现方法 5:00
  3. BGM: U137 - Awakening 9:33
  4. 可缩放矢量图形 SVG 11:03
  5. Leon 说的梗图没找到,但还有另一张博大家一笑 11:23
  6. 使用 SVG 图标的 Nokia 6300 的九宫格界面 12:30
  7. 一个在线 SVG 压缩工具 17:20
  8. Figma 的 Vector Networks 20:48
  9. BGM: Vexento - Worlds Away 21:50
  10. 网页开放字体格式 WOFF 22:36
  11. Leon 提供了修 bug 贡献的 Glyphs 中文教程 25:28
  12. 3type 字体设计师刘育黎 Willie Liu 25:34
  13. Anyway.News 在八比特主题下的刊头 26:38
  14. BGM: Stars As Lights - You ll Be Safe Here 32:33
  15. 「老铁」Lottie 32:49
  16. 那篇技术比较文章《各大厂商对 Swift、Flutter 等『新技术』的真实填坑情况33:44
  17. 老铁对 AE 各个特性的支持列表 38:43
  18. 提供各种老铁资源的社区 Lottiefiles 39:07
  19. 国产动画格式 SVGA 41:40
  20. SVGA 背后的故事 41:49
  21. BGM: The 1975 - Paris 42:44
  22. PNG 的姐妹、动画格式 APNG 43:18
  23. 动画格式转换工具 iSparta 45:32
  24. BGM: A R I Z O N A - Find Someone 48:38
  25. 饿了么出品的组件库 Element 49:21
  26. 百度出品的可视化数据图形库 ECharts 49:27
  27. Google 主推的图形格式 WebP 50:43
  28. 腾讯的 TPG 格式 51:11
  29. Airbnb 的创业故事 55:03
  30. Lottie 在官网上的 logo 动画 55:25
  31. Google 搜 WebP 出现的落地页 55:44
共有 16 条评论
Cam
6 月 4 日 03:28

为什么每次熬到这个点准备睡觉的时候都会碰上更新。。那这个沙发我就收下了

JJ Ying
6 月 4 日 17:26

怪我……怪我……

RandomYang
6 月 4 日 06:06

在大概5:00提到的css通过各种渐变写出样式,可以看看这个仓库,它所有的pattern也都是用css写的。

JJ Ying
6 月 29 日 21:25

感谢分享~

超超超人LcC
6 月 4 日 15:18

现在评论留言的 感觉越来越少了

JJ Ying
6 月 4 日 17:25

瞎说什么大实话!

c.
6 月 6 日 17:39

没明白朝比奈这个梗 (

leongao
6 月 9 日 13:16

说明你是年轻人

c.
6 月 9 日 21:03

相当于两位, 确实是年轻人, 虽然看了5次凉宫春日, 但还是没明白这个梗 OxO

leongao
6 月 28 日 16:47

学姐的名字是 朝比奈实玖瑠(19流)

c.
7 月 10 日 17:19

难道反射弧太长?看完半个小时才反应过来...

c.
7 月 10 日 17:19

难道反射弧太长?看完半个小时才反应过来...

Louis
6 月 8 日 10:11

国内除了 SVGA 外,还有鹅厂的 PAG🔗https://pag.io/  目前未开源,直播产品 花椒 最近升级的 3D角色千人千面礼物 感觉可能都用上 3D游戏引擎了... 🔗https://www.zcool.com.cn/work/ZNDUxNDY1NDQ=.html

JJ Ying
6 月 8 日 10:55

多谢分享!确实,这个肯定是用上 3D 引擎了

不想留名的听众
6 月 29 日 01:54

测试一下

不想留名的听众
7 月 2 日 18:10

hhhh

支持的 Markdown 格式
**加粗**加粗
[链接](https://anyway.fm)链接
* 无序列表无序列表
1. 有序列表有序列表
__下划线__下划线
~~删除线~~删除线
`CODE`CODE

订阅我台