網絡
Flexbox 閱讀清單：技術和工具
Flexbox 為我們提供了一種對 [layouts](https://www.smashingmagazine.com/2015/08/flexible-future-for-web-design-with-flexbox/) 的新控制，使編碼挑戰變得非常困難或者不可能僅用 CSS 直接和直觀地解決。 它為我們提供了構建**靈活的網格**並了解[動態內容]的方法（https://www.smashingmagazine.com/2016/02/design-mock-ups-need-dynamic-content- tools-plugins/)，因此，我們可以自由地專注於創建過程，而不是對佈局進行破解。 為了讓您搶先了解 Flexbox，並為您提供有關如何使用它來應對常見編碼挑戰的想法，我們收集了**提示、技巧和工具**，幫助您充分利用它的強大功能。 該列表絕不是完整的，但包括我們認為有用且有用的資源。
閱讀更多使用 Jekyll 進行內容建模
這並不是一個全新的主題，但最近我有理由重新審視我團隊工作中的內容建模技能。 我們的經驗已經達到了我們練習方式的局限性開始變得清晰的地步。 我們最常見的問題是**人們傾向於將自己和他們的心智模型與所選平台及其約定聯繫起來。 我們沒有教人們如何建模內容，而是教他們如何在 Drupal 中建模內容，或者如何在 WordPress 中建模內容。 但我更希望我們從關注用戶的最大利益出發，**不管哪個平台**都說內容最終會出現。
閱讀更多攔截的藝術：超越“你想參加調查嗎？”
Maxwell 是一家設計公司的研究員，該公司正在開發一款移動支付應用程序。 他想了解更多有關用戶當前如何與銷售點終端交互的信息。 Maxwell 聯繫當地雜貨店以協調時間以**在客戶結賬時觀察他們**。 然後，他要求每五名結賬的顧客完成一份簡短的調查。 作為招募研究參與者的一部分，麥克斯韋正在從事_攔截_。
閱讀更多高影響力、省力的跨瀏覽器測試
跨瀏覽器測試既費時又費力。 這反過來又使它變得昂貴並且容易出現人為錯誤……所以，自然地，我們希望盡可能少地做它。 這不是我們應該感到羞恥的說法。 **開發人員天生就是懶惰的**：堅持 DRY 原則，編寫腳本來自動化我們不得不手工完成的事情，利用第三方庫——懶惰是我們成為優秀開發人員的原因。 傳統的跨瀏覽器測試方法與這些理想並不相符。 您要么半心半意地嘗試手動測試，要么花費大量精力來“正確”地進行測試：在您的受眾使用的所有主要瀏覽器中進行測試，然後逐漸轉向更舊或更晦澀的瀏覽器以表明您'已經測試了他們。
閱讀更多為響應式設計創建內容線框
當我在 2011 年到 2012 年期間學習響應式網頁設計課程時，我一直在線框圖的過程中磕磕絆絆。 我的學生傾向於將線框視為規劃過程中的最終遊戲。 他們不明白響應式設計關注的是用戶如何訪問內容。
閱讀更多為 HTTP2 做好準備：Web 設計師和開發人員指南
詳細了解適用於 Web 設計人員和開發人員的 HTTP/2 基礎知識。 我們將了解新協議的關鍵特性、瀏覽器和服務器兼容性，並詳細說明隨著我們看到更多采用 HTTP/2 時您可能需要考慮的事項。
閱讀更多您需要了解的有關 Google 加速移動頁面的所有信息
2015 年 5 月，Facebook 推出了新的應用內發布平台，[Instant Articles](https://instantarticles.fb.com/)。 一個月後，Apple 宣佈在 iOS 9 中，舊的 [Newsstand](https://en.wikipedia.org/wiki/Newsstand_(application)) 體驗（本質上是一個充滿新聞應用的精美文件夾）將在 iOS 9 中被品牌取代名為 [Apple News](https://www.apple.com/news/) 的新新聞聚合和發現平台。 四個月後，谷歌宣布了自己的計劃，雖然有點遲，但雄心勃勃，計劃通過一個名為 [Accelerated Mobile Pages](https://www.ampproject. org/) 或 AMP。 在短短幾個月內，我們看到相對平靜的移動數字出版爆發了另一場全面的平台戰爭，因為 Facebook、Apple 和現在的谷歌都在爭奪出版商的忠誠度和讀者的注意力。
閱讀更多