網絡
我貢獻了一個開源編輯器，你也可以
幾個月前，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 設計評論
批評很容易。 似乎每個人都有自己的觀點，但正如作者哈蘭·埃里森所指出的那樣，“你無權發表自己的意見。你有權獲得知情的意見。” 然而，要了解情況，需要探索。 設計評論是任何產品探索的重要組成部分。 設計評論——創作者與團隊和/或客戶的其他成員討論和解釋創作——並不是要糾纏設計師或推動他們為他們所做的每一個決定辯護。 那隻是批評。 **一個好的設計評論旨在探索設計**，找到它的工作原理以及可以改進的地方。 如果做得好，設計評論會讓團隊中的每個人都感覺好像他們被聽到了，並讓客戶提供有價值的反饋。
閱讀更多體驗設計要點：移動應用程序中的動畫微交互
著名魔術師達里爾·菲茨基曾說過：“魔術既在於細節，也在於表演。” 交互設計就是這樣。 設計師喜歡把握大局，但如果細節處理不當，解決方案就會失敗。 **神奇在於細節**。 這就是為什麼精心設計的微交互讓體驗感覺是精心製作的。 為了更好地了解您的設計如何從微交互中受益，這將有助於勾勒出您的應用創意。 Adobe 推出了一款名為 Experience Design（或 Adobe XD）的新設計和線框應用程序，可讓您設計線框並使其具有交互性。 您可以免費下載和測試 Adobe XD。
閱讀更多開發人員“擁有”代碼，那麼設計師不應該“擁有”體驗嗎？
我們都去過那裡。 您花了幾個月的時間收集業務需求，制定複雜的用戶旅程，製作精確的界面元素並在具有代表性的用戶樣本上進行測試，結果卻發現最終產品與所需體驗幾乎沒有相似之處。
閱讀更多用戶記憶設計：如何設計持久的體驗
下圖的兩張圖表改變了我思考的方式。 這些圖表背後的故事改編自 1996 年的一項經典心理學研究，生動地說明了我們人類在體驗世界的那一刻的感受可能與我們後來回想這些經歷時的感受截然不同。
閱讀更多桌面壁紙日曆：2016 年 8 月
[八年來](https://www.smashingmagazine.com/tag/wallpapers/)，我們每月一次的桌面壁紙挑戰是 Smashing 的最愛，如果沒有來自全球的才華橫溢的設計師和藝術家的不懈努力，這是不可能實現的. 為了迎合**比普通人群更具特色的壁紙**，我們挑戰您，設計社區，讓您的創意源源不斷，並每月重新製作一些有趣和鼓舞人心的設計。 而且，好吧，這一次並沒有什麼不同。
閱讀更多Web 開發閱讀清單 #147：安全指南、可訪問的 UI 組件和內容優先設計
在團隊中工作時，遵守規則很重要。 一個常見的挑戰是使用相似或相同的工具集和**編碼指南**構建您的所有項目。 就在昨天，我討論了我們如何將一個多年來超出其初始代碼庫的項目移植到一個新的、基於 React.js 的源代碼。 做出這個決定並不容易，因為我們已經在這個項目上投入了大量的工作和資金，而遷移到 React 也需要相當長的時間。 但由於從技術角度來看，這種轉換是有意義的，並且團隊已經在其他三個項目中使用 React，我們得出結論認為這將是一個很好的步驟。 它將使團隊的更多開發人員能夠為項目做出貢獻，審查代碼並減少公司中的技術轉移。 有時，是時候重新評估您的項目並繼續前進了。
閱讀更多