Fwd: 基于HTML5的创新版式设计

Hi,

2013/10/28 Mingli Yuan <mingli.yuan@gmail.com>

> 嗨，各位，
>
>
> 最近浏览纽约时报时，发现他们启用了全新图文报道方式。这种方式消除了传统的图文之间的界限，把文字、图片、动画、数字图标、地图等元素全都无缝的衔接起来。例子可以参见：
>
>    - http://www.nytimes.com/newsgraphics/2013/10/13/russia/

>    - http://www.nytimes.com/newsgraphics/2013/10/27/south-china-sea/

>
> 超赞，之前看到 medium（https://medium.com/lessons-learned-1/8ea2f3ed0a5d ）
和其他的一些博客也开始做这样的 header。

和以往的基于HTML5的动态交互效果来比较，这次纽约时报的版式设计应该是有一定的章法、规程。
> 我比较感兴趣的是这类全新的版式使用什么工具和方法开发出来的？能否在未来成为一种可能的趋势。
>

这些都不难实现吧［指其实是 parallax 实现 :-) ］，倒觉得正文左侧的随页面下滑而递进的 scroll bar 很有趣，可以想到的是用
SVG drawing 的方式来画出路径，比如这里的一个例子（
http://prinzhorn.github.io/skrollr/examples/path.html /skrollr）。


> 明理
>


Jingtao "Tommy" Liu
GMT+8:00 Beijing, China
/technommy