Eyoz

Weekly #011


文章推荐

Prompt Engineering 经验分享

https://blog.meathill.com/ai/my-experience-in-prompt-engineering.html

本文主要介绍了关于使用 ChatGPT API 的 Prompt 的经验和技巧。作者提到了几个重要的点,如清晰的请求信息、让 GPT 扮演角色、标清边界、提前分解任务、提供例子和控制输出长度。同时,作者还分享了关于减少歧义、使用 YAML 传递数据以及中英文 Embedding 和搜索的经验。最后,作者总结了使用 ChatGPT 时应将其视为一位能力一般但态度超好的实习生,并强调了稳定性和减少歧义的重要性。

请 Calibre 不要翻译我的文件路径

https://www.appinn.com/calibre-do-not-translate-my-file-paths

这篇文章介绍了一个 Calibre 插件 —— Calibre: Do not translate my file paths,可以解决 Calibre 将中文文件名转换为拼音的问题。

How to choose fonts for responsive web interfaces

https://medium.com/thinking-design/how-to-choose-fonts-for-responsive-web-interfaces-2269cd6d1083

本文是一份针对用户界面的字体选择清单。作者强调了三个关键因素:平台需求、网站支持的语言和设计系统的发展空间。此外,文章还提出了一些选择字体的注意事项,包括使用无衬线字体、优先考虑可读性和可辨识性、考虑小字体的可读性、注意数字样式、评估字体在不同屏幕上的渲染效果等。

The Path To Awesome CSS Easing With The linear() Function

https://www.smashingmagazine.com/2023/09/path-css-easing-linear-function

本文介绍了 CSS 中的新的缓动功能——linear(),它可以创建自然流畅的动画和过渡效果。作者通过演示 linear() 的使用和相关工具,展示了其定制缓动曲线的能力。同时,文章还回顾了 CSS 中缓动的现状,并展望了 linear() 带来的新可能性。线性缓动函数在 CSS Easing Level 2 规范中已经定义,虽然目前支持有限,但可以在 Chrome 和 Firefox 浏览器中使用。

工具介绍

LLaVA

https://llava-vl.github.io

LLaVA 是一个端到端训练的大语言模型视觉助手,该模型结合了视觉编码器和 Vicuna,能够实现与多模态 GPT-4 类似的聊天能力,不仅能够理解文本,还能识别图像,并能在聊天中灵活运用这些信息。

AI SEO My Site

https://www.thesamur.ai/ai-site-seo-score

一个借助 AI 来优化网站 SEO 的工具,提供了网站 URL 输入框和指定网站类型的按钮来对网站进行评估,以此来提高网站在搜索引擎中的可搜索性和排名。

Landing Page Tools

https://tools.landin.page

一个收集各类着陆页工具的网站,精选了 AI 工具,文案,营销,设计等多个工具,来帮你制作引人注目的着陆页面。

AI Emoji Generator

https://emojis.sh

一个 AI Emoji 生成器,可以将想法转化为表情符号,并能一键生成 Slack 表情符号。这个生成器是免费开源的,并且针对苹果的表情符号进行了优化。

//类似的网站还有 https://www.emoji.is, 但未登录用户只能免费用 3 次,付费 $9.99 美元即可获取无限表情。

TailwindCSS Breakpoint Tool

https://github.com/thedevdojo/tailwind-breakpoint-tool

TailwindCSS Breakpoint Tool 是一个用于开发的简单断点通知工具,当调整窗口大小时,它会在屏幕顶部显示,并在停止调整大小后隐藏。这个工具与 Tailwind Play CDN 完美配对,适用于与 Tailwind Play CDN 一起使用。

资源聚合

Tailspark

https://tailspark.co

一个提供 300 多个免费的 TailwindCSS 组件和模板的资源网站,这些组件和模板设计精美,并且提供完整的源代码和 Figma 文件,一键复制和粘贴,帮助用户快速构建网站。

WebGL 理论基础

https://webglfundamentals.org/webgl/lessons/zh_cn

一套 WebGL 学习教程,带你从基础理论开始学习 WebGL,内容由浅入深,让你彻底了解 WebGL 的工作原理。

30 DALLE-3 Prompts to Unleash your Creative Genius

https://twitter.com/_bryanmarley/status/1709259030974136463

这条推文列举了 30 个 DALLE-3 的创意提示,包括像素艺术、游戏角色设计、梗图生成、拼贴画、涂鸦艺术、水彩画、贴纸设计、表情符号等多个创作方向。此外,还提供了一些有趣的创作提示,如海盗、音乐节主角、超级英雄、间谍、魔法师等。

随便看看

上篇周刊 Weekly #10 推荐了一篇创建完美圆角效果的 文章,这周在 X 上又看到一个用数学公式算的,太硬核了,光这公式看着就头大 😂。

https://twitter.com/itsnotnabeel/status/1711372420886429971

outer-r

看不懂上面那个数学公式的,直接套用下面这个速记公式:

outer r = inner r + padding

https://twitter.com/ilyamiskov/status/1711389327350005985

border-radii