今年中，幾乎所有的現代桌面瀏覽器都已經支持了HTTP/2協議，移動端依靠降級為SPDY依舊可以覆蓋幾乎所有平臺，這樣使得從協議上優化頁面的性能成為了可能。

。本篇的主要目標是通過實際問題來介紹 webpack 中容易被人忽略的細節, 以及源碼分析( 以最新發布的 release 版本1.14.0的源碼為例 ), 并且提供幾種解決方案。

最近一個小項目是用 webpack 來進行構建的。其中用到了 webpack 分包異步加載的功能。今天抽時間看了下 webpack 打包后的文件，大致弄明白了 webpack 分包及異步加載的套路。

本篇文章主要專注在探討 UI 設計師如何處理各式各樣的屏幕種類；屏幕的大小多變，就算大小一樣，其細致度也有差，有的屏幕顆粒很粗，有的則細到眼睛看不到個別像素點，專業的設計師如何讓自己的設計在各種...

接下來近一分鐘里，我希望你暫且將CSS、web開發、數字化用戶界面拋之腦后。 接著，我想讓你暢想時光回退，回到年少時，回到上學第一天。 那時的你更簡單，只擔心畫沒畫好圖形，有沒有尿褲子。 現在，...

新出現的 CSS 顏色配置 函數 是一項非常有意思的功能，它給予我們在瀏覽器中直接操縱顏色的能力。例如，當鼠標懸停在按鈕上時，可以使用 color: color(black darkness(5...

使用H5開發基于Kinect的體感游戲，其實工作原理很簡單，由Kinect采集到玩家及環境數據，比如人體骨骼，使用某種方式，使瀏覽器可以訪問這些數據。

到底是 gulp 還是 webpack，現在網上帖子對于這方面的疑問也很多，這兩個工具在某些功能上是有重合的，甚至有人還提出了這樣的問題：“有哪些功能是 webpack 取代不了 gulp 的”...

在Web布局中，特別是在PC端中，常常可以看到這樣的設計風格： 內容居中，然后Banner區全屏 。這也就是標題所說的效果，限寬的容器中實現全屏效果。那么問題來了，在實際中如何實現在限寬的容器中實現全屏效果。

CSS 于 2016 年發布的開源工具，其產量之大超出人們的預料，但縱觀 CSS 在過去幾年的巨大變化與快速發展，此結果的出現似乎又在情理之中。這些 CSS 庫、框架和工具的建立不僅給我們提供了...

經常在別人家的網頁上看到各中好看圖形，其中就有正六邊形和組合的蜂窩狀圖形。今天我們來盤點一下，網頁上有哪些姿勢實現這個效果

以數位在職的資深H5設計師的動效使用情況為參考，整理出以下揭秘資源。

用戶都 希望他們訪問的web應用是可交互且運行流暢的。因此，作為web開發者，你也要在這方面多花點功夫。你所做的頁面，不但要能被快速加載，還要能流暢運行：頁面的滾動要快速響應手指的動作，動畫和交...

Web布局非常困難。它如此困難的原因是自從使用CSS來完成Web布局開始就并沒有真正的完成復雜的Web布局。雖然我們使用很多技術手段能實現Web的固定布局，但是這些方法在響應式設計中又出現很多局...

眾所周知CSS技術我們雖然很熟悉，在使用的過程卻很容易被困住，這讓我們在新問題出現的時候變得很不利。隨著web繼續不斷地發展，對于新技術新解決方案的要求也會不斷增長。因此，作為網頁設計師和前端開...

這些原則都是我從這些年工作中所含蓋的各個大型、復雜的web項目中總結出來的。而這些事情也都是我這些年被多次問到的，所以覺得將其用文檔的形式敘述出來會是個不錯的想法。

原聲js的ajax設計方案 整理ajax設計方案原因如下 從資源合理利用的角度以及網站優化角度去想，每次為了那幾個功能，去引用一個框架，不劃算 拜讀了w3c的ajax的設計方案，包括level1...

Storybook——React開發伴侶,React組件UI開發環境，其作用在于讓前端工程師專注在樣式，組件功能開發過程中。

在進行App設計時，有沒有什么規范參考標準，還是自己想象一個出來？究竟如何去根據iOS的規范具體實現設計落地？作為優酷土豆上海部設計經理，本文作者將用優酷的實戰案例帶你入門。

在 react + redux 已經成為大部分前端項目底層架構的今天，讓我們再次回到軟件工程界一個永恒問題的探討上來，那就是如何提升一個開發團隊的開發效率？