TGideas

Grunt打造前端自动化工作流

In 网页重构

on 2013-07-15

by 索尼克

在一个项目过程中，前端部分重复而枯燥的工作太多，我们需要一个自动化的工作流程，让我们更专注于coding，而不是coding外的繁琐工作。Grunt应运而生，可以想像，如果在node环境下，一行命令搞定一个场景，So Cool…

[译]环境设计与设备API

In 网页重构

on 2013-05-16

by 柠檬

现实世界是真实存在的，您无法控制它，但却可以很好地利用它。本文引入了4个与环境设计相关的浏览器可用的设备API：电池状态、网络信息、环境光传感器和近物体传感器API，利用它们可以帮助我们获取到现实环境信息以提升用户设计体验。

[译]使用Continuous painting mode来分析页面的绘制状态

In 网页重构

on 2013-02-26

by 歪脖

最新版本的Chrome已经支持Continuous painting mode，用于分析页面性能。这篇文章将会介绍怎么才能在页面在绘制过程中找到问题和怎么利用这个新的工具来解决页面性能上的瓶颈。

让你的专题动起来

In 网页重构

on 2012-12-18

by DStart

在一些日常专题中，如果没有flash资源的支持，该如何让我们的专题动起来呢？ 《机甲旋风》是腾讯公司专为儿童设计，以机器人和太空世界为题材的横版格斗科幻社区，也是继《洛克王国》后，推出的第二款儿童社区大作！在不删档合作放号活动中，初次尝试CSS3动画，小小总结一下，与大家分享一下此次专题的一些收获。

如何做一个好重构

In 网页重构

on 2012-12-04

by 小倪

用这个标题，是因为前一段时间组里有一个开放式讨论：怎样才算一个好重构？

其实，"好"与"坏"向来都是相对的，因为每个人眼中看待"好"与"坏"的标准不一样，不如从自身的角度考虑一下：如何做一个好重构？

加载，不只是少一点点【2012版】

In 网页重构

on 2012-11-08

by 东莞哥

对于加载精简来说，最大的好处莫过于对页面的加速。加速有两点：第一是由于资源加载量减少，对于页面首屏加载速度的提升；第二是某些加载精简的方法，会在一定程度上加快页面的渲染速度。同时，由于加载量的减少，剩下了一些带宽，从而减少了带宽费用。当然，事情都有两面的地方。加载精简会在一定程度上影响页面的SEO；部分方法也会造成一些额外的脚本开销。

利用media query让背景图适应不同分辨率的设备

In 网页重构

on 2012-08-06

by 歪脖

随着上网方式的多样化，用户选择上网的工具不再仅是PC，而可以是手机，或者平板电脑。随之而来的问题是如何让网页适应不同分辨率，这给前端工程师们带来了新的挑战，其中重要的一点是如何让图片能在不同的分辨率下都能给用户带来良好的用户体验？

非Flash动画的简单尝试

In 网页重构

on 2012-07-18

by 东莞哥

在“未来战士伊泽瑞尔”专题中小小的尝试了一下非Flash动画的效果。效果很简单，实现也很容易，分享一下一些心得。专题地址：http://lol.qq.com/act/a20120628ez/。使用iPad、Webkit内核浏览器或Firefox可以看到效果。

Javascript的3D视觉

In 网页重构

on 2012-06-29

by 尤尤酱

在平面上要想表现立体感，最简单的就是通过不同的移动速度产生远近景深的错觉。javascript通过对页面元素的控制也能方便的做到这种效果，虽然吧，限制挺多的...

加载，不只是少一点点

In 网页重构

on 2011-04-01

by 东莞哥

HTML5自打出生就注定要开始它不平凡的一生，各大科技公司都对其寄予厚望，并纷纷进行尝试。苹果、谷歌、微软陆续推出HTML5展示页面，各大视频网站也相继宣布支持HTML5视频技术，HTML5地理定位技术更如雨后春笋，在国外社交网站得到应用。 另一方面，在移动设备平台，iPhone的出货量已经超过1亿部，而iPad的销量也超过了1500万台，iPad2也在首周销量了近100万台，销售额达到95亿，占整个平板市场份额的90%。我们知道，这俩不支持Flash，这个普及程度提醒我们，提高多平台的兼容性势在必行。