tyler

星期一 04 下午 十二月 16o 2024

Bytes: Our top 5 CSS features from 2024

Bytes: Our top 5 CSS features from 2024

Cool Bits 徽标

酷点

  1. React, Visualized 是我们为主要 React 创建的一个微型网站,其中包含大量可视化内容概念。是的,我们在这上面花了太多时间,但它有助于驱除恶魔。

  2. beeps 刚刚推出了一个 Next.js 应用程序的待命平台,只要您的系统发生事件,它就会在 Slack 中向您发出“嘟嘟声” 应用程序。它会向您显示所有影响因素,并告诉您这是代码的错误还是 Clerk 或 OpenAI 等外部服务之一的问题。 [赞助]

  3. Addy Osmani 使用 Transformers.js 构建了一个免费背景图像删除器,这将使您免受那些上传假 PNG 的怪物的侵害实际上不透明的图像。

  4. Phil Hagelberg 想提醒您[道格拉斯·克罗克福德 (Douglas Crockford) 不是您的爸爸](https://click.convertkit-mail4.com/wvu9xd93o4sghk93rmvslun38mkxxa8/9qhzhdupe 2vv6oh9/aHR0chHM6Ly9kb3VnbGFzY3JvY2tmb3JkaXNub3R5b3VyZGFkLnRlY2hub21hbmN5LnVzLw==),这意味着两件非常重要的事情:1)你可以在 JSON 文件中添加注释,2)你应该停止向他发送明信片询问他一旦天使队赢得锦旗是否会回家。

  5. Matan Borenkraout 写了一篇关于 [一个美味的小 React反模式](https://click.convertkit-mail4.com/wvu9xd93o4sghk93rmvslun38mkxxa8/3ohphdu7kd552phr /aHR0chHM6Ly9tYXRhbmJvYmkuZGV2L3Bvc3RzL3N0b3AtcGFzc2luZy1zZXR0ZXItZnVuY3Rpb25zLXRvLWNvbXBvbmVudHM=)帮助您为假期增添情趣。

  6. Rohan Bhaumik 和 Lindsay Piper 正在举办免费直播,内容是 [如何防止片状测试堵塞你的CI](https://click.convertkit-mail4.com/wvu9xd93o4sghk93rmvslun38mkxxa8/48hvh7ur7 2ddp3ax/aHR0chHM6Ly9zZW50cnkuaW8vcmVzb3VyY2VzL2ZsYWt5LXRlc3Qtd29ya3Nob3AvP3V0bV9jY W1wYWlnbj1jb2RlY292LWZ5MjVxNC10ZXN0YW5hbHl0aWNzJnV0bV9jb250ZW50PXN0YXRpYy1hZC1mb GFrXdvcmtzaG9wLXJzdnAmdXRtX21lZGl1bT1wYWlkLWNvbW11bml0eSZ1dG1fc291cmNlPWJ5dGVz)。他们将介绍为什么会发生片状测试以及如何有效地处理它们——而无需每 5 分钟“重新运行”一次。 [赞助]

  7. bolt.diy是 Bolt.new 的新开源版本,可让您选择用于每个提示的 LLM。

8.【野生动物园18.2](https://click.convertkit-mail4.com/wvu9xd93o4sghk93rmvslun38mkxxa8/08hwhgudp766xo hl/aHR0chHM6Ly93ZWJraXQub3JnL2Jsb2cvMTYzMDEvd2Via2l0LWZlYXR1cmVzLWluLXNhZmFyaS0xOC0yLw==)声称是网络开发者“今年最大的新功能发布”。我很确定负责新苹果照片灾难重新设计的总理也说了同样的话,所以让我们祈祷它会比这更好。

9.【百万自动驾驶仪](https://click.convertkit-mail4.com/wvu9xd93o4sghk93rmvslun38mkxxa8/8ghqh3ul756632bk/aHR0cHM6Ly94LmNvbS9haWRlbnliYWkvc3RhdHVzLzE4NjcyMzk1MTY1MDA4NDg4MTQ=)是一个新的 VSCode 扩展,用于“修复”缓慢的 React 渲染。

  1. CarbonQA 提供[高质量的 QA 服务,比例](https://click.convertkit-mail4.com/wvu9xd93o4sghk93rmvslun38mkxxa8/vqh3hmupqk9944bg/aHR0cHM6Ly9jYXJib25 xYS5jb20vP3V0bV9jYW1wYWlnbj1jb29sX2JpdHMmdXRtX2NvbnRlbnQ9ZGVjMTYmdXRtX21lZGl1bT1lbWFpbCZ1dG1fc291cmNlPWJ5dGVz)。他们位于美国的测试人员会反复破坏您的应用程序,并进行所有您讨厌自己做的手动测试。 [赞助]

  2. [Node.js 性能状况2024](https://click.convertkit-mail4.com/wvu9xd93o4sghk93rmvslun38mkxxa8/l2heh6u3dkmm 4vt6/aHR0chHM6Ly9ub2Rlc291cmNlLmNvbS9ibG9nL1N0YXRlLW9mLU5vZGVqcy1QZXJmb3JtYW5jZS0yMDI0)分析了今年发布的所有 Node 新版本,看看运行时在 2024 年是如何演变的。

  3. 霍尔格·达尔·摩根森 创建Svader,用于创建的库具有 WebGL 和 WebGPU 片段着色器的 GPU 渲染 Svelte 组件。我 80% 确信 Svader 也是《Rocket Power》中一个擅长踢空翻和恶作剧 shoobies 的角色的名字。


小测验徽标

小测验:答案

由[无限红]赞助(https://click.convertkit-mail4.com/wvu9xd93o4sghk93rmvslun38mkxxa8/58hvh8um49ddnxs6/aHR0cHM6Ly9pbmZpbml0ZS5yZWQvYnl0ZXM=)

控制台记录了什么?

const res = ["👨", "", "👩", "", "👧", "", "👦"].join('')

console.log(res) // 👨‍👩‍👧‍👦

这是“👨‍👩‍👧‍👦”表情符号。

这是可行的,因为 Unicode 标准支持使用零宽度连接符映射单个表情符号来创建新的表情符号。 在我们的例子中,将单独的表情符号组合起来以获得家庭表情符号。哇,编程。

字节

希望我们说好话

关于你的公司?

赞助字节

或分享

使用 ❤️ 由 ui.dev 构建

50 W Broadway Ste 333 PMB 51647 盐湖城,犹他州 84101

发布者