热烈庆祝中华人民共和国香港特别行政区回归祖国 20 周年!

CSS 绘制三角形原理演示(动画)V3 版,具体参见以下链接:

//exp.xiaogd.net/hm/demo/css/css-border/v3/cbt_slide.html

此版本的改进有以下几点:

  • 更加细化的步骤。
  • 步骤间的连接过渡更加友好,具体为在下一步骤中尽量保留上一步的结果,并在此基础上演化。
  • 调整部分页面布局为左右两栏,充分利用页面空间。
  • 代码高亮方面的一些特性使用,使阅读更加友好。
  • 去掉一些步骤,比如删掉了背景颜色部分。
  • 去掉了过于花哨的连接动画,比如旋转方面的。
  • 其它一些小的改进,如增大了 border 的尺寸,把颜色从粉色改为红色,增加了部分文字的移入移出效果等。

一些存在的问题:

1、在 Edge 浏览器上有问题,由代码高亮增强插件导致。

2、某些子步骤不能回退或在回放过程中行为不一致,需要重新刷新页面。

这点由于框架本身并太支持过于细化和灵活的步骤,自己利用了一些 hack 的形式来达到某些效果,手写了不少的 js。目前来说,至少正常按顺序浏览没有太大问题,但要支持回退则还有许多琐碎的事要做,暂时也没有通盘去考虑这些,只是先对付了事,想达到较好的效果恐怕还要修改框架的源码。

最后我想说一点是,对于这个问题我目前已经做了有三个版本,但并不是说这个问题多么重要,又或者是我对它有什么特别的兴趣,都不是的。

或许后面会写些其它方面的主题。

我主要是想探索一些展示知识的新方式,探讨一些可能性以及评估这些工作的难度。所以,还是跟之前那样,如果你有什么意见或建议,欢迎留言!

《难以忽视的真相》是一部关于气候变暖的纪录片,由几乎成为美国总统的人——阿尔·戈尔(前美国副总统)来讲述,获得了第 79 届奥斯卡金像奖最佳纪录片。

一个更具体的介绍及观看链接见这里:http://v.sogou.com/movie/mzuwy3k7gm4tgobubhcnduwuxl3mvu5vytk6nt7a.html

当然,关于气候变暖,这是一个很宏大的话题,对人类的未来也很重要,值得每一个人去关注。自然,这也是推荐这部纪录片的一大原因;而另一原因,也是标题所暗示的,它是一部“精彩”的纪录片。

气候变暖,是科学家首先发现的,可以说是一个科学话题,但它的影响是深远的,所以很有必要向民众普及这一知识,可是民众往往对这些没有什么兴趣,向群众科普这些知识通常都有不小的困难,而这部片子,在我看来,在“怎么去做科普”这个话题上,给出了一个很好的回答,戈尔将这个故事讲得非常精彩,这也是我推荐它的一大原因。

关于代码行数——IT 名言录

靠代码行数来衡量开发进度就好比用重量来衡量飞机制造的进度。——比尔·盖茨

Measuring programming progress by lines of code is like measuring aircraft building progress by weight.——Bill Gates

之前也曾写了一个类似的演示,因为一开始弄 impress.js,一些特性还不熟悉,做得相对较差了些,现在依旧可以访问:

CSS 绘制三角形原理演示(动画)(旧版)(不推荐)

现在重新做了些修改,V2 版本参见:

CSS 绘制三角形原理演示(动画)V2 版

主要的一些改进如下:

  • 增加了子步骤,一页中内容过多时可以逐步呈现。
  • 增加了代码的高亮。(使用了 prism.js)
  • 增强的 impress.js,增加了导航按钮,下拉选择列表,进度条以及自动播放等特性。
  • 重新规划了页面的整体布局,在结尾增加了预览页。
  • 增加了部分动画演示,调整了部分语句及顺序等。
  • 支持在手机端阅读(不过导航效果等还不太好,仍不推荐在手机端阅读)。

如果你有什么改进意见,欢迎留言!