在线教程

  • CSS3弹性布局弹性流(flex-flow)属性详解和实例

    弹性布局是CSS3引入的强大的布局方式,用来替代以前Web开发人员使用的一些复杂而易错hacks方法(如使用float进行类似流式布局)。其中flex-flow是flex-direction和flex-wrap属性的简写方式,语法如下:flex-flow: &flex-direction< || &flex-wrap{>> >>>>display:>flex;>> }>> .flex-container.first>{>> >>>>flex-flow...

    阅读全文 收藏 评论 (0) 阅读 (7897) 2016-12-08 16:11:30  
  • 深入理解JS和CSS3动画性能问题和技术选择

    本文对比了JS及其框架和CSS3的动画性能,并深入剖析了其内在原因。技术结论大致如下:1. jQuery出于设计原因,在动画性能上表现最差2. CSS3由于把动画逻辑推给了浏览器,优化了内存消耗、DOM操作和默认利用了RAF,所以要比jQuery动画性能更好3. CSS3可能会引起浏览器主线程和复合器线程之间过度数据交互,从而导致性能下降4...

    阅读全文 收藏 评论 (1) 阅读 (17458) 2016-11-13 12:38:23  
  • 学习使用CSS制作进度条

    进度条是基础的界面控件,可用于多种场合,比如任务完成进度,手机充电状态等。本文介绍一个简单实用的进度条制作方法。预期效果如下图所示:直观上,我们可以把该进度条控件分为2个部分,外部的边界用来表示固定的目标范围,里面的条形部分用来表示当前进度。外部目标范围元素的CSS代码编写如下:.pb-scope>{>> >>>>displ...

    阅读全文 收藏 评论 (0) 阅读 (6597) 2016-10-07 16:24:23  
  • Blender2.7 快捷键一览表

    通用操作
    停止当前操作:ESC
    快捷搜索:SPACE撤销:ctrl+z重做:ctrl+shift+z渲染:F12
    单选:鼠标右键(RMB)全选:A
    框选:B
    刷选:C
    套选:CTRL+鼠标左键(LMB)
    删除:X/Delete
    复制:Shift+D
    添加:Shift+A取消:Esc, RMB确认:Return, LMB界面操作F5: 工具栏位置对称切换
    SH...

    阅读全文 收藏 评论 (2) 阅读 (13993) 2016-07-06 08:36:56  
  • 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实现一个3D商品标签

    使用3D缎带形状的标签是常见的一个设计模式,用在商品折扣、文章标题或网站推荐信息上,来突出显示重点内容,吸引用户视觉焦点。实现的方法有2种,一种是使用背景图片,一种是使用三角形的CSS3伪元素。本文介绍第2种方法,使用一个最简化的实例来讲解如何实现这个效果:上面的界面是一张简化的商品卡片,包含标签和商品描述...

    阅读全文 收藏 评论 (0) 阅读 (11385) 2016-05-15 12:50:47  
  • 如何使用纯CSS3实现一个3D泡沫

    要实现一个逼真的泡沫,涉及到比较复杂的光学/物理学知识。我们这里先简化下问题,实现一个相对简单而足够实用的泡沫元素。我们可以把基础的泡沫元素应用在很多场景中,比如水景、泡咖啡、啤酒甚至火焰特效中。泡沫首先是一个圆形元素.bubble>{ >>>>width:>200px; >>>>height:>200px; >>>>border-radius:>50%; }上面圆...

    阅读全文 收藏 评论 (0) 阅读 (6639) 2016-05-06 19:28:14  
  • 使用CSS3实现流星雨动画教程

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

    阅读全文 收藏 评论 (0) 阅读 (10250) 2016-05-06 13:49:09  
  • 网页设计后PSD时代(Post-PSD Era)

    我们已经进入了网页设计的后PSD时代了吗? 在我的整个职业生涯,我常常看到非常有才华的设计师浪费了大量的时间来创造一个拥有网站全部细节的PS设计稿,像素被注明,细节效果被费力的展示,页面打印出来,挂在墙上,呈现给客户, 客户据此指手画脚给出反馈,然后设计师进行修改。如此反复直到所有人满意...

    阅读全文 收藏 评论 (0) 阅读 (6505) 2014-04-15 15:13:42