網絡 - Devzv

網絡

通過樣式指南驅動的開發設計模塊化 UI 系統

使用風格指南來推動開發是一種在前端開發中獲得很大吸引力的做法——而且有充分的理由。 **開發人員將從樣式指南開始**通過添加新代碼或更新現有代碼，從而為以後集成到應用程序中的模塊化 UI 系統做出貢獻。但是為了實現模塊化的 UI 系統，我們必須以模塊化的方式進行設計。模塊化設計鼓勵我們以模式思考和設計 UI 和 UX。例如，我們不會設計一系列頁面或視圖來讓用戶完成任務，而是通過了解 UI 系統的結構以及如何使用其組件來創建用戶流程來開始設計過程。

地圖設計：重新設計葉卡捷琳堡的地鐵地圖

一個大型的都市地下火車網絡也可能是一個傳送設備：人們並不關心它是如何將他們從 A 帶到 B，只是它確實如此。在倫敦、巴黎和莫斯科，地鐵地圖沒有顯示地表地理，因為圖紙上沒有太多空白區域。設計一個城市的地鐵地圖是一項相當具有挑戰性的任務，即使只有一條線路。去年，我和我的同事 Pasha Omelekhin 很高興能夠重新設計俄羅斯葉卡捷琳堡的地鐵地圖。我們玩得很開心（他設計，我指導）。在本文中，我們將介紹我們的設計過程。這將是詳細的，因此，根據您的興趣，這可能非常無聊或非常令人興奮。儘管如此，我們還是遺漏了很多。如果您必須從事類似的項目，我們希望這會有所幫助。

頭腦風暴產品的框架

頭腦風暴因非結構化且通常無法操作而臭名昭著。人們帶著一些便利貼和白板進入一個房間，並期待偉大的想法發生。問題是，即使房間裡有很棒的想法，通常也沒有明確的方法來決定對哪些想法採取行動。大約一年前，我和我的同事 Michael（AJ&Smart 的創始合夥人）參加了由出色的 Adrian Howard 主持的關於敏捷開發中功能優先級的大師班。更具體地說，我們問的是如何決定下一個功能以及何時發布。

如何在不傷害忠實用戶的情況下推出新功能

_“敏捷；提前釋放；經常釋放。”_我們知道演習。但是，經常推出功能在戰略上是否明智？尤其是當您正在構建的產品達到一定規模時，您可能不想在每個新的次要版本中冒著應用程序完整性的風險。

Web 開發閱讀清單 #141：jQuery 3、Chillout.js 以及技術如何塑造社會

有幾個星期我根本找不到 Web 開發閱讀列表的“超越”部分的文章。然後有像這樣的幾週，兩件精彩的作品展示了很多關於**我們如何與新技術一起生活**以及它如何塑造我們的社會。連同一堆優秀的技術文章，這是讓您在接下來的兩週內離開的好方法。請注意，我下週將休假，所以下週五不會有總結。

找個朋友，激發你的創造力，讓你的數字夢想成真

你對某事充滿熱情嗎？你有一個秘密項目嗎？不會改變世界的東西（雖然誰知道呢？），但肯定會_改變你_？你有朋友可以補充你的技能嗎？最近有沒有人向你尋求他們項目的幫助？您只是有一個數字夢想，還是有計劃實現它？每個專業人士都有一些共同點。它被稱為舒適區。你進入其中的第一個跡像是當你看不到地平線上的挑戰時。您幾乎知道要表現出色所需的一切，如果遇到任何不熟悉的事情，可以很快解決。可能需要一段時間才能意識到你已經停止了行動，而從事自由職業項目似乎是讓你的大腦保持忙碌的唯一方法。

了解現代 WordPress 服務器堆棧

**編者註**：_今天對 WordPress 來說是一個特殊的日子。為許多網站提供支持（是的，Smashing Magazine 就是其中之一），今天慶祝它的 13 歲生日。生日快樂，親愛的 WordPress！還有更多！_ 你還記得你什麼時候可以只用一個 Apache 服務器和 PHP 運行一個“快速”的 WordPress 網站嗎？是的，那是那些日子！那時的事情要簡單得多。現在，一切都必須以閃電般的速度加載！訪問者對加載時間的期望與以往不同。緩慢的網站可能會對您或您的客戶產生嚴重影響。

網絡圖像效果性能對決

隨著瀏覽器不斷提高其圖形渲染能力，在其中進行真正設計的能力越來越成為現實。幾行代碼現在可以產生快速而戲劇性的視覺效果，並且**無需太多努力即可實現一致性**。與 Web 開發中的大多數事情一樣，通常有很多方法可以達到相同的效果。在這篇文章中，我們將看看最流行的圖像效果之一，灰度，並評估 HTML 畫布、SVG、CSS 過濾器和 CSS 混合模式的易於實現和性能影響。 _誰會贏？_

改善圖標設計的 6 個簡單步驟

提交給 Iconfinder 的每個圖標集都經過審查和評估，以了解對我們網站用戶的潛在吸引力以及作為高級圖標的潛在商業價值。在審核提交給網站的圖標集時，我們對我們的設計師和客戶有責任確保網站上的所有高級圖標都具有最高質量。

內容優先原型

內容是數字經濟的核心商品。它是我們打造奢華體驗的黃金，是我們在忠誠度計劃和追加銷售中封裝的鑽石。然而，作為設計師，我們經常在事後將其插入。我們將我們的交互和視覺設計原型化到筋疲力盡，但接受“真實的文字”可以稍後再加入。有一個更好的辦法。我們創造的數字商品越來越多地在內容、功能、代碼和意圖的動態系統中運行。我們的產品和服務漂移並溢出到合作夥伴網站、社交媒體源和無數電子聚合器中，所有這些都在尋求塑造訪問者的行為和理解。 **系統建立在系統之上**，而且，在短期內，我們拼湊出一個巨大的龐然大物，其廣度令人難以置信。