网络

如何在 Swift 3 中构建 SpriteKit 游戏(第 3 部分)

你有没有想过创建一个 [SpriteKit](https://developer.apple.com/spritekit/) 游戏需要什么? 按钮看起来比它们应该做的任务更大吗? 有没有想过如何在游戏中保留设置? 自从引入 SpriteKit 以来,iOS 上的游戏制作从未如此简单。 在这个由三部分组成的系列的第三部分中,我们将完成我们的 RainCat 游戏并完成对 SpriteKit 的介绍。 如果您错过了 [上一课](https://www.smashingmagazine.com/2016/12/how-to-build-a-spritekit-game-in-swift-3-part-2/),您可以通过获取代码来赶上 [on GitHub](https://github.com/thirteen23/RainCat/releases/tag/smashing-magazine-lesson-two)。 请记住,本教程需要 Xcode 8 和 Swift 3。

阅读更多

刷刻字:只有在练习后才会变得更好(第 2 部分)

在本文中,Alma Hoffmann 分享了她作为学习者的旅程,并通过分享技巧、实用建议、操作视频和免费赠品帮助您入门。 一点剧透警报:实践会取得进步。

阅读更多

不是冒名顶替者:对抗前端疲劳

在这篇文章中,大卫伯纳分享了如何避免疲劳的建议。 一旦你完全筋疲力尽,就很难重新找回对自己所做的事情以及当初为什么开始做这件事的热情。

阅读更多

在 Adob​​e XD 中探索重复网格

如果您是视觉设计师,您可能会花费大部分时间对多个视觉元素进行小幅调整。 也许您的客户已经决定他们需要在您的每个元素之间增加几个像素的填充,或者他们可能已经决定他们的所有化身都需要有圆角。 无论如何,您可能会发现自己一遍又一遍地对设计进行相同的调整……一遍又一遍。 在 _Adobe Experience Design CC_ (Beta) 中,我们引入了重复网格功能来解决设计师工作流程中这个繁琐的方面。 在本文中,我们将深入挖掘这一省时功能的真正威力。 我们将创建和调整重复网格,向其中添加内容,并在 Adob​​e XD 简单而强大的原型模式中将其连接起来。 如果您想跟随,您可以免费下载和测试_Adobe XD_。

阅读更多

乐观用户界面的真实谎言

三个用户界面 (UI) 转到一个 pub。 第一个点了一杯酒,然后又点了几杯。 几个小时后,它要了账单,然后醉醺醺地离开了酒吧。 第二个 UI 点了一杯饮料,预先付款,再点一杯饮料,付款等等,几个小时后,酒吧就喝醉了。 第三个用户界面在进入后立即退出已经喝醉的酒吧——它知道酒吧是如何工作的,并且足够高效,不会浪费时间。 你听说过这第三个吗? 它被称为“乐观的 UI”。

阅读更多

Web 开发阅读清单 #158:表单可用性、Vue.js 和展开关键 CSS

这些天来,我一直在思考**我们作为开发人员在我们的世界中有什么目的**。 我无法在这里为您提供答案,而是希望鼓励您也考虑一下。 你对此有意见吗? 我们只是满足别人的要求吗? 或者,如果我们认为他们错了,我们是否负责向要求我们解决方案的人提供建议? 一个具有挑战性的问题,这里的每个人的答案都会有所不同。 如果你想让我知道你的想法,我很乐意听到。 请耐心等待,本周的清单很大。 弹出了太多好的资源,解释技术和设计概念,如何使用新的 JavaScript 方法来编写更智能的应用程序,并分享从 CSS 网格布局中吸取的经验教训和照顾你快乐的技巧。

阅读更多

世界上最好的开放设备实验室在哪里?

每个开发人员都知道,仅仅因为一个网站在最新款 iPhone 上的外观和功能,并不意味着它可以在所有移动设备上运行。 在本文中,我们将**重点介绍其中的一些开放设备实验室**——社区的出色而有用的举措,值得支持和关注。 开放设备实验室 (ODL) 是对充斥着我们技术环境的无数操作系统、浏览器和设备的回应。 它们为开发人员(通常)提供免费空间,让他们可以在一系列软件和硬件上测试他们的网络系统、网站和应用程序。 这一前提构成了 [OpenDeviceLab.com](https://www.OpenDeviceLab.com) 倡议的核心,这是一项社区运动,旨在帮助人们找到适合工作的 ODL,并为这些测试中心争取更多支持.

阅读更多

如何创建戏剧性的矢量插图

一年多来,我一直在为 Smashing Magazine 的月刊系列画桌面壁纸,每次都是非常有趣和具有挑战性的任务。 在本文中,我想分享**我如何处理流程的所有阶段**,并提供在 Adob​​e Illustrator 中创建矢量插图的一般技术。 希望您会发现这些技术很有用。 在提到一张特定的图画时——“了解自己”桌面壁纸的插图,该壁纸出现在[今年五月的壁纸系列](https://www.smashingmagazine.com/2016/04/desktop-wallpaper-calendars- may-2016/#understand-yourself-05-2016)——我还将重点介绍我作为插画家和设计师的经验。

阅读更多

打破常规:设计灵感(2016 年 11 月)

随着秋天开始展现它的全貌,真的没有理由呆在里面喝你的热可可。 不,是时候到户外去感受大自然所提供的所有**暖色**,尤其是**充满活力的金黄色叶子**,现在几乎随处可见。 这是朦胧的早晨和美丽的暖色调色板的季节。 在本月的收藏中,我收集了几张表达这种季节性感觉的插图和照片。 上面的插图展示了如何在冬天到来之前度过美好时光的绝妙方式。

阅读更多

底部导航设计的黄金法则

设计不仅仅是好看——这是所有设计师都应该知道的。 设计还涵盖了用户如何_参与_产品。 无论是网站还是应用程序,它更像是一场对话。 导航_是_对话。 如果用户无法找到自己的方式,那么您的网站或应用程序有多好也没关系。 在这篇文章中,我们将帮助您更好地理解移动应用程序良好导航的原则,然后向您展示如何使用两种流行的模式来完成它。 当我们审视近年来最成功的交互导航设计时,明显的赢家是那些_完美地执行基本原理的人。 虽然跳出框框思考通常是个好主意,但有些规则是你不能打破的。

阅读更多