網絡

使用 Babylon.js 構建著色器

如果您想釋放 GPU 的原始功能,著色器是一個關鍵概念。 感謝_Babylon.js_,我將幫助您了解它們的工作原理,甚至以簡單的方式試驗它們的內在力量。 在進行實驗之前,我們必須了解事物內部是如何工作的。 在處理硬件加速 3D 時,您將不得不處理兩個 CPU:主 CPU 和 GPU。 GPU是一種極其專業的CPU。

閱讀更多

桌面壁紙日曆:2016 年 11 月

有時,最好的靈感就在我們面前。 考慮到這一點,我們在八年前開始了一項[特殊創意任務](https://www.smashingmagazine.com/tag/wallpapers/):每月為您提供**鼓舞人心且獨特的桌面壁紙**。 比一般人群更有特色的壁紙,一定會激發你的想法。

閱讀更多

Web 開發閱讀清單 #156:瀏覽器新聞、Webpack 2 以及從 HPKP 中學到的教訓

一個人獨自坐在房間裡嗎? 從外部的角度來看,似乎是這樣,但人腦在這些方面更有趣。 我們內心有一張關係圖,這個人是否真的感到孤獨取決於這張圖。 我剛讀了“[壓力和社會自我:人際關係如何影響我們的免疫系統](https://www.brainpickings.org/2015/10/07/esther-sternberg-stress-relationships/)”,我覺得我們可以從中學到很多東西。 事實上,我現在可能會從不同的角度看待社交媒體。 我們是 _social_ 生物,我喜歡與您分享優質內容,因此,事不宜遲,這是本週的網絡開發閱讀清單。

閱讀更多

尋找更好的移動分析

在創建移動應用程序時,開發人員會設想一個模型以及用戶使用該應用程序的方式。 開發人員面臨的一個問題是用戶並不總是按照開發人員設想的方式使用應用程序。 用戶如何與應用程序交互? 他們在應用程序中做什麼? 他們做開發人員希望他們做的事情嗎? 移動分析有助於回答這些問題。 分析使開發人員能夠了解應用程序在現實生活中發生的情況,並在了解用戶實際使用情況後提供調整和改進應用程序的機會。 簡而言之,分析是對用戶行為的研究。

閱讀更多

構建基於 Web 的互動問答遊戲“推翻特朗普”(案例研究)

創建一個易於使用、看起來很棒並且玩起來非常有趣的在線測驗是一回事。 基於唐納德特朗普兩極分化的總統競選是另一回事。 _Parallax_ 導演兼開發商 Andy Fitch 的創意,_Topple Trump!_ 繼續贏得無數獎項。 但真正讓遊戲栩栩如生的是團隊的努力。 在這裡,我們可以一窺究竟是如何發生的,涉及開發過程、設計考慮因素以及沿途吸取的一些寶貴經驗教訓。

閱讀更多

桌面壁紙日曆:2016 年 10 月

新的一個月意味著新的壁紙! 這一旅程已經持續了 [八年](https://www.smashingmagazine.com/tag/wallpapers/),每次來自全球的新藝術家和設計師挑戰他們的藝術技巧,以迎合新的靈感在您的桌面上。 而且,好吧,這一次並沒有什麼不同。

閱讀更多

重新設計 SGS 的七級導航系統:案例研究

SGS(前身為_Societe Generale de Surveillance_)是一家全球服務組織,提供跨14個行業的檢驗、驗證、測試和認證服務。 SGS 的網站(連同 60 個本地化網站)主要宣傳該組織的核心服務,並提供對大量有用服務、補充內容和工具的訪問。 我們的目標是將 [sgs.com](https://www.sgs.com/) 從僅限桌面轉變為響應式。 這帶來了一系列獨特的挑戰,尤其是在傳統導航系統方面,該系統在區域深度高達七層(分為兩部分),由大約 12,000 個**單個可導航項目**組成。

閱讀更多

漸進式 Web 應用程序的構建塊

大多數著手構建應用程序的公司的共同智慧是構建原生 Android 或 iOS 應用程序以及支持網站。 儘管有一些很好的理由,但沒有足夠的人了解 Web 應用程序的主要優勢。

閱讀更多

使用運動曲線升級 CSS 動畫

有 UI 動畫,然後是 _good_ UI 動畫。 好的動畫會讓你“哇!” ——它光滑、美麗,最重要的是,自然,而不是塊狀、僵硬或機器人。 如果您經常使用 Dribbble 或 [UpLabs](https://www.uplabs.com),您就會知道我在說什麼。 有這麼多出色的設計師創造瞭如此精美的動畫,任何開發人員自然都希望在自己的項目中重新創建它們。 現在,CSS 確實為 [`transition-timing-function`](https://developer.mozilla.org/en/docs/Web/CSS/transition-timing-function) 提供了一些預設,例如 `ease-in` , `ease-out` 和 `ease-in-out`,它們增加了一定程度的平滑度和真實感,但它們非常通用,不是嗎? 如果網絡上的每個動畫都遵循相同的三個計時功能,那該有多無聊?

閱讀更多

用於 React Native 應用程序的各種測試自動化框架

當今的移動應用程序設置的標準很高。 首先,應用程序必須符合應用程序市場期望的質量標準。 其次,移動應用用戶要求很高。 有很多替代品可供下載,因此用戶不會容忍有缺陷的應用程序。 由於移動應用程序已成為人們生活中如此重要的一部分,因此用戶不會羞於分享他們對應用程序的愛或恨——而且這種反饋會在幾秒鐘內出現在數百萬用戶面前。

閱讀更多