HTML5在线教程和技术博客

  • div 、section 、article的区别和使用场景

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

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

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

    阅读全文 收藏 评论 (0) 阅读 (6463) 2016-05-06 13:49:09  
  • 在PHP网页程序中执行Sass/Compass命令

    我们需要在wow云开发平台支持sass/compass等预编译样式语言,为此我们首先尝试了scssphp扩展,但是在支持最新语法上,经常会出现异常。所以我们采用了代理的方式, 在CentOS服务器上安装了sass-lang和compass框架(前提是安装了ruby开发环境)。 然后在php中通过系统命令执行接口(exec/system)把编译工作转交给sass/com...

    阅读全文 收藏 评论 (0) 阅读 (2907) 2016-04-19 14:19:21  
  • 免费易学的交互式HTML5在线教程 - 从入门到精通

    1. 覆盖HTML5/CSS3/ES6/SVG/WebGL等网页编程领域的新兴技术,丰富的在线实例讲解;> 2. 目标驱动的交互式学习模式,通过精心设计的分级任务来渐进引导学习过程,着重培养实战能力; 3. 简要介绍主流设计理念,如拟物、扁平、原质化(Material)、响应式(Responsive)设计; 4. 中英文对照便于理解和记忆词汇的定义,也...

    阅读全文 收藏 评论 (0) 阅读 (3070) 2015-12-15 18:57:43  
  • 什么是网页原子设计模式(Atomic Design)

    网页设计的理念和方法正在随着设备多样化以及网页设计方法的发展而发生显著的演进。
    本文简要介绍网页设计领域最新的设计理念:原子设计(Atomic>Design)模式。
    我们不是设计页面,我们在设计可复用的系统组件库。回忆下桌面本地应用的发展历程,历史总是有某种程度的相似。- iefreer We’re>not>designin...

    阅读全文 收藏 评论 (0) 阅读 (4880) 2014-04-16 18:23:33  
  • Brad Frost:Techcrunch响应式设计之路

    Brad>Frost在2013年使用响应式设计技术对著名的技术创业网站Techcrunch进行了重新设计,以适应多屏幕尺寸移动阅读的需要,开发团队通过该项目得以重新审视新型网页设计流程,本文是他的精彩自述。本文中提到的原子、分子、组织这些术语是Atomic Design里面的专用词汇。 设定项目预期(Set>Expectations)...

    阅读全文 收藏 评论 (0) 阅读 (21769) 2014-04-16 02:25:52  
  • 网页设计后PSD时代(Post-PSD Era)

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

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