Eyoz

Weekly #016


文章推荐

AI for UX: Getting Started

https://www.nngroup.com/articles/ai-ux-getting-started

这篇文章讲述了在用户体验(UX)工作中如何使用人工智能(AI),文章提到了使用 AI 的好处和注意事项,如:AI 可以提高工作效率、提升工作质量,增强用户体验专业人员的技能等,并在文章中提供了在 UX 工作中使用 AI 的具体任务和方法,同时也强调了 AI 不能做到的事情以及如何保持对 AI 技术的更新。

Why You Should Use px Units for margin, padding, & Other Spacing Techniques

https://ashleemboyer.com/blog/why-you-should-use-px-units-for-margin-padding-and-other-spacing-techniques

本文讨论了 CSS 中的 margin 和 padding 属性。它们都影响页面中的空白,并且在 CSS 盒模型中紧邻,只有一个边框分隔。它们接受几乎相同的 CSS 数据类型:长度和百分比。长度可以是绝对或相对的,在选择使用绝对或相对单位时,需要考虑用户的操作和需求。相对单位常用于文本大小和响应式设计,而边距和内边距等间距技术则不适合使用相对单位。使用相对单位会导致页面高度增加,增加用户滚动和阅读的工作量。

工具介绍

Lottielab

https://www.lottielab.com

Lottielab 是一个用于产品团队的动效设计工具,可以创建和编辑 Lottie 动画,并将其应用于应用程序和网站。

Amarkdown

https://amarkdown.com

Amarkdown 是一个使用 Markdown 语法创建技术博客的工具,具备 AI 编写、分享文章、多文件组合和导入等功能,并且支持对文章进行 SEO 优化,包括自定义页面标题、关键词和描述。Amarkdown 还提供了古典的 VIM 模式,让用户可以更舒适地创建个人站点、技术博客和笔记。

JSON Viewer

https://jsonviewer.nekonik.com

一个在线 JSON 查看器,允许您缩小、美化和加载文件中的 JSON,或在文本视图中将其复制/粘贴到应用程序中。您还可以使用可视化视图查看数据类型、对象大小或下载到 JSON 文件。

//文本引用自 WebToolsWeekly Issue#538

Figma to HTML

https://siter.io/figma-to-html

Siter.io 是一个可以将 Figma 设计转换为 HTML 网站的插件工具,该工具适用于开发人员、设计师和企业家,能够快速将设计转化为可用的网站,支持导出 Figma 项目中的各个元素,并具有易于使用的编辑功能。

资源聚合

Buttons.cool

https://www.buttons.cool

一个收集各类 Button 样式的网站,提供免费开源的代码供使用,用户可以自由复制和粘贴到自己的项目中,并且这些 Button 可以自定义,用户可以根据自己的需求修改颜色、大小、文本等属性。

Artificial Intelligence for Beginners

https://github.com/microsoft/AI-For-Beginners

一套由微软提供的 AI 初学者课程,旨在为初学者提供一个全面的 AI 学习指南,涵盖了符号 AI、神经网络、计算机视觉、自然语言处理等多个方面。