222016
 

编者按:WebFont 技术可以让网页使用在线字体,而无需使用图片,在国外非常流行,由于中文的特殊情况,有几个难题一直没搞定。现在在国内几位技术大牛的努力下,终于有了第一款神器,赶紧来收 >>>

14年的你错过了哪些精品教程+高人气资源?来这儿搜罗 >>> 《年度颁奖盛典!2014年最受欢迎的设计资源大盘点》

裕波:三年前,有一个设计师面试一位 Web 前端工程师,其中有一段这样的对话:

“如果设计师希望用图片实现某个字体样式,而从技术的角度来说这样不合理,但设计师非常坚持,这时候你怎么办?” 继续阅读 »

142016
 

CSS的特殊性是非常重要却又经常被忽视的属性,特别是在团队合作下的产品迭代开发中,因为不注重CSS的特殊性最后导致某些代码混乱不堪,这里就把自己对CSS特殊性的认识做一些归纳总结.

CSS的特殊性(specificity)也可以称为CSS的优先级或权值:对于每个样式表规则,浏览器都会计算选择器的特殊性,从而使元素属性声明在有冲突的情况下能够正确显示.

特殊性的描述可以把它看成一个4位数: 0.0.0.0 ,数值越大的特殊性越高(例如:0.1.0.0>0.0.1.2),也是最终浏览器显示的效果.

特殊性的具体特性:

  • 内联样式的特殊性为 1.0.0.0
  • ID选择器的特殊性为 0.1.0.0
  • 类或者伪类的特殊性为 0.0.1.0
  • 元素和伪元素的特殊性为 0.0.0.1

简单的说就是:内联样式的特殊性>ID选择器>类或者伪类>元素和伪元素.

继续阅读 »

142016
 

有一个为 iPad 设计的用来查时区的 HTML5 软件 everytimezone.com 最近引起了一些注意。它简单、到位,可以离线使用,并且速度极快。由于 HTML5 软件本质上只是一个网页,故不需要通过苹果的 App Store 商店发行,用户只要用 iPad 访问 everytimezone.com,然后将书签存到桌面,下一次打开就变成了一个与原生软件几乎无异的东西。everytimezone.com 的作者托马斯·富赫是资深 JavaScript 专家,也是 JavaScript 框架 Prototype 的核心开发者之一。他近日在博客上撰文传授了如何保证 HTML5 软件在 iPad 上飞速运行的七条秘诀,特翻译如下。—— 编者

一、少用图片

一开始,为了做出用来表示各个城市的每一天的那种渐变效果,我们用了一套相当复杂的 -webkit-gradient,结果发现这会令转译速度变得非常非常慢。-webkit-gradient 的工作方法是构建位图,对于浏览器的转译引擎来说,这和从外部加载图片(例如一张 PNG)是完全一样的。MobileSafari 显示图片速度之慢是出了名的(希望 4.0 对此有所改进),要解决这个问题,基本上只能不用图片和 -webkit-gradient。

继续阅读 »

082016
 

1. 前言

WebRTC(Web Real-Time Communication——网页实时通信)是一个基于浏览器的实时多媒体通信技术。该项技术旨在使Web浏览器具备实时通信能力;同时,通过将这些能力封装并以JavaScript API的方式开放给Web应用开发人员,使得Web应用开发人员能够通过HTML标签和JavaScript API快速地开发出基于Web浏览器的实时音视频应用,而无需依赖任何第三方插件。该项技术将Web浏览器打造成一个适用于在所有用户设备(比如移动智能终端和个人电脑等)间进行实时的音视频和数据通信的通用平台。 继续阅读 »

102015
 

虚拟化技术企业数据中心整合、云计算,特别是云计算基础设施服务即IaaS服务中,已经成为一个至关重要的技术。可以说,虚拟化技术是绝大多数IaaS服务的基础。在虚拟化方面有很多种解决方案:如VMware ESXi、微软HyperV,开源的如VirtualBox、Xen和KVM。作为公有云服务和私有云建设的核心技术,虚拟化一直受到业内关注,也因此一直在发展和进步。。早期国外云主机服务商和几乎所有国内云主机服务商一直使用Xen虚拟化技术, 而KVM凭借其近几年的发展被linkcloud和众多新兴的国外IaaS公司所采用。KVM和Xen孰优孰劣?本文对此做一探讨。 继续阅读 »