網絡

如何在 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 月)

隨著秋天開始展現它的全貌,真的沒有理由呆在裡面喝你的熱可可。 不,是時候到戶外去感受大自然所提供的所有**暖色**,尤其是**充滿活力的金黃色葉子**,現在幾乎隨處可見。 這是朦朧的早晨和美麗的暖色調色板的季節。 在本月的收藏中,我收集了幾張表達這種季節性感覺的插圖和照片。 上面的插圖展示瞭如何在冬天到來之前度過美好時光的絕妙方式。

閱讀更多

底部導航設計的黃金法則

設計不僅僅是好看——這是所有設計師都應該知道的。 設計還涵蓋了用戶如何_參與_產品。 無論是網站還是應用程序,它更像是一場對話。 導航_是_對話。 如果用戶無法找到自己的方式,那麼您的網站或應用程序有多好也沒關係。 在這篇文章中,我們將幫助您更好地理解移動應用程序良好導航的原則,然後向您展示如何使用兩種流行的模式來完成它。 當我們審視近年來最成功的交互導航設計時,明顯的贏家是那些_完美地執行基本原理的人。 雖然跳出框框思考通常是個好主意,但有些規則是你不能打破的。

閱讀更多