在线教程

  • D3.js读取外部json数据

    D3.js是一个很好的数据可视化工具,支持从web服务读取json数据,或者从外部文件如.json, .csv文件中直接读取。由于部分服务比如flickrs上的图文数据服务需要VPN才能访问,为此可以先把该服务提供的数据以json文件的格式存储在本地服务器上。代码调用示例如下:d3.json("http://wow.techbrood.com/uploads/141102/propo...

    阅读全文 收藏 评论 (2) 阅读 (19261) 2016-05-18 18:39:23  
  • inline-block元素设置overflow:hidden属性导致相邻行内元素向下偏移

    在表单修改界面中常会使用一个标签、一个内容加一个修改按钮来组成单行界面,如图1所示。那么在表单总长度受限的情况下,当中间的邮箱名称过长时,会遮盖到旁边的按钮。我们可以把中间邮箱设定最大宽度,然后对于长度超出部分设置overflow: hidden来解决这个问题。但是这可能会引发另一个经典的 baseline 对齐问题,也就是...

    阅读全文 收藏 评论 (1) 阅读 (12897) 2016-05-18 18:13:58  
  • Processing.js和P5.js的功能简介和区别

    什么是ProcessingProcessing是关于数字艺术的编程语言,支持跨平台,语言本身是一个类Java语言,程序文件的后缀为.pde。
    什么是Processing.js为了能让Processing的代码能在Web上工作,John Resig开发了Processing.js,该JS开发库用来完成两个方面的任务:能把Processing语言动态转换成JS,从而在Web环境中执行;

    阅读全文 收藏 评论 (1) 阅读 (22545) 2016-05-18 13:05:24  
  • 如何使用CSS3实现书页(书本)卷角效果

    我们有时候想在页面显示一个公告或用户提示信息。一个常用设计是使用书签形状。我们可以给书签添加卷角效果,以使其更为逼真。所谓的“卷角”实际上可以用小角度倾斜的阴影效果来模拟。用CSS3的伪元素实现这个效果很容易。
    先给出一个实例,我们在WOW站点页面...

    阅读全文 收藏 评论 (0) 阅读 (8283) 2016-05-14 22:37:25  
  • div 、section 、article的区别和使用场景

    div 、section 、article的区别和使用场景
    主要区别,以及适用场合如下:
    1、div在html早期版本就支持了,section和article是html5提出的两个雨衣话标签。如果只是针对一个块内容做样式化,三者并没有区别。
    2、作为语义化标签,section应用的典型场景有文章的章节、标签对话框中的标签页、或者论文中有编号的...

    阅读全文 收藏 评论 (2) 阅读 (13909) 2016-05-06 17:50:19  
  • 使用CSS3实现流星雨动画教程

    很多营销页面中需要实现类似流星雨的动画背景,营造节日浪漫的气氛。要实现这样的效果,有两种方法,一个是使用Canvas,一个是使用纯CSS3,我们这里介绍第2种方法,在粒子数量少的时候,实现起来要更为简单,且便于调试。先预览下整体效果:流星雨的构成流星雨=流星+雨。流星本身包含2个部分,一个是带光晕的星星,一个是尾...

    阅读全文 收藏 评论 (0) 阅读 (10250) 2016-05-06 13:49:09  
  • Three.js入门教程6 - 创建全景图和纹理

    全景图非常酷。使用Three.js做一个属于自己的全景图并不是那么困难。要做一个全景图,你需要一个软件用来做一张全景图片。我使用了iPhone上的Microsoft Photosynth软件来制作。1.环境纹理首先什么是环境纹理?在WebGL或者OpenGL中他们实际上是种特殊的立方体纹理。一个立方体纹理是对整个场景(虚拟的或现...

    阅读全文 收藏 评论 (0) 阅读 (13970) 2016-04-16 00:30:11  
  • Three.js入门教程5 - 10个必须知道的编程技巧

    作者为Google的Paul,关于如何写出好的WebGL代码的文章。和很多开发者一样,我通过实践学习,但同时我也向其他更有经验的开发者们学习。在过去的几个月中,我在canvas标签上花了很多时间,我想如果把这段时间学到的关于WebGL和JavaScript的小技巧都写下来,一定很有意思。有一些很具体,有一些却很笼统,希望你们喜欢!>

    阅读全文 收藏 评论 (0) 阅读 (13151) 2016-03-16 00:16:49