• 也许,DOM 不是答案

    原文 http://www.ruanyifeng.com/blog/2015/02/future-of-dom.html 有一个词手机网站(mobile web),指供手机浏览的网站,但它是不存在的。 人们提到移动互联网的时候,其实专指另外一样东西:手机App。 一、Web App vs. Native App 比起手机App,网站有一

    15-03-07
  • Web 党 和 Native 党都歇会儿吧——争论毫无意义

    移动 Web 之争 我们并不想讨论 Flipboard 和其他一些公司「政治正确」的观点,我们只考虑「工作效率」这回事。事实证明,开发混合模式应用是最有效的方法,一直以来都是如此。 而事实是,当我们谈论 Native App 时,其实我们说的已经是 Hybrid App 了,因为

    15-03-07
  • Flipboard web移动端-打造每秒60帧的流畅体验

    英文原文 60fps on the mobile web 译文原文 指尖的流畅体验 在智能手机和平板电脑的黎明时期, Flipboard 推出“移动先行”的体验,使我们可以重新思考页面中内容布局的原则,以及与触摸屏相关的,如何获得更好的用户体验的因素。 为了建立完整的体验,我们

    15-03-05
  • HTML5都有哪些功能?

    Whats new in HTML5? 参考自: HTML5:MDN 语义 1.HTML5中的节段和外观元素。 section,article,nav,header,footer,aside 标签 简介 提示 article标签 定义文章 标签规定独立的自包含内容。潜在来源:论坛帖子、报纸文章、博客头目、用户评论 aside标签

    15-03-05
  • 纯CSS3动画按钮效果 5种漂亮样式

    这次我们要来分享一款很不错的 CSS3按钮 动画,这款 CSS3按钮 一共有5种动画方式,每一种都是鼠标滑过动画形式,虽然这些动画按钮不是十分华丽,但是小编觉得不像其他按钮那样很难扩展,我们可以修改CSS代码随意改变自己喜欢的颜色样式。 在线演示 源码下载

    15-03-03
  • Font Awesome最全的图标字体库

    http://fontawesome.io/ 图标一直是很多网站开发人员的心头痛,一来是因为图标制作非常麻烦,而是因为一个网站的图标必须统一风格,一般的公司很难拿得出一套像样的图标。 bootstrap之类的前端框架引入了一种全新的图标方案,那就是将矢量图标做成字体,这样

    15-02-10
  • 反思HTML5的失败和四个谎言

    上一篇《 HTML5定稿了?背后还是那场闹剧 》讲了HTML5所谓“定稿”背后的商业利益博弈,本文将继续这一话题,反思两年前那

    14-11-29
  • Firefox推出码农版浏览器Firefox Developer Edition

    Firefox 专门为开发者研发的浏览器-Built for those who build the Web,非常喜欢这种风格。 可以debug任何浏览器,可以直接在浏览器上创建webapp项目。自带firebug的功能,而且绝对比firebug专业,总之这绝对是前端开发者的利器。

    14-11-11
  • Material Design的CSS 框架:Material UI

    Material UI 是一套实现了 Google 的 Material Design 全新设计语言的 CSS 框架。Material UI 提供了 npm 包的形式,使用示例: /** * @jsx React.DOM*/ var React = require('react'), mui = require('material-ui'), PaperButton = mui.PaperButton; var S

    14-11-10
  • HTML5 canvas性能之画圈

    翻译自: http://my.opera.com/ODIN/blog/2012/12/13/html5-canvas-performance-drawing-circles 主要讲了HTML5 canvas性能方面的尝试,场景是在canvas上面绘制圆圈。 临近圣诞,我一直在尝试使用HTML5 canvas在圣诞树图片上面绘制泡泡。由于不知道哪种绘制

    13-07-19
  • CSS3 box-shadow的用法

    CSS3的box-shadow有点类似于text-shadow,只不过不同的是text-shadow是对象的文本设置阴影,而box-shadow是给对象实现图层阴影效果。 本文我们搁下IE不谈,只谈谈box-shadow的具体使用方法 语法: E {box-shadow: length length length?length?||color}也就

    13-07-18
  • 19种草木、树类轮廓的photoshop笔刷素材下载

    这19种风景树和草轮廓的笔刷完全免费奉献给大家,这是从国外一个前端人员的博客上获得的,据他本人所说,这些素材来自于他亲自骑着自行车出去摄影采集而来。 国内的素材网站往往难以找到这种优雅的素材。 就图片本身而言,似乎充满了哥特式的暗黑风格。 原文

    13-06-29
  • 下拉选择框select的纯CSS替代方案

    这篇教程中,我将给大家展示表单元素下拉选择框select的CSS替代方案。该方法采用css来实现,看上去非常简单。

    13-06-25
  • CSS3实例:为图片的文字说明添加时尚的悬停动画效果

    本文为你介绍一个时尚的显示与隐藏图片文字说明的动画效果。当鼠标悬停在一张图片上的时候,包含作者信息、超链接、图片标题的说明内容将会显示出来,显示过程中会有多种特效。某些效果会用到3D transform。我们的目的是是显示效果有着微妙的变化,同时激发

    13-06-24
  • CSS3 径向渐变(radial-gradient)

    上篇文章介绍了 CSS3 线性渐变(linear-gradient) ,这篇文章向大家介绍 radial-gradient(径向渐变)以及重复渐变(线性重复、径向重复)。在以前,渐变效果和阴影、圆角效果一样都是做成图片,现在 CSS3 可以直接编写 CSS 代码来实现。 CSS3 径向渐变和线

    13-06-23
56文