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
本文讨论了 CSS 中的 margin 和 padding 属性。它们都影响页面中的空白,并且在 CSS 盒模型中紧邻,只有一个边框分隔。它们接受几乎相同的 CSS 数据类型:长度和百分比。长度可以是绝对或相对的,在选择使用绝对或相对单位时,需要考虑用户的操作和需求。相对单位常用于文本大小和响应式设计,而边距和内边距等间距技术则不适合使用相对单位。使用相对单位会导致页面高度增加,增加用户滚动和阅读的工作量。
工具介绍
Lottielab
Lottielab 是一个用于产品团队的动效设计工具,可以创建和编辑 Lottie 动画,并将其应用于应用程序和网站。
Amarkdown
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
一个收集各类 Button 样式的网站,提供免费开源的代码供使用,用户可以自由复制和粘贴到自己的项目中,并且这些 Button 可以自定义,用户可以根据自己的需求修改颜色、大小、文本等属性。
Artificial Intelligence for Beginners
https://github.com/microsoft/AI-For-Beginners
一套由微软提供的 AI 初学者课程,旨在为初学者提供一个全面的 AI 学习指南,涵盖了符号 AI、神经网络、计算机视觉、自然语言处理等多个方面。