网络

我贡献了一个开源编辑器,你也可以

几个月前,Jason Grigsby 的 [关于表单自动完成的帖子](https://cloudfour.com/thinks/autofill-what-web-devs-should-know-but-dont/) 进行了循环。 我喜欢允许用户通过为信用卡拍照来填写信用卡详细信息的想法。 我不喜欢的是学习 [所有可能的自动填充值](https://html.spec.whatwg.org/multipage/forms.html#autofill)。 我年纪大了越来越懒。 最近,我因使用为我执行智能自动完成功能的编辑器而被宠坏了,这是过去只有大型复杂 IDE 才能提供的功能。 打开我选择的编辑器,我创建了一个 `input` 元素并添加了一个 `autocomplete` 属性,却发现代码完成为我提供了 `on` 或 `off` 的状态。 令人失望。

阅读更多

响应式网页设计的 Photoshop 礼仪

[Photoshop Etiquette](https://photoshopetiquette.com/) 推出已经快五年了,它正式成为网络上的遗物。 几年之内,网络上会发生很多事情,而过去的五年比大多数人都更好地说明了这一点。

阅读更多

如何运行 UI 设计评论

批评很容易。 似乎每个人都有自己的观点,但正如作者哈兰·埃里森所指出的那样,“你无权发表自己的意见。你有权获得知情的意见。” 然而,要了解情况,需要探索。 设计评论是任何产品探索的重要组成部分。 设计评论——创作者与团队和/或客户的其他成员讨论和解释创作——并不是要纠缠设计师或推动他们为他们所做的每一个决定辩护。 那只是批评。 **一个好的设计评论旨在探索设计**,找到它的工作原理以及可以改进的地方。 如果做得好,设计评论会让团队中的每个人都感觉好像他们被听到了,并让客户提供有价值的反馈。

阅读更多

渐进式 Web 应用程序初学者指南

PWA 利用最新技术将 Web 和移动应用程序的优点结合起来。 本文探讨了浏览器的最新进展以及我们作为开发人员必须构建新一代 Web 应用程序的机会。

阅读更多

体验设计要点:移动应用程序中的动画微交互

著名魔术师达里尔·菲茨基曾说过:“魔术既在于细节,也在于表演。” 交互设计就是这样。 设计师喜欢把握大局,但如果细节处理不当,解决方案就会失败。 **神奇在于细节**。 这就是为什么精心设计的微交互让体验感觉是精心制作的。 为了更好地了解您的设计如何从微交互中受益,这将有助于勾勒出您的应用创意。 Adobe 推出了一款名为 Experience Design(或 Adob​​e XD)的新设计和线框应用程序,可让您设计线框并使其具有交互性。 您可以免费下载和测试 Adob​​e XD。

阅读更多

开发人员“拥有”代码,那么设计师不应该“拥有”体验吗?

我们都去过那里。 您花了几个月的时间收集业务需求,制定复杂的用户旅程,制作精确的界面元素并在具有代表性的用户样本上进行测试,结果却发现最终产品与所需体验几乎没有相似之处。

阅读更多

用户记忆设计:如何设计持久的体验

下图的两张图表改变了我思考的方式。 这些图表背后的故事改编自 1996 年的一项经典心理学研究,生动地说明了我们人类在体验世界的那一刻的感受,与我们以后回想这些经历时的感受可能大不相同。

阅读更多

桌面壁纸日历:2016 年 8 月

[八年来](https://www.smashingmagazine.com/tag/wallpapers/),我们每月一次的桌面壁纸挑战是 Smashing 的最爱,如果没有来自全球的才华横溢的设计师和艺术家的不懈努力,这是不可能实现的. 为了迎合**比普通人群更具特色的壁纸**,我们挑战您,设计社区,让您的创意源源不断,并每月重新制作一些有趣和鼓舞人心的设计。 而且,好吧,这一次并没有什么不同。

阅读更多

Web 开发阅读清单 #147:安全指南、可访问的 UI 组件和内容优先设计

在团队中工作时,遵守规则很重要。 一个常见的挑战是使用相似或相同的工具集和**编码指南**构建您的所有项目。 就在昨天,我讨论了我们如何将一个多年来超出其初始代码库的项目移植到一个新的、基于 React.js 的源代码。 做出这个决定并不容易,因为我们已经在这个项目上投入了大量的工作和资金,而迁移到 React 也需要相当长的时间。 但由于从技术角度来看,这种转换是有意义的,并且团队已经在其他三个项目中使用 React,我们得出结论认为这将是一个很好的步骤。 它将使团队的更多开发人员能够为项目做出贡献,审查代码并减少公司中的技术转移。 有时,是时候重新评估您的项目并继续前进了。

阅读更多