---
url: https://sugarat.top/weekly/2024-11-17.md
description: >-
  ① CSS 新 logo - 紫色的纪念 ② 一站式 iframe 生成器 ③ vlt - 新的 js 包管理器 ④ kkTerminal -
  Web实现SSH终端 ⑤ Emoji的隐藏玩法
---

# 视野修炼第110期 | 紫色的纪念

欢迎来到第 110 期的【视野修炼 - 技术周刊】，下面是本期的精选内容简介

\[\[toc]]

下面开始本期内容的介绍**ღ( ´･ᴗ･\` )比心**。

## 🔥强烈推荐

### [1. CSS 新 logo](https://github.com/CSS-Next/logo.css#readme) - 紫色的纪念

💜

![](https://cdn.upyun.sugarat.top/mdImg/sugar/a0f2472db4b99d1f7acaffebb4e5ee87)

为什么是这个颜色 `rebeccapurple`（`#663399`）呢？

它背后有一个故事 “[隐藏在浏览器中的紫色纪念碑](https://medium.com/@valgaze/the-hidden-purple-memorial-in-your-web-browser-7d84813bb416)”

> CSS 标准先驱 Eric Meyer 有个女儿叫 Rebecca，紫色是她最喜欢的颜色，但她在 6 岁生日时因脑癌去世了。

> 鉴于 Eric 在 CSS 方面的大量工作，建议将十六进制值 #663399（一种紫色）别名为“beccapurple”，但 Eric 有一个请求：将其称为“rebeccapurple”，Rebecca 六岁时，希望每个人都叫她 Rebecca，而不是 Becca.

自 2014 年以来它已成为官方 CSS 标准的一部分！

你在 DevTools 中配置颜色时输入 `re` 就能看见这个颜色排在首位！同样 VS Code 中也是如此。

|                                    DevTools                                     |                                     VS Code                                     |
| :-----------------------------------------------------------------------------: | :-----------------------------------------------------------------------------: |
| ![](https://cdn.upyun.sugarat.top/mdImg/sugar/9f88ecf48210878142c7ab147db512f5) | ![](https://cdn.upyun.sugarat.top/mdImg/sugar/8db6861ee019418bf168c41a2b067150) |

*之前还疑惑为什么写红色的时候输入 `re` 排在第一个的不是 `red`，现在悟了(来自CSS的善意)！*

### [2. 一站式 iframe 生成器](https://iframegenerator.top/)

可视化的方式将 iframe 相关配置项进行展示。

支持配置常用属性和安全相关的配置生成。

|                                    属性配置                                     |                                    安全配置                                     |
| :-----------------------------------------------------------------------------: | :-----------------------------------------------------------------------------: |
| ![](https://cdn.upyun.sugarat.top/mdImg/sugar/b35651e0dc045f5355eac9171d9868da) | ![](https://cdn.upyun.sugarat.top/mdImg/sugar/900f2f5e78629529f394fc940f3f4e60) |

*iframe 相关内容非常的完善！应有尽有，值得收藏 👍🏻！*

![](https://cdn.upyun.sugarat.top/mdImg/sugar/e2999b3fdb2c152cff3cc57373175c26)

## 🔧开源工具&技术资讯

### [3. vlt](https://www.vlt.sh/client) - 新的 js 包管理器

npm 的创建者 Isaac Schlueter，推出的新工具，用来替代 npm ！

![](https://cdn.upyun.sugarat.top/mdImg/sugar/0b96708527e167a58160d635706842a2)

### [4. kkTerminal](https://github.com/zyyzyykk/kkTerminal) - Web实现SSH终端

![](https://cdn.upyun.sugarat.top/mdImg/sugar/99c7b887d44d3662c3b954461a88e29e)

可以直接在浏览器中配置连接远程主机。

## 📚教程&文章

### [5. Emoji的隐藏玩法](https://mp.weixin.qq.com/s/DRkamHqAba29TMcFIFy5wQ)

文章分享了一些 Emoji 的彩蛋；发展的前世今生；以及相关的有趣的 AI 工具。

![](https://cdn.upyun.sugarat.top/mdImg/sugar/dbf925eaf0ed08fa1af09909b8852fa1)

`“非礼勿视、非礼勿听、非礼勿言”`

比如：[文字转 emoji](https://www.emojiall.com/zh-hans/emoji-translator-page)

```
✋️️50🍗🐓
```

![](https://cdn.upyun.sugarat.top/mdImg/sugar/0352cfd2e3daa2aa9fdb7bfef6cde7b3)

*xs*

## ⭐️强力推荐关注

> 周刊部分内容来源如下渠道，推荐大家关注。

* [阮一峰: 科技爱好者周刊](https://www.ruanyifeng.com/blog/archives.html) - 记录每周值得分享的科技内容，周五发布
* [云谦：MDH 前端周刊](https://sorrycc.com/mdh/) - 前端资讯和分享
* [童欧巴：前端食堂](https://github.com/Geekhyt/weekly) - 你的前端食堂，吃好每一顿饭
* [前端 RSS](https://fed.chanceyu.com/) - 根据 RSS 订阅源抓取最新前端技术文章
* [值得一读技术博客](https://daily-blog.chlinlearn.top/) - 每天进步一点点，每天分享有料的技术文章！
* [FRE123 技术周刊精选](https://www.fre321.com/weekly) - 技术周刊精选推荐信息流