今年中，几乎所有的现代桌面浏览器都已经支持了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 已经成为大部分前端项目底层架构的今天，让我们再次回到软件工程界一个永恒问题的探讨上来，那就是如何提升一个开发团队的开发效率？